.elementor-53294 .elementor-element.elementor-element-0cb865f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53294 .elementor-element.elementor-element-0cb865f.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-53294 .elementor-element.elementor-element-0cb865f{--width:100%;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300;400;500;600;700;800&display=swap');

  .ao-mia,
  .ao-mia * { box-sizing: border-box; }

  .ao-mia {
    --ao-ink: #0C0819;
    --ao-ink-2: #171126;
    --ao-blue: #352A9C;
    --ao-cyan: #590193;
    --ao-aqua: #9358D7;
    --ao-lime: #ED6725;
    --ao-coral: #ED6725;
    --ao-cream: #F7F3F5;
    --ao-white: #ffffff;
    --ao-muted: #607580;
    --ao-line: rgba(16,45,60,.13);
    --ao-shadow: 0 24px 70px rgba(16,45,60,.12);
    position: relative;
    width: 100%;
    overflow: hidden;
    color: var(--ao-ink);
    background: var(--ao-cream);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.68;
    isolation: isolate;
  }
  .ao-mia .ao-mia__hero-brand {
  display: flex;
  width: fit-content;
  max-width: 100%;

  .ao-mia .ao-mia__hero-brand img {
    max-width: 185px !important;
  }
}
  .ao-mia h1,
  .ao-mia h2,
  .ao-mia h3,
  .ao-mia h4,
  .ao-mia p { margin: 0; }

  .ao-mia h1,
  .ao-mia h2,
  .ao-mia h3,
  .ao-mia h4 {
    color: inherit;
    font-family: 'Funnel Display', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.08;
    letter-spacing: -.045em;
  }

  .ao-mia a { color: inherit; text-decoration: none; }
  .ao-mia ul { margin: 0; padding: 0; list-style: none; }
  .ao-mia strong { font-weight: 700; }
  .ao-mia section { position: relative; scroll-margin-top: 24px; }

  .ao-mia__container {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
    position: relative;
    z-index: 2;
  }

  .ao-mia__section { padding: clamp(78px, 9vw, 130px) 0; }
  .ao-mia__section--white { background: var(--ao-white); }
  .ao-mia__section--ink { background: var(--ao-ink); color: var(--ao-white); }
  .ao-mia__section--aqua { background: var(--ao-aqua); }

  .ao-mia__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .ao-mia__eyebrow::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ao-coral);
    box-shadow: 16px 0 0 var(--ao-lime);
    margin-right: 16px;
  }

  .ao-mia__title {
    max-width: 900px;
    font-size: clamp(38px, 5.1vw, 72px);
    font-weight: 800;
  }

  .ao-mia__title--sm { font-size: clamp(35px, 4.4vw, 62px); }

  .ao-mia__lead {
    max-width: 760px;
    margin-top: 25px !important;
    color: var(--ao-muted);
    font-size: clamp(18px, 1.65vw, 23px);
    line-height: 1.55;
  }

  .ao-mia__section--ink .ao-mia__lead { color: rgba(255,255,255,.72); }

  .ao-mia__btn {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 16px 23px 16px 25px;
    border: 2px solid var(--ao-ink);
    border-radius: 999px;
    background: var(--ao-lime);
    color: var(--ao-ink) !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .055em;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 5px 5px 0 var(--ao-ink);
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
  }

  .ao-mia__btn::after {
    content: '→';
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 50%;
    background: var(--ao-ink);
    color: var(--ao-white);
    font-size: 17px;
    line-height: 1;
  }

  .ao-mia__btn:hover {
    transform: translate(3px, 3px);
    box-shadow: 2px 2px 0 var(--ao-ink);
    background: #e8f879;
  }

  .ao-mia__btn--light {
    border-color: var(--ao-white);
    background: var(--ao-lime);
    box-shadow: 5px 5px 0 var(--ao-white);
  }

  .ao-mia__micro {
    max-width: 580px;
    margin-top: 17px !important;
    color: var(--ao-muted);
    font-size: 14px;
    line-height: 1.55;
  }

  .ao-mia__section--ink .ao-mia__micro { color: rgba(255,255,255,.62); }
  .ao-mia__actions { margin-top: 34px; }

  /* HERO */
  .ao-mia__hero {
    min-height: 830px;
    display: flex;
    align-items: center;
    padding: 90px 0 115px;
    background:
      radial-gradient(circle at 84% 20%, rgba(101,216,208,.55) 0 9%, transparent 9.3%),
      radial-gradient(circle at 84% 20%, transparent 0 14%, rgba(16,45,60,.12) 14.2% 14.5%, transparent 14.7%),
      linear-gradient(135deg, #0C0819 0%, #0C0819 57%, #352A9C 57.1%, #352A9C 100%);
  }

  .ao-mia__hero::before {
    content: '';
    position: absolute;
    right: -80px;
    bottom: -190px;
    width: 560px;
    aspect-ratio: 1;
    border: 72px solid var(--ao-coral);
    border-radius: 50%;
    opacity: .92;
  }

  .ao-mia__hero::after {
    content: 'IA';
    position: absolute;
    right: clamp(30px, 7vw, 110px);
    top: 48%;
    color: var(--ao-ink);
    font-family: 'Funnel Display', sans-serif;
    font-size: clamp(110px, 16vw, 250px);
    font-weight: 800;
    line-height: .75;
    letter-spacing: -.1em;
    opacity: .08;
    transform: translateY(-50%) rotate(-8deg);
  }

  .ao-mia__hero-content { max-width: 920px; }

  .ao-mia__date-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    padding: 10px 14px;
    border: 1px solid var(--ao-ink);
    border-radius: 999px;
    background: rgba(255,255,255,.62);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
  }

  .ao-mia__date-pill span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ao-coral);
  }

  .ao-mia__hero h1 {
    max-width: 990px;
    font-size: clamp(48px, 7.2vw, 104px);
    font-weight: 800;
    line-height: .94;
  }

  .ao-mia__hero h1 em {
    color: var(--ao-blue);
    font-style: normal;
  }

  .ao-mia__hero-statement {
    max-width: 790px;
    margin-top: 30px !important;
    font-size: clamp(21px, 2vw, 29px);
    font-weight: 700;
    line-height: 1.36;
  }

  .ao-mia__hero-copy {
    max-width: 760px;
    margin-top: 18px !important;
    color: #3f5965;
    font-size: 17px;
    line-height: 1.67;
  }

  .ao-mia__hero-note {
    max-width: 650px;
    margin-top: 14px !important;
    color: var(--ao-blue);
    font-size: 15px;
    font-weight: 700;
  }

  /* PROBLEMA */
  .ao-mia__problem-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(45px, 8vw, 120px);
    align-items: start;
  }

  .ao-mia__problem-sticky { position: sticky; top: 35px; }

  .ao-mia__problem-copy {
    display: grid;
    gap: 23px;
    color: #334e5b;
    font-size: 19px;
  }

  .ao-mia__repeat {
    display: grid;
    gap: 9px;
    margin: 12px 0 8px;
  }

  .ao-mia__repeat li {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 15px 18px;
    border-left: 4px solid var(--ao-coral);
    background: var(--ao-cream);
    color: var(--ao-ink);
    font-weight: 700;
  }

  .ao-mia__callout {
    padding: 27px 28px;
    border-radius: 2px 28px 28px 28px;
    background: var(--ao-ink);
    color: var(--ao-white);
    font-size: 20px;
    font-weight: 600;
  }

  /* MCV */
  .ao-mia__mcv-intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 55px;
    align-items: end;
  }

  .ao-mia__mcv-mark {
    justify-self: end;
    color: var(--ao-aqua);
    font-family: 'Funnel Display', sans-serif;
    font-size: clamp(80px, 14vw, 190px);
    font-weight: 800;
    line-height: .7;
    letter-spacing: -.1em;
  }

  .ao-mia__mcv-copy {
    max-width: 800px;
    margin-top: 30px !important;
    color: rgba(255,255,255,.76);
    font-size: 19px;
  }

  .ao-mia__mcv-copy strong {
    display: block;
    margin-bottom: 12px;
    color: var(--ao-white);
    font-size: clamp(22px, 2.2vw, 30px);
  }

  .ao-mia__mcv-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 58px;
  }

  .ao-mia__mcv-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 34px 29px 32px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 26px;
    background: rgba(255,255,255,.065);
  }

  .ao-mia__mcv-card:nth-child(2) { background: var(--ao-aqua); color: var(--ao-ink); }
  .ao-mia__mcv-card:nth-child(3) { background: var(--ao-lime); color: var(--ao-ink); }

  .ao-mia__mcv-number {
    display: block;
    margin-bottom: 62px;
    color: var(--ao-coral);
    font-family: 'Funnel Display', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
  }

  .ao-mia__mcv-card:nth-child(n+2) .ao-mia__mcv-number { color: var(--ao-blue); }
  .ao-mia__mcv-card h3 { font-size: 35px; }
  .ao-mia__mcv-card > p { margin-top: 15px; color: rgba(255,255,255,.68); font-size: 15px; }
  .ao-mia__mcv-card:nth-child(n+2) > p { color: rgba(16,45,60,.76); }
  .ao-mia__mcv-card h4 { margin-top: 29px; font-size: 15px; letter-spacing: -.01em; }

  .ao-mia__check-list { display: grid; gap: 9px; margin-top: 14px !important; }
  .ao-mia__check-list li { position: relative; padding-left: 21px; font-size: 14px; line-height: 1.42; }
  .ao-mia__check-list li::before { content: '↳'; position: absolute; left: 0; top: 0; font-weight: 800; }

  /* APLICACIONES */
  .ao-mia__applications {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: clamp(50px, 8vw, 115px);
    align-items: start;
  }

  .ao-mia__app-list { counter-reset: apps; border-top: 1px solid var(--ao-line); }
  .ao-mia__app-list li {
    counter-increment: apps;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 15px;
    align-items: start;
    padding: 20px 0;
    border-bottom: 1px solid var(--ao-line);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.43;
  }

  .ao-mia__app-list li::before {
    content: '0' counter(apps);
    color: var(--ao-coral);
    font-family: 'Funnel Display', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
  }

  /* PARA QUIEN */
  .ao-mia__audience-head {
    display: flex;
    gap: 40px;
    align-items: end;
    justify-content: space-between;
  }

  .ao-mia__audience-head .ao-mia__lead { max-width: 460px; }
  .ao-mia__audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 55px; }

  .ao-mia__audience-card {
    min-height: 310px;
    padding: 29px 25px;
    border: 1px solid var(--ao-line);
    border-radius: 22px;
    background: var(--ao-white);
    box-shadow: 0 18px 45px rgba(16,45,60,.06);
  }

  .ao-mia__audience-icon {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: 52px;
    place-items: center;
    border-radius: 50%;
    background: var(--ao-aqua);
    color: var(--ao-ink);
    font-family: 'Funnel Display', sans-serif;
    font-size: 13px;
    font-weight: 800;
  }

  .ao-mia__audience-card:nth-child(2) .ao-mia__audience-icon { background: var(--ao-lime); }
  .ao-mia__audience-card:nth-child(3) .ao-mia__audience-icon { background: var(--ao-coral); }
  .ao-mia__audience-card:nth-child(4) .ao-mia__audience-icon { background: #d9d0ff; }
  .ao-mia__audience-card h3 { font-size: 23px; }
  .ao-mia__audience-card p { margin-top: 15px; color: var(--ao-muted); font-size: 15px; line-height: 1.56; }

  .ao-mia__audience-note {
    max-width: 880px;
    margin: 30px auto 0;
    padding: 22px 28px;
    border-radius: 16px;
    background: var(--ao-ink);
    color: var(--ao-white);
    text-align: center;
  }

  /* METODOLOGIA */
  .ao-mia__steps { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 58px; }
  .ao-mia__step { position: relative; padding: 28px 24px 30px; border-top: 1px solid rgba(255,255,255,.2); }
  .ao-mia__step::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 24px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--ao-lime);
    box-shadow: 0 0 0 6px var(--ao-ink);
  }

  .ao-mia__step-num { color: var(--ao-aqua); font: 800 12px/1 'Funnel Display', sans-serif; letter-spacing: .1em; }
  .ao-mia__step h3 { margin-top: 43px; font-size: 25px; }
  .ao-mia__step p { margin-top: 12px; color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.55; }

  /* PROGRAMA */
  .ao-mia__program-head {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 50px;
    align-items: end;
    margin-bottom: 55px;
  }

  .ao-mia__program-head .ao-mia__lead { justify-self: end; max-width: 440px; }
  .ao-mia__program { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }

  .ao-mia__module {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    padding: 31px;
    border: 1px solid var(--ao-line);
    border-radius: 22px;
    background: var(--ao-white);
  }

  .ao-mia__module::after {
    content: attr(data-module);
    position: absolute;
    right: -7px;
    bottom: -30px;
    color: rgba(16,45,60,.045);
    font-family: 'Funnel Display', sans-serif;
    font-size: 150px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.1em;
  }

  .ao-mia__module-label {
    display: inline-block;
    margin-bottom: 48px;
    color: var(--ao-coral);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .ao-mia__module h3 { position: relative; z-index: 1; max-width: 500px; font-size: clamp(23px, 2.2vw, 31px); }
  .ao-mia__module p { position: relative; z-index: 1; margin-top: 16px; color: var(--ao-muted); font-size: 15px; line-height: 1.58; }
  .ao-mia__module--final { background: var(--ao-lime); }
  .ao-mia__module--final p { color: rgba(16,45,60,.76); }

  .ao-mia__evaluation {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 35px;
    margin-top: 15px;
    padding: 35px;
    border-radius: 22px;
    background: var(--ao-blue);
    color: var(--ao-white);
  }

  .ao-mia__evaluation h3 { color: var(--ao-lime); font-size: 23px; }
  .ao-mia__evaluation p { color: rgba(255,255,255,.78); }

  /* RESPALDO Y OFERTA */
  .ao-mia__offer-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(45px, 8vw, 105px); align-items: start; }
  .ao-mia__offer-copy { display: grid; gap: 21px; margin-top: 28px; color: #344f5b; font-size: 18px; }
  .ao-mia__benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 28px !important; }
  .ao-mia__benefits li {
    padding: 15px 16px 15px 42px;
    position: relative;
    border-radius: 12px;
    background: rgba(101,216,208,.22);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
  }
  .ao-mia__benefits li::before { content: '✓'; position: absolute; left: 17px; color: var(--ao-blue); font-weight: 800; }

  .ao-mia__offer-card {
    position: sticky;
    top: 30px;
    padding: 38px;
    border: 2px solid var(--ao-ink);
    border-radius: 28px;
    background: var(--ao-ink);
    color: var(--ao-white);
    box-shadow: 10px 10px 0 var(--ao-aqua);
  }

  .ao-mia__offer-tag { color: var(--ao-lime); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
  .ao-mia__offer-card h3 { margin-top: 18px; font-size: clamp(31px, 3vw, 44px); }
  .ao-mia__includes { display: grid; gap: 11px; margin-top: 28px !important; }
  .ao-mia__includes li { position: relative; padding-left: 28px; color: rgba(255,255,255,.75); font-size: 15px; line-height: 1.45; }
  .ao-mia__includes li::before { content: '●'; position: absolute; left: 2px; color: var(--ao-aqua); font-size: 10px; }
  .ao-mia__offer-meta { display: grid; gap: 9px; margin: 30px 0; padding: 20px 0; border-block: 1px solid rgba(255,255,255,.16); }
  .ao-mia__offer-meta span { display: flex; gap: 11px; align-items: center; font-weight: 700; }
  .ao-mia__offer-card .ao-mia__btn { width: 100%; }

  /* FAQ */
  .ao-mia__faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(50px, 8vw, 110px); align-items: start; }
  .ao-mia__faq-head { position: sticky; top: 35px; }
  .ao-mia__faq { border-top: 1px solid var(--ao-line); }
  .ao-mia__faq details { border-bottom: 1px solid var(--ao-line); }
  .ao-mia__faq summary {
    display: grid;
    grid-template-columns: 1fr 34px;
    gap: 20px;
    align-items: center;
    padding: 24px 0;
    cursor: pointer;
    font-family: 'Funnel Display', sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.02em;
    list-style: none;
  }
  .ao-mia__faq summary::-webkit-details-marker { display: none; }
  .ao-mia__faq summary::after {
    content: '+';
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    background: var(--ao-ink);
    color: var(--ao-white);
    font-size: 20px;
    transition: transform .2s ease;
  }
  .ao-mia__faq details[open] summary::after { transform: rotate(45deg); background: var(--ao-coral); }
  .ao-mia__faq details p { max-width: 720px; padding: 0 50px 25px 0; color: var(--ao-muted); }

  /* CIERRE */
  .ao-mia__closing {
    padding: clamp(90px, 11vw, 155px) 0;
    background: var(--ao-aqua);
  }

  .ao-mia__closing::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(16,45,60,.09) calc(25% - 1px) 25%);
    pointer-events: none;
  }

  .ao-mia__closing-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; }
  .ao-mia__words { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 34px; }
  .ao-mia__words span {
    padding: 9px 14px;
    border: 1px solid var(--ao-ink);
    border-radius: 999px;
    background: rgba(255,255,255,.32);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
  }
  .ao-mia__closing-copy { margin-top: 32px !important; font-size: 20px; line-height: 1.55; }
  .ao-mia__closing-copy strong { display: block; margin-top: 12px; font-size: 23px; }
  .ao-mia__closing-card { padding: 34px; border-radius: 25px; background: var(--ao-ink); color: var(--ao-white); box-shadow: 9px 9px 0 var(--ao-lime); }
  .ao-mia__closing-card h3 { font-size: 35px; }
  .ao-mia__closing-card p { margin-top: 18px; color: rgba(255,255,255,.75); }
  .ao-mia__closing-card .ao-mia__btn { width: 100%; margin-top: 28px; }

  @media (max-width: 1024px) {
    .ao-mia__mcv-grid { grid-template-columns: 1fr; }
    .ao-mia__mcv-card { min-height: 0; }
    .ao-mia__mcv-number { margin-bottom: 35px; }
    .ao-mia__audience-grid { grid-template-columns: 1fr 1fr; }
    .ao-mia__steps { grid-template-columns: 1fr 1fr; gap: 20px 0; }
    .ao-mia__step:last-child { grid-column: 1 / -1; }
  }

  @media (max-width: 767px) {
    .ao-mia { font-size: 16px; }
    .ao-mia__container { width: min(100% - 32px, 1180px); }
    .ao-mia__section { padding: 74px 0; }
    .ao-mia__hero { min-height: auto; padding: 62px 0 82px; background: linear-gradient(155deg, #0C0819 0 70%, #352A9C 70.2%); }
    .ao-mia__hero::before { right: -180px; bottom: -260px; width: 430px; border-width: 52px; }
    .ao-mia__hero::after { display: none; }
    .ao-mia__date-pill { max-width: 100%; align-items: flex-start; line-height: 1.4; }
    .ao-mia__hero h1 { font-size: clamp(44px, 14vw, 65px); }
    .ao-mia__hero-statement { font-size: 21px; }
    .ao-mia__btn { width: 100%; min-height: 58px; padding-inline: 18px; }
    .ao-mia__problem-grid,
    .ao-mia__mcv-intro,
    .ao-mia__applications,
    .ao-mia__program-head,
    .ao-mia__offer-grid,
    .ao-mia__faq-grid,
    .ao-mia__closing-grid { grid-template-columns: 1fr; gap: 40px; }
    .ao-mia__problem-sticky,
    .ao-mia__faq-head,
    .ao-mia__offer-card { position: relative; top: auto; }
    .ao-mia__mcv-mark { justify-self: start; font-size: 95px; }
    .ao-mia__mcv-grid { margin-top: 40px; }
    .ao-mia__audience-head { display: block; }
    .ao-mia__audience-grid { grid-template-columns: 1fr; margin-top: 40px; }
    .ao-mia__audience-card { min-height: auto; }
    .ao-mia__audience-icon { margin-bottom: 35px; }
    .ao-mia__steps { grid-template-columns: 1fr; }
    .ao-mia__step:last-child { grid-column: auto; }
    .ao-mia__program { grid-template-columns: 1fr; }
    .ao-mia__program-head .ao-mia__lead { justify-self: start; }
    .ao-mia__module { min-height: 0; padding: 27px 24px; }
    .ao-mia__module-label { margin-bottom: 38px; }
    .ao-mia__evaluation { grid-template-columns: 1fr; gap: 15px; padding: 28px 24px; }
    .ao-mia__benefits { grid-template-columns: 1fr; }
    .ao-mia__offer-card { padding: 30px 24px; box-shadow: 7px 7px 0 var(--ao-aqua); }
    .ao-mia__faq details p { padding-right: 0; }
    .ao-mia__closing::before { background: repeating-linear-gradient(90deg, transparent 0 calc(50% - 1px), rgba(16,45,60,.08) calc(50% - 1px) 50%); }
    .ao-mia__closing-card { padding: 28px 23px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .ao-mia *, .ao-mia *::before, .ao-mia *::after { scroll-behavior: auto !important; transition: none !important; }
  }

  /* ==========================================================
     IDENTIDAD OFICIAL APRENDER ONLINE
     Línea tech + categoría NEGOCIOS Y MARKETING
     ========================================================== */
  .ao-mia {
    --ao-ink: #0C0819;
    --ao-ink-2: #171126;
    --ao-blue: #352A9C;
    --ao-cyan: #590193;
    --ao-aqua: #9358D7;
    --ao-lime: #ED6725;
    --ao-coral: #ED6725;
    --ao-cream: #F7F3F5;
    --ao-white: #FFFFFF;
    --ao-muted: #675F6F;
    --ao-line: rgba(12,8,25,.12);
    --ao-shadow: 0 28px 80px rgba(12,8,25,.12);
    background: var(--ao-cream);
    color: var(--ao-ink);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
  }

  .ao-mia h1,
  .ao-mia h2,
  .ao-mia h3,
  .ao-mia h4 {
    font-family: 'Funnel Display', 'Helvetica Neue', Arial, sans-serif;
    letter-spacing: -.035em;
  }

  .ao-mia__container { width: min(1200px, calc(100% - 56px)); }
  .ao-mia__section { padding: clamp(88px, 9vw, 132px) 0; }
  .ao-mia__section--white { background: #fff; }
  .ao-mia__section--ink {
    color: #fff;
    background:
      radial-gradient(circle at 88% 16%, rgba(147,88,215,.20), transparent 30%),
      radial-gradient(circle at 8% 88%, rgba(237,103,37,.11), transparent 28%),
      linear-gradient(135deg, #0C0819 0%, #171126 52%, #100A20 100%);
  }
  .ao-mia__section--aqua { background: #9358D7; }

  .ao-mia__eyebrow {
    gap: 11px;
    margin-bottom: 21px;
    color: var(--ao-coral);
    font-family: 'Funnel Display', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .145em;
  }
  .ao-mia__eyebrow::before {
    width: 28px;
    height: 2px;
    margin-right: 0;
    border-radius: 99px;
    background: var(--ao-coral);
    box-shadow: none;
  }
  .ao-mia__title { font-size: clamp(42px, 5.2vw, 74px); font-weight: 600; }
  .ao-mia__title--sm { font-size: clamp(38px, 4.4vw, 62px); }
  .ao-mia__lead { color: var(--ao-muted); font-size: clamp(18px, 1.55vw, 22px); }

  .ao-mia__btn {
    min-height: 58px;
    padding: 17px 24px 17px 27px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 12px;
    background: linear-gradient(135deg, #ED6725 0%, #E9512B 100%);
    color: #fff !important;
    font-family: 'Funnel Display', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .065em;
    box-shadow: 0 14px 38px rgba(237,103,37,.26);
  }
  .ao-mia__btn::after {
    width: 29px;
    height: 29px;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(12,8,25,.20);
    color: #fff;
  }
  .ao-mia__btn:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #F27B3E 0%, #ED6725 100%);
    box-shadow: 0 18px 46px rgba(237,103,37,.34);
  }
  .ao-mia__btn--light { border-color: rgba(255,255,255,.22); box-shadow: 0 14px 38px rgba(237,103,37,.26); }
  .ao-mia__micro { color: var(--ao-muted); }

  /* Hero tech-futurista */
  .ao-mia__hero {
    min-height: min(900px, 100vh);
    padding: 100px 0 120px;
    color: #fff;
    background:
      radial-gradient(circle at 85% 18%, rgba(237,103,37,.24) 0%, transparent 22%),
      radial-gradient(circle at 72% 52%, rgba(147,88,215,.30) 0%, transparent 30%),
      radial-gradient(circle at 18% 115%, rgba(89,1,147,.52) 0%, transparent 35%),
      linear-gradient(128deg, #090611 0%, #0C0819 46%, #171028 100%);
  }
  .ao-mia__hero::before {
    right: -115px;
    bottom: -155px;
    width: 575px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
    opacity: 1;
    background:
      radial-gradient(circle at 36% 34%, rgba(255,255,255,.20), transparent 8%),
      radial-gradient(circle at 46% 46%, #ED6725 0%, #8B2F77 34%, #352A9C 66%, #0C0819 100%);
    box-shadow: 0 0 100px rgba(237,103,37,.25), inset -30px -35px 70px rgba(0,0,0,.55);
    filter: saturate(.95);
  }
  .ao-mia__hero::after {
    content: 'AI / MKT';
    right: clamp(22px, 5vw, 82px);
    top: 52%;
    color: #fff;
    font-family: 'Funnel Display', sans-serif;
    font-size: clamp(72px, 12vw, 180px);
    font-weight: 300;
    line-height: .8;
    letter-spacing: -.065em;
    opacity: .055;
    transform: translateY(-50%) rotate(-90deg);
  }
  .ao-mia__hero-content { max-width: 980px; }
  .ao-mia__date-pill {
    margin-bottom: 30px;
    padding: 11px 16px;
    border: 1px solid rgba(255,255,255,.17);
    background: rgba(255,255,255,.055);
    color: rgba(255,255,255,.84);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .ao-mia__date-pill span {
    background: var(--ao-coral);
    box-shadow: 0 0 16px rgba(237,103,37,.85);
  }
  .ao-mia__hero h1 {
    max-width: 1030px;
    font-size: clamp(52px, 7.15vw, 102px);
    font-weight: 600;
    line-height: .94;
  }
  .ao-mia__hero h1 em {
    color: transparent;
    font-style: normal;
    background: linear-gradient(100deg, #ED6725 0%, #F58B55 38%, #B278E9 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  .ao-mia__hero-statement { color: #fff; font-weight: 500; }
  .ao-mia__hero-copy { color: rgba(255,255,255,.68); }
  .ao-mia__hero-note { color: rgba(255,255,255,.62); font-weight: 400; }

  /* Problema */
  .ao-mia__problem-copy { color: #4E4658; }
  .ao-mia__repeat li {
    border: 1px solid rgba(12,8,25,.08);
    border-left: 3px solid var(--ao-coral);
    border-radius: 0 12px 12px 0;
    background: #F7F3F5;
    box-shadow: 0 8px 25px rgba(12,8,25,.04);
  }
  .ao-mia__callout {
    border: 1px solid rgba(147,88,215,.28);
    border-radius: 18px;
    background: linear-gradient(135deg, #0C0819, #27153C);
    box-shadow: 0 18px 50px rgba(12,8,25,.16);
  }

  /* Método MCV */
  .ao-mia__mcv-mark {
    color: transparent;
    background: linear-gradient(135deg, #ED6725, #9358D7);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: 'Funnel Display', sans-serif;
    font-weight: 600;
    opacity: .88;
  }
  .ao-mia__mcv-grid { gap: 16px; }
  .ao-mia__mcv-card,
  .ao-mia__mcv-card:nth-child(2),
  .ao-mia__mcv-card:nth-child(3) {
    color: #fff;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 70px rgba(0,0,0,.13);
    backdrop-filter: blur(14px);
  }
  .ao-mia__mcv-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(#ED6725, #9358D7);
  }
  .ao-mia__mcv-card:nth-child(2)::before { background: linear-gradient(#9358D7, #352A9C); }
  .ao-mia__mcv-card:nth-child(3)::before { background: linear-gradient(#352A9C, #ED6725); }
  .ao-mia__mcv-number,
  .ao-mia__mcv-card:nth-child(n+2) .ao-mia__mcv-number { color: var(--ao-coral); font-family: 'Funnel Display', sans-serif; }
  .ao-mia__mcv-card > p,
  .ao-mia__mcv-card:nth-child(n+2) > p { color: rgba(255,255,255,.66); }

  /* Aplicaciones y públicos */
  .ao-mia__app-list li::before { color: var(--ao-coral); font-family: 'Funnel Display', sans-serif; }
  .ao-mia__audience-card {
    border: 1px solid rgba(12,8,25,.09);
    border-radius: 18px;
    box-shadow: 0 22px 56px rgba(12,8,25,.07);
  }
  .ao-mia__audience-icon,
  .ao-mia__audience-card:nth-child(2) .ao-mia__audience-icon,
  .ao-mia__audience-card:nth-child(3) .ao-mia__audience-icon,
  .ao-mia__audience-card:nth-child(4) .ao-mia__audience-icon {
    border: 1px solid rgba(237,103,37,.25);
    background: rgba(237,103,37,.10);
    color: var(--ao-coral);
    font-family: 'Funnel Display', sans-serif;
  }
  .ao-mia__audience-note {
    border: 1px solid rgba(147,88,215,.22);
    border-radius: 15px;
    background: linear-gradient(135deg, #0C0819, #25143A);
  }

  /* Metodología */
  .ao-mia__step::before { background: var(--ao-coral); box-shadow: 0 0 0 6px #100A20, 0 0 20px rgba(237,103,37,.55); }
  .ao-mia__step-num { color: #B78BE9; font-family: 'Funnel Display', sans-serif; }

  /* Programa */
  .ao-mia__module {
    border: 1px solid rgba(12,8,25,.09);
    border-radius: 18px;
    background:
      radial-gradient(circle at 100% 100%, rgba(147,88,215,.08), transparent 34%),
      #fff;
    box-shadow: 0 16px 44px rgba(12,8,25,.055);
  }
  .ao-mia__module::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #ED6725, #9358D7, transparent 78%);
  }
  .ao-mia__module::after { color: rgba(89,1,147,.045); font-family: 'Funnel Display', sans-serif; }
  .ao-mia__module-label { color: var(--ao-coral); }
  .ao-mia__module--final {
    background:
      radial-gradient(circle at 100% 100%, rgba(237,103,37,.18), transparent 38%),
      linear-gradient(135deg, #FFF7F1, #F8F1FA);
  }
  .ao-mia__evaluation {
    border: 1px solid rgba(147,88,215,.35);
    border-radius: 18px;
    background: linear-gradient(135deg, #0C0819 0%, #352A9C 120%);
    box-shadow: 0 22px 60px rgba(12,8,25,.13);
  }
  .ao-mia__evaluation h3 { color: #F38A55; }

  /* Oferta */
  .ao-mia__benefits li { border: 1px solid rgba(89,1,147,.08); background: rgba(147,88,215,.08); }
  .ao-mia__benefits li::before { color: var(--ao-coral); }
  .ao-mia__offer-card {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    background:
      radial-gradient(circle at 92% 8%, rgba(237,103,37,.24), transparent 27%),
      radial-gradient(circle at 0% 100%, rgba(147,88,215,.25), transparent 37%),
      #0C0819;
    box-shadow: 0 28px 75px rgba(12,8,25,.24), 9px 9px 0 rgba(237,103,37,.18);
  }
  .ao-mia__offer-tag { color: #F28A56; }
  .ao-mia__includes li::before { color: var(--ao-coral); }

  /* FAQ y cierre */
  .ao-mia__faq summary { font-family: 'Funnel Display', sans-serif; font-weight: 600; }
  .ao-mia__faq summary::after { background: var(--ao-ink); }
  .ao-mia__faq details[open] summary::after { background: var(--ao-coral); }
  .ao-mia__closing {
    color: #fff;
    background:
      radial-gradient(circle at 12% 15%, rgba(237,103,37,.26), transparent 24%),
      radial-gradient(circle at 90% 85%, rgba(147,88,215,.33), transparent 32%),
      linear-gradient(135deg, #0C0819, #1D102C);
  }
  .ao-mia__closing::before {
    background:
      linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, transparent, #000 30%, #000);
  }
  .ao-mia__words span { border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.055); color: rgba(255,255,255,.78); }
  .ao-mia__closing-card {
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 20px;
    background: rgba(255,255,255,.065);
    box-shadow: 9px 9px 0 rgba(237,103,37,.22);
    backdrop-filter: blur(14px);
  }

  @media (max-width: 767px) {
    .ao-mia__container { width: min(100% - 32px, 1200px); }
    .ao-mia__hero {
      padding: 72px 0 92px;
      background:
        radial-gradient(circle at 90% 12%, rgba(237,103,37,.21), transparent 25%),
        radial-gradient(circle at 20% 100%, rgba(89,1,147,.46), transparent 36%),
        linear-gradient(145deg, #090611, #171028);
    }
    .ao-mia__hero::before { right: -205px; bottom: -250px; width: 430px; border-width: 1px; }
    .ao-mia__hero h1 { font-size: clamp(45px, 13.5vw, 64px); line-height: .96; }
    .ao-mia__hero-statement { font-size: 20px; }
    .ao-mia__btn { border-radius: 11px; }
    .ao-mia__offer-card { box-shadow: 7px 7px 0 rgba(237,103,37,.18); }
    .ao-mia__closing::before { background-size: 48px 48px; }
  }

/* ==========================================================
   CAPA FINAL PARA ELEMENTOR + BLOQUES CON FOTOGRAFÍAS
   Mantener al final del archivo.
   ========================================================== */

/* El contenedor padre debe tener la clase: ao-mia */
.ao-mia.e-con,
.ao-mia.e-flex {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  --container-max-width: 100%;
  --content-width: 100%;
}

.ao-mia > .e-con-inner,
.ao-mia .elementor-widget-html,
.ao-mia .elementor-widget-html > .elementor-widget-container {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tipografía de lectura oficial */
.ao-mia,
.ao-mia p,
.ao-mia li,
.ao-mia a,
.ao-mia span,
.ao-mia details {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Tipografía display oficial */
.ao-mia h1,
.ao-mia h2,
.ao-mia h3,
.ao-mia h4,
.ao-mia .ao-mia__title,
.ao-mia .ao-mia__eyebrow,
.ao-mia .ao-mia__btn,
.ao-mia .ao-mia__mcv-mark,
.ao-mia .ao-mia__mcv-number,
.ao-mia .ao-mia__module-label,
.ao-mia .ao-mia__step-num,
.ao-mia .ao-mia__faq summary {
  font-family: 'Funnel Display', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Elementor no puede volver a pintar el título */
.ao-mia .ao-mia__hero h1 {
  max-width: none !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'Funnel Display', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: clamp(52px, 5.4vw, 88px) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: .94 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}

.ao-mia .ao-mia__hero h1 em {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: normal !important;
  background: linear-gradient(100deg, #ED6725 0%, #F58B55 38%, #B278E9 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.ao-mia .ao-mia__hero-statement {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: clamp(21px, 1.55vw, 27px) !important;
  font-weight: 500 !important;
}

.ao-mia .ao-mia__hero-copy {
  color: rgba(255,255,255,.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,.68) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}

.ao-mia .ao-mia__hero-note {
  color: rgba(255,255,255,.62) !important;
  -webkit-text-fill-color: rgba(255,255,255,.62) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.ao-mia .ao-mia__hero .ao-mia__micro {
  color: rgba(255,255,255,.46) !important;
  -webkit-text-fill-color: rgba(255,255,255,.46) !important;
}

.ao-mia .ao-mia__btn {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Hero con foto: misma identidad y ancho útil real */
.ao-mia .ao-mia__hero .ao-mia__container {
  width: min(1200px, calc(100% - 56px)) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
  gap: clamp(38px, 4vw, 60px) !important;
  align-items: center !important;
}

.ao-mia .ao-mia__hero-content {
  position: relative;
  z-index: 3;
  min-width: 0;
  max-width: 980px;
}

/* Tratamiento común de fotografías */
.ao-mia .ao-mia__photo {
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: #171126;
  box-shadow: 0 26px 70px rgba(12,8,25,.20);
}

.ao-mia .ao-mia__photo img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
}

.ao-mia .ao-mia__photo::after {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
  pointer-events: none;
}

.ao-mia .ao-mia__photo--hero {
  z-index: 3;
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
  aspect-ratio: auto !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.36), 12px 12px 0 rgba(237,103,37,.88) !important;
}

.ao-mia .ao-mia__photo--hero img { object-position: 50% center !important; }

.ao-mia .ao-mia__problem-photo,
.ao-mia .ao-mia__applications-media {
  margin-top: 34px !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  border-color: rgba(12,8,25,.08);
}

.ao-mia .ao-mia__applications-media img { object-position: center 44% !important; }

.ao-mia .ao-mia__audience-human {
  display: grid !important;
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr) !important;
  gap: 28px !important;
  align-items: center !important;
  margin-top: 54px !important;
  padding: 22px !important;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background: radial-gradient(circle at 92% 8%, rgba(237,103,37,.18), transparent 27%), radial-gradient(circle at 0 100%, rgba(147,88,215,.22), transparent 38%), #0C0819;
  color: #FFFFFF;
  box-shadow: 0 26px 70px rgba(12,8,25,.16);
}

.ao-mia .ao-mia__audience-human .ao-mia__photo {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  box-shadow: none;
}

.ao-mia .ao-mia__audience-human-copy { padding: 20px 24px 20px 4px; }
.ao-mia .ao-mia__audience-human-copy h3 { color: #FFFFFF !important; font-size: clamp(27px,3vw,42px) !important; font-weight: 600 !important; }
.ao-mia .ao-mia__audience-human-copy p { margin-top: 15px !important; color: rgba(255,255,255,.68) !important; font-size: 17px !important; line-height: 1.6 !important; }

@media (max-width: 1024px) {
  .ao-mia .ao-mia__hero .ao-mia__container {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
    gap: 34px !important;
  }

  .ao-mia .ao-mia__hero h1 { font-size: clamp(48px, 6.2vw, 72px) !important; }
  .ao-mia .ao-mia__photo--hero { height: 480px !important; min-height: 480px !important; }
}

@media (max-width: 767px) {
  .ao-mia .ao-mia__hero .ao-mia__container {
    width: min(100% - 32px, 1200px) !important;
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .ao-mia .ao-mia__hero h1 {
    font-size: clamp(45px, 13.5vw, 64px) !important;
    line-height: .96 !important;
  }

  .ao-mia .ao-mia__hero-statement { font-size: 20px !important; }

  .ao-mia .ao-mia__photo--hero {
    width: min(94%, 430px) !important;
    height: min(116vw, 520px) !important;
    min-height: 0 !important;
    justify-self: center !important;
    margin: 4px auto 8px !important;
    box-shadow: 0 22px 58px rgba(0,0,0,.30), 8px 8px 0 rgba(237,103,37,.82) !important;
  }

  .ao-mia .ao-mia__audience-human {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

  .ao-mia .ao-mia__audience-human-copy { padding: 12px 8px 16px; }
}


/* ==========================================================
   LOGO APRENDER ONLINE — HERO
   ========================================================== */

.ao-mia .ao-mia__hero-brand {
  display: flex;
  width: fit-content;
  max-width: 25%;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 22px !important;
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.96);
  box-shadow:
    0 14px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.65);
}

.ao-mia .ao-mia__hero-brand img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  max-width: min(230px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}

/* Reduce la separación entre logo y fecha */

.ao-mia .ao-mia__hero-brand + .ao-mia__date-pill {
  margin-top: 0 !important;
}

/* TABLET */

@media (max-width: 1024px) {
  .ao-mia .ao-mia__hero-brand {
    padding: 10px 10px;
  }

  .ao-mia .ao-mia__hero-brand img {
    max-width: 75px !important;
  }
}

/* MOBILE */

@media (max-width: 767px) {
  .ao-mia .ao-mia__hero-brand {
    margin-bottom: 20px !important;
    padding: 10px 14px;
    border-radius: 10px;
     max-width: 50%;
  }
}
  /* ==========================================================
   CAJA DE INVERSIÓN
   ========================================================== */

.ao-mia .ao-mia__investment {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  padding: clamp(27px, 3vw, 38px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(147, 88, 215, .32),
      transparent 32%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(237, 103, 37, .13),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #590193 0%,
      #7000A8 52%,
      #590193 100%
    );
  color: #FFFFFF;
  box-shadow:
    0 28px 70px rgba(12, 8, 25, .26),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

.ao-mia .ao-mia__investment::before {
  content: "";
  position: absolute;
  right: -70px;
  top: -80px;
  width: 210px;
  height: 210px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 50%;
  pointer-events: none;
}

.ao-mia .ao-mia__investment-eyebrow {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, .74) !important;
  font-family:
    "Funnel Display",
    Arial,
    sans-serif !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ao-mia .ao-mia__investment-title {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family:
    "Funnel Display",
    Arial,
    sans-serif !important;
  font-size: clamp(25px, 2.7vw, 34px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.03em;
}

.ao-mia .ao-mia__investment-prices {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 4vw, 48px);
  margin-top: 25px;
}

.ao-mia .ao-mia__investment-option {
  min-width: 0;
}

.ao-mia .ao-mia__investment-label {
  display: block;
  min-height: 48px;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.22;
}

.ao-mia .ao-mia__investment-label b {
  color: #FFFFFF;
  font-weight: 700;
}

.ao-mia .ao-mia__investment-price {
  display: block;
  margin-top: 12px;
  color: #FFFFFF;
  font-family:
    "Funnel Display",
    Arial,
    sans-serif !important;
  font-size: clamp(30px, 3.2vw, 42px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
}

.ao-mia .ao-mia__investment-includes {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  margin: 26px 0 0 !important;
  padding: 23px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .17);
  list-style: none !important;
}

.ao-mia .ao-mia__investment-includes li {
  position: relative;
  padding-left: 33px;
  color: rgba(255, 255, 255, .90) !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.ao-mia .ao-mia__investment-includes li::before {
  content: "✓";
  position: absolute;
  left: 1px;
  top: 0;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.ao-mia .ao-mia__investment-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 25px;
  padding: 16px 23px 16px 26px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      #ED6725 0%,
      #F0783E 100%
    );
  color: #FFFFFF !important;
  font-family:
    "Funnel Display",
    Arial,
    sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 15px 38px rgba(44, 9, 73, .28);
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.ao-mia .ao-mia__investment-btn:hover {
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 19px 44px rgba(44, 9, 73, .36);
}

.ao-mia .ao-mia__investment-arrow {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  background: rgba(12, 8, 25, .14);
  color: #FFFFFF !important;
  font-size: 17px;
  line-height: 1;
}

.ao-mia .ao-mia__investment-micro {
  position: relative;
  z-index: 1;
  max-width: 440px;
  margin-top: 14px !important;
  color: rgba(255, 255, 255, .57) !important;
  font-size: 13px;
  line-height: 1.5;
}

/* MOBILE */

@media (max-width: 600px) {
  .ao-mia .ao-mia__investment {
    padding: 27px 22px;
    border-radius: 18px;
  }

  .ao-mia .ao-mia__investment-prices {
    gap: 18px;
  }

  .ao-mia .ao-mia__investment-label {
    min-height: 58px;
    font-size: 13px;
  }

  .ao-mia .ao-mia__investment-price {
    font-size: clamp(27px, 8vw, 35px);
  }

  .ao-mia .ao-mia__investment-includes li {
    padding-left: 29px;
    font-size: 15px;
  }

  .ao-mia .ao-mia__investment-btn {
    width: 100%;
  }
}

@media (max-width: 370px) {
  .ao-mia .ao-mia__investment-prices {
    grid-template-columns: 1fr;
  }

  .ao-mia .ao-mia__investment-label {
    min-height: 0;
  }
}/* End custom CSS */