/* V2.7 — section 5 image sizing/alignment */
.styles-section .styles-columns{align-items:start!important}
.styles-section .style-label{height:72px!important;min-height:72px!important}
.styles-section .style-stack{display:grid!important;grid-template-rows:auto 110px 110px!important;gap:10px!important}
.styles-section .style-stack img:nth-child(1){aspect-ratio:16/9!important;object-fit:cover!important}
.styles-section .style-stack img:nth-child(2),
.styles-section .style-stack img:nth-child(3){
    width: 110px!important;
    height: 110px!important;
    aspect-ratio: 1/1!important;
    object-fit: cover!important;
    object-position: center center!important;
    justify-self: center!important;
    color: #FFFFFF;
}
.section-head.center p {
    text-shadow: 0px 0px #FFFFFF;
}
@media(max-width:1000px){}
@media(max-width:600px){.styles-section .style-stack img:nth-child(2),.styles-section .style-stack img:nth-child(3){
    width: 96px!important;
    height: 96px!important;
    color: #FFFFFF;
}}

/* V2.7 — section 7 prospect cards: closer to Framer reference */
.audience-section{background:#fff!important;padding:92px 0 110px!important;overflow:hidden}
.audience-section .audience-main-head{max-width:1050px;padding:0 5vw}
.audience-section .audience-main-head h2{font-size:clamp(44px,5vw,68px)!important;line-height:1!important;color:#601dd1!important;margin-bottom:18px!important}
.audience-section .audience-main-head p{font-size:clamp(20px,2vw,29px)!important;line-height:1.25!important;max-width:900px!important}
.audience-section .pros-selector{max-width:none!important;margin:42px auto 0!important;padding:0 max(5vw,40px) 12px!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:24px!important;overflow-x:auto!important;scrollbar-width:none!important}
.audience-section .pros-selector::-webkit-scrollbar{display:none}
.audience-section .pros-tab{flex:0 0 360px!important;min-height:72px!important;border:2px solid #fb04ac!important;border-radius:20px!important;background:#fff!important;color:#fb04ac!important;padding:18px 24px!important;text-align:left!important;font-size:25px!important;font-weight:700!important;box-shadow:none!important;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease!important}
.audience-section .pros-tab:hover,.audience-section .pros-tab.active{background:#fb04ac!important;color:#fff!important;border-color:#fb04ac!important;transform:translateY(-4px)!important;box-shadow:0 16px 36px #fb04ac33!important}
.audience-section .pros-panel{max-width:1080px!important;margin:24px auto 0!important;padding:0 5vw!important}
.audience-section .pros-content{background:#fff!important;border:2px solid #fb04ac!important;border-radius:24px!important;padding:34px 38px!important;box-shadow:none!important}
.audience-section .pros-content h3{font-size:34px!important;color:#fb04ac!important;margin-bottom:10px!important}
.audience-section .pros-content .pros-q{font-size:21px!important;color:#601dd1!important;font-weight:700!important}
.audience-section .pros-content>p:not(.pros-q){font-size:17px!important;line-height:1.42!important;color:#333!important}
.audience-section .pros-full-details{grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:24px!important}
.audience-section .pros-full-details>div{border:0!important;background:#fef9fc!important;border-radius:16px!important;padding:20px!important}
.audience-section .pros-full-details h4{font-size:18px!important;color:#601dd1!important}
.audience-section .pros-full-details ul{font-size:15px!important;color:#fb04ac!important}
@media(max-width:700px){
 .audience-section{padding:70px 0 85px!important}
 .audience-section .pros-selector{gap:14px!important;padding-left:5vw!important;padding-right:5vw!important}
 .audience-section .pros-tab{flex-basis:285px!important;font-size:21px!important}
 .audience-section .pros-full-details{grid-template-columns:1fr!important}
 .audience-section .pros-content{padding:26px 20px!important}
}

/* V2.8 — Ajustes solicitados: Sección 5 + Sección 6 */

/* SECCIÓN 5 — cada columna: imagen horizontal grande + 2 cuadrados debajo, lado a lado */
.styles-section .styles-columns{
  align-items:start!important;
}
.styles-section .style-stack{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:auto 112px!important;
  gap:10px!important;
  align-items:start!important;
}
.styles-section .style-stack img:nth-child(1){
  grid-column:1 / -1!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.styles-section .style-stack img:nth-child(2),
.styles-section .style-stack img:nth-child(3){
  grid-column:auto!important;
  width:112px!important;
  height:112px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center center!important;
  justify-self:center!important;
}

/* SECCIÓN 6 — selector de prospectos: todos visibles en desktop, sin desplazamiento */
.audience-section .pros-selector{
  width:min(100%,1380px)!important;
  max-width:1380px!important;
  margin:42px auto 0!important;
  padding:0 24px 12px!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
}
.audience-section .pros-tab{
  min-width:0!important;
  width:100%!important;
  flex:initial!important;
  min-height:64px!important;
  padding:12px 10px!important;
  border:2px solid #fb04ac!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#fb04ac!important;
  text-align:center!important;
  font-size:clamp(14px,1.25vw,19px)!important;
  line-height:1.1!important;
  font-weight:700!important;
  white-space:normal!important;
  box-shadow:none!important;
  transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease!important;
}
.audience-section .pros-tab:hover,
.audience-section .pros-tab.active{
  background:#fb04ac!important;
  color:#fff!important;
  border-color:#fb04ac!important;
  transform:translateY(-3px)!important;
  box-shadow:0 12px 28px #fb04ac30!important;
}
.audience-section .pros-panel{
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  margin:24px auto 0!important;
  padding:0 24px!important;
}
.audience-section .pros-content{
  border:2px solid #fb04ac!important;
  border-radius:24px!important;
  background:#fff!important;
  padding:32px 36px!important;
}

@media(max-width:1050px){
  .audience-section .pros-selector{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  .styles-section .style-stack{
    grid-template-rows:auto 96px!important;
  }
  .styles-section .style-stack img:nth-child(2),
  .styles-section .style-stack img:nth-child(3){
    width:96px!important;
    height:96px!important;
  }
  .audience-section .pros-selector{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0 5vw 10px!important;
  }
  .audience-section .pros-tab{
    min-height:58px!important;
    font-size:16px!important;
  }
  .audience-section .pros-panel{
    padding:0 5vw!important;
  }
}

/* V2.10 — Sección 6: enfoque comercial + listas legibles + rollover moderno */
.audience-section .audience-main-head h2{
  letter-spacing:-0.035em!important;
}
.audience-section .audience-main-head p{
  letter-spacing:-0.02em!important;
}

/* Listados tipo tabla: cada elemento queda claramente separado para facilitar la lectura */
.audience-section .pros-full-details>div{
  overflow:hidden!important;
  padding:0!important;
  border:1px solid rgba(96,29,209,.12)!important;
  background:#fef9fc!important;
}
.audience-section .pros-full-details h4{
  margin:0!important;
  padding:15px 20px 12px!important;
  background:#fff!important;
  border-bottom:2px solid rgba(251,4,172,.18)!important;
}
.audience-section .pros-full-details ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1.3!important;
  color:#601dd1!important;
}
.audience-section .pros-full-details li{
  margin:0!important;
  padding:8px 20px!important;
  font-weight:700!important;
  border-bottom:1px solid rgba(96,29,209,.09)!important;
  background:rgba(255,255,255,.42)!important;
  transition:background .18s ease,transform .18s ease!important;
}
.audience-section .pros-full-details li:nth-child(even){
  background:rgba(255,255,255,.82)!important;
}
.audience-section .pros-full-details li:last-child{border-bottom:0!important}
.audience-section .pros-full-details li:hover{
  background:#fff!important;
  transform:translateX(3px)!important;
}
.audience-section .pros-full-details li::before{
  content:'·';
  display:inline-block;
  margin-right:8px;
  color:#fb04ac;
  font-weight:800;
}

/* Rollover de los 6 prospectos: escala, elevación y brillo sutil */
.audience-section .pros-tab{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,color .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.audience-section .pros-tab::after{
  content:'';
  position:absolute;
  top:-120%;
  left:-55%;
  width:42%;
  height:340%;
  transform:rotate(22deg) translateX(-220%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  transition:transform .55s ease;
  pointer-events:none;
  z-index:2;
}
.audience-section .pros-tab:hover{
  transform:translateY(-5px) scale(1.025)!important;
  box-shadow:0 14px 30px rgba(251,4,172,.25)!important;
}
.audience-section .pros-tab:hover::after{
  transform:rotate(22deg) translateX(620%);
}
.audience-section .pros-tab.active{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 28px rgba(251,4,172,.24)!important;
}
.audience-section .pros-tab:focus-visible{
  outline:3px solid rgba(96,29,209,.35)!important;
  outline-offset:3px!important;
}

@media(max-width:1050px){
  .audience-section .pros-full-details li{padding:7px 16px!important}
}


/* V2.11 — Sección 6: copy comercial definitivo + listas limpias */
.audience-section .audience-main-head h2{
  color:#601dd1!important;
}
.audience-section .audience-main-head p{
  color:#333!important;
}
.audience-special{
  margin:28px auto 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
  max-width:1100px!important;
  color:#333!important;
  font-size:18px!important;
  line-height:1.35!important;
}
.audience-special strong{
  color:#fb04ac!important;
  font-size:26px!important;
  font-weight:700!important;
}
.audience-special span{
  color:#333!important;
  font-weight:500!important;
}

/* Restaurar listas simples: sin sombreado, sin líneas tipo tabla. */
.audience-section .pros-full-details>div{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
}
.audience-section .pros-full-details h4{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0 0 10px!important;
  color:#601dd1!important;
  font-size:18px!important;
  font-weight:700!important;
}
.audience-section .pros-full-details ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  color:#601dd1!important;
  font-size:15px!important;
  line-height:1.5!important;
}
.audience-section .pros-full-details li,
.audience-section .pros-full-details li:nth-child(even),
.audience-section .pros-full-details li:last-child{
  margin:0!important;
  padding:2px 0!important;
  border:0!important;
  background:transparent!important;
  font-weight:700!important;
  transform:none!important;
  transition:none!important;
}
.audience-section .pros-full-details li:hover{
  background:transparent!important;
  transform:none!important;
}
.audience-section .pros-full-details li::before{
  content:'·'!important;
  display:inline-block!important;
  margin-right:7px!important;
  color:#601dd1!important;
  font-weight:800!important;
}

/* Rollover moderno de los prospectos: conservar selección activa y sumar microinteracción. */
.audience-section .pros-tab{
  transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s ease,color .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.audience-section .pros-tab:hover{
  background:#fb04ac!important;
  color:#fff!important;
  border-color:#fb04ac!important;
  transform:translateY(-4px) scale(1.02)!important;
  box-shadow:0 12px 28px rgba(251,4,172,.24)!important;
}
.audience-section .pros-tab.active{
  background:#fb04ac!important;
  color:#fff!important;
  border-color:#fb04ac!important;
  transform:translateY(-2px)!important;
  box-shadow:0 10px 24px rgba(251,4,172,.20)!important;
}

@media(max-width:700px){
  .audience-special{font-size:16px!important}
  .audience-special strong{font-size:22px!important}
}

/* V2.12 — Sección 6: ajuste solicitado */
.audience-special span{display:none!important}

/* Rollover de botones de prospectos: interacción visible, limpia y moderna */
.audience-section .pros-tab{
  will-change:transform,box-shadow;
  cursor:pointer!important;
}
.audience-section .pros-tab::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.28) 48%,transparent 72%);
  transform:translateX(-130%);
  transition:transform .5s ease;
  pointer-events:none;
  z-index:1;
}
.audience-section .pros-tab:hover::before,
.audience-section .pros-tab:focus-visible::before{
  transform:translateX(130%);
}
.audience-section .pros-tab:hover{
  transform:translateY(-5px) scale(1.025)!important;
  box-shadow:0 16px 34px rgba(251,4,172,.28)!important;
}
.audience-section .pros-tab:active{
  transform:translateY(-1px) scale(.995)!important;
}
.audience-section .pros-tab.active{
  box-shadow:0 12px 28px rgba(251,4,172,.22)!important;
}

/* Listados "Ideal para" y "Puedes comunicar": líneas + sombreado alternado tipo tabla */
.audience-section .pros-full-details>div{
  overflow:hidden!important;
  border:1px solid rgba(96,29,209,.12)!important;
  border-radius:14px!important;
  background:#fef9fc!important;
  padding:0!important;
}
.audience-section .pros-full-details h4{
  padding:13px 18px 11px!important;
  margin:0!important;
  background:#fff!important;
  border-bottom:2px solid rgba(251,4,172,.16)!important;
}
.audience-section .pros-full-details ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.audience-section .pros-full-details li,
.audience-section .pros-full-details li:nth-child(even),
.audience-section .pros-full-details li:last-child{
  display:block!important;
  margin:0!important;
  padding:7px 18px!important;
  border-bottom:1px solid rgba(96,29,209,.10)!important;
  background:rgba(255,255,255,.45)!important;
  font-weight:700!important;
  transform:none!important;
  transition:background .18s ease,padding-left .18s ease!important;
}
.audience-section .pros-full-details li:nth-child(even){
  background:rgba(96,29,209,.035)!important;
}
.audience-section .pros-full-details li:last-child{
  border-bottom:0!important;
}
.audience-section .pros-full-details li:hover{
  background:#fff!important;
  padding-left:22px!important;
}
.audience-section .pros-full-details li::before{
  content:'·'!important;
  display:inline-block!important;
  margin-right:8px!important;
  color:#fb04ac!important;
  font-weight:900!important;
}


/* V2.14 — SECCIÓN 6 DESKTOP: selector estable + panel con estética Framer
   No altera el comportamiento responsive existente. */
@media (min-width:1001px){
  .audience-section{
    background:#fff!important;
    padding:110px 5vw 120px!important;
  }

  .audience-section .audience-main-head{
    max-width:980px!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  .audience-section .audience-main-head h2{
    color:#601dd1!important;
    font-size:clamp(48px,4.2vw,68px)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    margin:0 0 14px!important;
  }

  .audience-section .audience-main-head p{
    max-width:900px!important;
    margin:0 auto!important;
    font-size:clamp(18px,1.45vw,23px)!important;
    line-height:1.28!important;
    letter-spacing:-.035em!important;
    color:#222!important;
  }

  .audience-section .audience-special{
    margin-top:38px!important;
    font-size:30px!important;
    line-height:1.1!important;
    color:#fb04ac!important;
  }

  /* Los seis botones se mantienen como selector, pero caben completos en desktop. */
  .audience-section .pros-selector{
    width:min(100%,1280px)!important;
    max-width:1280px!important;
    margin:32px auto 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
  }

  .audience-section .pros-tab{
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    padding:12px 10px!important;
    border:2px solid #fb04ac!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#fb04ac!important;
    text-align:center!important;
    font-size:clamp(13px,1.05vw,17px)!important;
    line-height:1.12!important;
    font-weight:700!important;
    white-space:normal!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .audience-section .pros-tab:hover{
    background:#fb04ac!important;
    color:#fff!important;
    border-color:#fb04ac!important;
    transform:translateY(-4px) scale(1.02)!important;
    box-shadow:0 12px 28px rgba(251,4,172,.24)!important;
  }

  .audience-section .pros-tab.active{
    background:#fb04ac!important;
    color:#fff!important;
    border-color:#fb04ac!important;
    transform:translateY(-2px)!important;
    box-shadow:0 10px 24px rgba(251,4,172,.20)!important;
  }

  /* Panel único: tarjeta inspirada directamente en las tarjetas originales de Framer. */
  .audience-section .pros-panel{
    width:min(100%,980px)!important;
    max-width:980px!important;
    margin:28px auto 0!important;
    padding:0!important;
  }

  .audience-section .pros-content{
    width:100%!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:2px solid #fb04ac!important;
    border-radius:22px!important;
    padding:30px 34px 32px!important;
    box-shadow:none!important;
  }

  .audience-section .pros-content h3{
    margin:0 0 8px!important;
    color:#fb04ac!important;
    font-size:34px!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
  }

  .audience-section .pros-content .pros-q{
    margin:0 0 10px!important;
    color:#601dd1!important;
    font-size:20px!important;
    line-height:1.18!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
  }

  .audience-section .pros-content>p:not(.pros-q){
    margin:0!important;
    color:#fb04ac!important;
    font-size:17px!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
  }

  /* Dos bloques internos, como la estructura de información de Framer. */
  .audience-section .pros-full-details{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
    margin-top:22px!important;
  }

  .audience-section .pros-full-details>div{
    overflow:hidden!important;
    border:1px solid rgba(96,29,209,.14)!important;
    border-radius:14px!important;
    background:#fef9fc!important;
    padding:0!important;
  }

  .audience-section .pros-full-details h4{
    margin:0!important;
    padding:13px 18px 11px!important;
    color:#601dd1!important;
    background:#fff!important;
    border-bottom:2px solid rgba(251,4,172,.16)!important;
    font-size:18px!important;
    line-height:1.1!important;
  }

  .audience-section .pros-full-details ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    color:#601dd1!important;
    font-size:15px!important;
    line-height:1.4!important;
  }

  .audience-section .pros-full-details li{
    display:block!important;
    margin:0!important;
    padding:7px 18px!important;
    border-bottom:1px solid rgba(96,29,209,.10)!important;
    background:rgba(255,255,255,.45)!important;
    font-weight:700!important;
    transform:none!important;
  }

  .audience-section .pros-full-details li:nth-child(even){
    background:rgba(96,29,209,.035)!important;
  }

  .audience-section .pros-full-details li:last-child{
    border-bottom:0!important;
  }

  .audience-section .pros-full-details li::before{
    content:'·'!important;
    display:inline-block!important;
    margin-right:8px!important;
    color:#fb04ac!important;
    font-weight:900!important;
  }
}

/* V2.15 — SECCIÓN 6: panel de prospecto más protagonista y listas con ✓ */
@media (min-width:1001px){
  .audience-section .pros-panel{
    width:min(100%,1100px)!important;
    max-width:1100px!important;
    margin:34px auto 0!important;
  }

  .audience-section .pros-content{
    padding:38px 44px 42px!important;
    border-width:2px!important;
    border-radius:26px!important;
    box-shadow:0 18px 45px rgba(96,29,209,.08)!important;
  }

  /* Título del prospecto */
  .audience-section .pros-content h3{
    font-size:42px!important;
    line-height:1.02!important;
    margin:0 0 14px!important;
    letter-spacing:-.045em!important;
  }

  /* Hook: debe ser uno de los elementos visuales más importantes de la tarjeta */
  .audience-section .pros-content .pros-q{
    position:relative!important;
    margin:0 0 18px!important;
    padding:15px 20px!important;
    border-left:6px solid #fb04ac!important;
    border-radius:0 14px 14px 0!important;
    background:#fef9fc!important;
    color:#601dd1!important;
    font-size:28px!important;
    line-height:1.14!important;
    font-weight:800!important;
    letter-spacing:-.035em!important;
  }

  /* Descripción */
  .audience-section .pros-content>p:not(.pros-q){
    font-size:20px!important;
    line-height:1.4!important;
    letter-spacing:-.025em!important;
    margin:0!important;
  }

  .audience-section .pros-full-details{
    gap:24px!important;
    margin-top:28px!important;
  }

  .audience-section .pros-full-details>div{
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(96,29,209,.06)!important;
  }

  /* Subtítulos de las dos áreas */
  .audience-section .pros-full-details h4{
    padding:17px 20px 14px!important;
    color:#fb04ac!important;
    font-size:22px!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    border-bottom:2px solid rgba(251,4,172,.18)!important;
  }

  /* Listados más grandes y fáciles de escanear */
  .audience-section .pros-full-details ul{
    font-size:17px!important;
    line-height:1.35!important;
    color:#601dd1!important;
  }

  .audience-section .pros-full-details li,
  .audience-section .pros-full-details li:nth-child(even),
  .audience-section .pros-full-details li:last-child{
    padding:9px 20px!important;
    font-weight:600!important;
  }

  /* Viñeta solicitada: ✓ magenta */
  .audience-section .pros-full-details li::before{
    content:'✓'!important;
    margin-right:10px!important;
    color:#fb04ac!important;
    font-weight:900!important;
  }
}

/* Mantener el ajuste en pantallas menores sin alterar la estructura responsive actual. */
@media (max-width:1000px){
  .audience-section .pros-full-details li::before{
    content:'✓'!important;
    color:#fb04ac!important;
    font-weight:900!important;
    margin-right:8px!important;
  }
  .audience-section .pros-full-details h4{
    color:#fb04ac!important;
  }
}


/* V2.16 — SECCIÓN 6: nuevo enfoque de captación + orden de prospectos */
@media (min-width:1001px){
  .audience-section .audience-main-head h2{
    font-size:clamp(44px,3.8vw,62px)!important;
    line-height:1.03!important;
    letter-spacing:-.055em!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .audience-section .audience-main-head p{
    font-size:clamp(17px,1.25vw,21px)!important;
    line-height:1.32!important;
    max-width:920px!important;
  }
  .audience-section .audience-special{
    margin-top:44px!important;
    font-size:40px!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
  }
  .audience-section .pros-selector{
    margin-top:28px!important;
  }
  .audience-section .pros-tab{
    font-size:clamp(12px,1vw,16px)!important;
    min-height:64px!important;
  }
}

/* En phone/tablet se conserva la estructura responsive; solo se actualiza la jerarquía del título. */
@media (max-width:1000px){
  .audience-section .audience-special{
    font-size:30px!important;
  }
}

/* V2.18 — hooks de prospectos: más protagonismo y lectura comercial */
.audience-section .pros-content .pros-q{
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:#fff!important;
  background:#601dd1!important;
  border:2px solid #601dd1!important;
  border-radius:16px!important;
  padding:18px 22px!important;
  margin:14px 0 16px!important;
  box-shadow:0 10px 24px #601dd120!important;
}
@media(max-width:600px){
  .audience-section .pros-content .pros-q{
    font-size:19px!important;
    padding:15px 17px!important;
  }
}

/* V2.19 — ajustes finales de Sección 6 */
.audience-section .audience-main-head h2 .hook-magenta{
  color:#FB04AC!important;
}
.audience-section .audience-special{
  font-size:clamp(20px,2vw,29px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  margin-top:18px!important;
  color:#601dd1!important;
}
/* Viñetas ✓ en todos los listados de Ideal para / Puedes comunicar */
.audience-section .pros-full-details li{
  position:relative!important;
  padding-left:42px!important;
}
.audience-section .pros-full-details li::before{
  content:'✓'!important;
  position:absolute!important;
  left:18px!important;
  top:7px!important;
  color:#FB04AC!important;
  font-weight:800!important;
}

/* V2.20 — ajustes solicitados sección 6 */
.audience-section .audience-special{font-size:clamp(20px,2vw,29px)!important;line-height:1.25!important;font-weight:700!important;color:#601dd1!important;}
.audience-section .audience-main-head p .vs-purple{color:#601dd1!important;}
.audience-section .audience-main-head p .vs-purple strong{color:#601dd1!important;}
.audience-section .pros-full-details li{padding-left:18px!important;}
.audience-section .pros-full-details li::before{content:none!important;}


/* V2.31 — SECCIÓN 7 PLANES: textos y precios especiales */
.plans-section .eyebrow{
  color:#91F84D!important;
  font-size:22px!important;
  line-height:1!important;
  margin-bottom:30px!important;
}
.plans-section .launch-badge{
  text-align:center!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-head.center .launch-badge p {
}
.plans-section .launch-badge small{
  display:block!important;
  margin-top:4px!important;
}
.plans-section .price-note{
  margin-top:8px!important;
  color:#601DD1!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:600!important;
  text-align:center!important;
}
.plans-section .plan-card.featured h3{
  color:#FB04AC!important;
  font-size:40px!important;
}
@media(max-width:760px){
  .plans-section .eyebrow{font-size:22px!important;margin-bottom:24px!important}
  .plans-section .price-note{font-size:9px!important}
  .plans-section .launch-badge{font-size:20px!important}
}


/* V2.32 — SECTION 7: comparison table + section 4 Vimeo embed repair */
/* Keep Sections 1–6 unchanged; these rules target only Plans and the approved Section 4 video frame. */
.transform-section .sec4-video iframe{
  background:transparent!important;
  border:0!important;
}

.plans-section .comparison{
  margin:92px auto 0!important;
  max-width:1150px!important;
}
.plans-section .comparison h3{
  color:#fff!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  margin:0 0 22px!important;
  text-align:center!important;
  font-weight:800!important;
}
.plans-section .comparison .table-scroll{
  border:2px solid #FB04AC!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:none!important;
}
.plans-section .comparison table{
  width:100%!important;
  min-width:900px!important;
  border-collapse:collapse!important;
  background:#fff!important;
}
.plans-section .comparison thead th{
  background:#FB04AC!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:14px!important;
  text-align:center!important;
  padding:15px 14px!important;
}
.plans-section .comparison thead th:first-child{
  text-align:left!important;
}
.plans-section .comparison th,
.plans-section .comparison td{
  padding:13px 15px!important;
  border-bottom:1px solid #eadfe7!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.plans-section .comparison tbody th{
  color:#601CD1!important;
  text-align:left!important;
  font-weight:600!important;
}
.plans-section .comparison tbody td{
  color:#171416!important;
  text-align:center!important;
}
.plans-section .comparison tbody tr:nth-child(even){
  background:#faf7f9!important;
}
.plans-section .comparison tbody tr:last-child th,
.plans-section .comparison tbody tr:last-child td{
  border-bottom:0!important;
}
.plans-section .comparison .comparison-hook{
  max-width:930px!important;
  margin:36px auto 0!important;
  text-align:center!important;
  color:#fff!important;
}
.plans-section .comparison .comparison-hook strong{
  display:block!important;
  color:#91F84D!important;
  font-size:29px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  margin-bottom:10px!important;
}
.plans-section .comparison .comparison-hook span{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.3!important;
}
@media(max-width:760px){
  .plans-section .comparison{margin-top:65px!important}
  .plans-section .comparison h3{font-size:25px!important}
  .plans-section .comparison .comparison-hook strong{font-size:24px!important}
  .plans-section .comparison .comparison-hook span{font-size:16px!important}
}


/* V2.33 — SECCIÓN 7: tablas separadas Chile / USA + cierre tipo hook Framer */
/* Solo afecta al bloque comparativo de PLANES. */
.plans-section .comparison{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:92px!important;
  padding:82px 5vw 88px!important;
  background:#FB04AC!important;
  color:#fff!important;
  box-sizing:border-box!important;
}

.plans-section .comparison > h3{
  color:#fff!important;
  font-size:32px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  margin:0 auto 34px!important;
  font-weight:800!important;
  text-align:center!important;
}

.plans-section .comparison-table-group{
  max-width:1150px!important;
  margin:0 auto 34px!important;
}
.plans-section .comparison-table-group h4{
  color:#fff!important;
  text-align:center!important;
  font-size:25px!important;
  line-height:1.1!important;
  margin:0 0 16px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.plans-section .comparison .table-scroll{
  border:0!important;
  border-radius:18px!important;
  overflow:auto!important;
  background:#fff!important;
  box-shadow:none!important;
}
.plans-section .comparison table{
  width:100%!important;
  min-width:780px!important;
  border-collapse:collapse!important;
  background:#fff!important;
}
.plans-section .comparison th,
.plans-section .comparison td{
  padding:13px 15px!important;
  border-bottom:1px solid #eadfe7!important;
  font-size:13px!important;
  line-height:1.22!important;
}
.plans-section .comparison thead th{
  background:#FB04AC!important;
  color:#fff!important;
  font-weight:800!important;
  text-align:center!important;
  font-size:14px!important;
}
.plans-section .comparison thead th:first-child{
  text-align:left!important;
}
.plans-section .comparison tbody th{
  background:#fff!important;
  color:#601CD1!important;
  text-align:left!important;
  font-weight:600!important;
}
.plans-section .comparison tbody td{
  background:#fff!important;
  color:#171416!important;
  text-align:center!important;
}
.plans-section .comparison tbody tr:nth-child(even) th,
.plans-section .comparison tbody tr:nth-child(even) td{
  background:#faf7f9!important;
}
.plans-section .comparison tbody tr:last-child th,
.plans-section .comparison tbody tr:last-child td{
  border-bottom:0!important;
}
.plans-section .comparison-prices{
  margin-top:38px!important;
}
.plans-section .comparison-prices table{
  min-width:820px!important;
}

/* Cierre: mismo tratamiento visual de la referencia adjunta */
.plans-section .comparison .comparison-hook{
  max-width:1050px!important;
  margin:48px auto 0!important;
  padding:0!important;
  text-align:center!important;
  color:#fff!important;
}
.plans-section .comparison .comparison-hook strong{
  display:block!important;
  color:#91F84D!important;
  font-size:clamp(29px,3vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  margin:0 0 8px!important;
  font-weight:800!important;
}
.plans-section .comparison .comparison-hook span{
  display:block!important;
  color:#fff!important;
  font-size:clamp(22px,2.3vw,34px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  font-weight:800!important;
}
.plans-section .comparison .comparison-closing{
  display:none!important;
}

@media(max-width:760px){
  .plans-section .comparison{
    margin-top:65px!important;
    padding:58px 18px 64px!important;
  }
  .plans-section .comparison > h3{
    font-size:25px!important;
    margin-bottom:28px!important;
  }
  .plans-section .comparison-table-group h4{
    font-size:21px!important;
  }
  .plans-section .comparison th,
  .plans-section .comparison td{
    padding:11px 10px!important;
    font-size:12px!important;
  }
  .plans-section .comparison .comparison-hook{
    margin-top:38px!important;
  }
  .plans-section .comparison .comparison-hook strong{
    font-size:25px!important;
  }
  .plans-section .comparison .comparison-hook span{
    font-size:19px!important;
  }
}


/* V2.34 — AJUSTE FINAL BLOQUE "¿QUÉ CAMBIA ENTRE LOS PLANES?" */
.plans-section .comparison{
  background:#FB04AC!important;
  padding-top:82px!important;
  padding-bottom:88px!important;
}

/* El título va DESPUÉS de las tres tablas y debe tener jerarquía de gran título */
.plans-section .comparison > .comparison-title{
  display:block!important;
  max-width:1150px!important;
  margin:52px auto 38px!important;
  color:#fff!important;
  font-size:clamp(38px,5vw,62px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
  text-align:center!important;
}

/* Títulos de Chile y USA: amarillos, grandes y destacados */
.plans-section .comparison .comparison-prices h4{
  color:#FFFF00!important;
  font-size:clamp(30px,3.2vw,42px)!important;
  line-height:1.05!important;
  margin:0 0 18px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

/* Cierre: solo el mensaje solicitado, siguiendo el tratamiento visual de la referencia */
.plans-section .comparison .comparison-closing{
  display:block!important;
  max-width:1150px!important;
  margin:18px auto 0!important;
  padding:0!important;
  text-align:center!important;
}
.plans-section .comparison .comparison-closing strong{
  display:inline!important;
  color:#91F84D!important;
  font-size:clamp(22px,2.2vw,32px)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  font-weight:800!important;
}
.plans-section .comparison .comparison-closing span{
  display:inline!important;
  color:#fff!important;
  font-size:clamp(22px,2.2vw,32px)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  font-weight:800!important;
}
.plans-section .comparison .comparison-hook{
  display:none!important;
}

@media(max-width:760px){
  .plans-section .comparison{
    padding-top:58px!important;
    padding-bottom:64px!important;
  }
  .plans-section .comparison > .comparison-title{
    font-size:34px!important;
    margin:42px auto 28px!important;
  }
  .plans-section .comparison .comparison-prices h4{
    font-size:29px!important;
  }
  .plans-section .comparison .comparison-closing strong,
  .plans-section .comparison .comparison-closing span{
    font-size:20px!important;
  }
}

/* V2.35 — SECCIÓN COMPARATIVA: fondo MAGENTA + título grande al inicio */
.plans-section .comparison{
  background:#FB04AC!important;
  color:#fff!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  box-sizing:border-box!important;
  padding:86px 5vw 88px!important;
  margin-top:92px!important;
}

.plans-section .comparison > .comparison-title{
  display:block!important;
  width:100%!important;
  max-width:1150px!important;
  margin:0 auto 52px!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(42px,5.2vw,68px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
  text-align:center!important;
}

.plans-section .comparison .comparison-table-group h4{
  color:#FFFF00!important;
}

@media(max-width:760px){
  .plans-section .comparison{
    padding:60px 18px 64px!important;
    margin-top:65px!important;
  }
  .plans-section .comparison > .comparison-title{
    font-size:34px!important;
    margin-bottom:36px!important;
  }
}


/* V2.36 — COMPARATIVA: BLOQUE MAGENTA GARANTIZADO */
.plans-section .comparison.comparison-section{
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  position:relative !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:92px 0 0 !important;
  padding:82px 5vw 88px !important;
  background:#FB04AC !important;
  color:#fff !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.plans-section .comparison.comparison-section > .comparison-title{
  display:block !important;
  width:100% !important;
  max-width:1150px !important;
  margin:0 auto 52px !important;
  padding:0 !important;
  color:#fff !important;
  font-size:clamp(42px,5.2vw,68px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  font-weight:800 !important;
  text-align:center !important;
}
.plans-section .comparison.comparison-section .comparison-table-group h4{
  color:#FFFF00 !important;
}
@media(max-width:760px){
  .plans-section .comparison.comparison-section{
    width:100vw !important;
    margin-top:65px !important;
    padding:60px 18px 64px !important;
  }
  .plans-section .comparison.comparison-section > .comparison-title{
    font-size:34px !important;
    margin-bottom:36px !important;
  }
}


/* V2.37 — COMPARATIVA: MAGENTA A TODO EL ANCHO DE LA SECCIÓN */
.plans-section .comparison.comparison-section{
  position:relative !important;
  z-index:0 !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  left:auto !important;
  transform:none !important;
  background:#FB04AC !important;
  overflow:visible !important;
  isolation:isolate !important;
}
/* El fondo se extiende visualmente hasta ambos bordes del viewport,
   aunque el contenido esté dentro de un contenedor centrado. */
.plans-section .comparison.comparison-section::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:100vw !important;
  transform:translateX(-50%) !important;
  background:#FB04AC !important;
}

/* V2.38 — CORRECCIÓN DEFINITIVA: TODA LA COMPARATIVA MAGENTA A ANCHO COMPLETO */
.plans-section .comparison.comparison-section{
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:0 !important;
  left:auto !important;
  transform:none !important;
  background:#FB04AC !important;
  border-radius:0 !important;
  position:relative !important;
  z-index:1 !important;
  padding:82px 5vw 88px !important;
}
.plans-section .comparison.comparison-section::before{
  display:none !important;
}
.plans-section .comparison.comparison-section > .comparison-title{
  color:#fff !important;
  max-width:1150px !important;
  margin:0 auto 52px !important;
  text-align:center !important;
  font-size:clamp(42px,5.2vw,68px) !important;
  line-height:1.02 !important;
  font-weight:800 !important;
}
.plans-section .comparison.comparison-section .comparison-table-group{
  max-width:1150px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.plans-section .comparison.comparison-section .comparison-table-group h4{
  color:#FFFF00 !important;
}
@media(max-width:760px){
  .plans-section .comparison.comparison-section{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    padding:60px 18px 64px !important;
  }
  .plans-section .comparison.comparison-section > .comparison-title{
    font-size:34px !important;
    margin-bottom:36px !important;
  }
}

/* V2.39 — SEPARAR PLANES EN DOS SECCIONES
   Sección 1: 3 tarjetas de planes (sin modificar su diseño).
   Sección 2: comparativa independiente con fondo magenta a todo el ancho. */
.comparison.comparison-section{
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 0 0 calc(50% - 50vw) !important;
  padding:82px 5vw 88px !important;
  position:relative !important;
  background:#FB04AC !important;
  color:#fff !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.comparison.comparison-section > .comparison-title{
  display:block !important;
  width:100% !important;
  max-width:1150px !important;
  margin:0 auto 52px !important;
  padding:0 !important;
  color:#fff !important;
  text-align:center !important;
  font-size:clamp(42px,5.2vw,68px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  font-weight:800 !important;
}
.comparison.comparison-section .comparison-table-group{
  width:100% !important;
  max-width:1150px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.comparison.comparison-section .comparison-table-group h4{
  color:#FFFF00 !important;
}
@media(max-width:760px){
  .comparison.comparison-section{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    padding:60px 18px 64px !important;
  }
  .comparison.comparison-section > .comparison-title{
    font-size:34px !important;
    margin-bottom:36px !important;
  }
}

/* V2.39 — SECCIÓN 7 DIVIDIDA EN DOS BLOQUES INDEPENDIENTES
   1) #planes contiene únicamente las tres tarjetas de planes.
   2) .comparison-section comienza una sección nueva y completa en magenta. */
.comparison.comparison-section{
  display:block!important;
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  margin:0 0 0 calc(50% - 50vw)!important;
  padding:82px 5vw 88px!important;
  background:#FB04AC!important;
  color:#fff!important;
  border-radius:0!important;
  overflow:visible!important;
}
.comparison.comparison-section > .comparison-title{
  display:block!important;
  width:100%!important;
  max-width:1150px!important;
  margin:0 auto 52px!important;
  color:#fff!important;
  text-align:center!important;
  font-size:clamp(42px,5.2vw,68px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
}
.comparison.comparison-section .comparison-table-group{
  width:100%!important;
  max-width:1150px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.comparison.comparison-section .comparison-table-group h4{color:#FFFF00!important}
@media(max-width:760px){
  .comparison.comparison-section{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    padding:60px 18px 64px!important;
  }
  .comparison.comparison-section > .comparison-title{
    font-size:34px!important;
    margin-bottom:36px!important;
  }
}

/* V2.40 — SECCIÓN 7B COMPARATIVA: FONDO MAGENTA COMPLETO */
section.comparison.comparison-section{
  background-color:#FB04AC !important;
  background:#FB04AC !important;
  color:#FFFFFF !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
  box-shadow:0 0 0 100vmax #FB04AC !important;
  clip-path:inset(0 -100vmax) !important;
}
section.comparison.comparison-section::before,
section.comparison.comparison-section::after{
  background:#FB04AC !important;
}


/* V2.42 — AJUSTES FINALES COMPARATIVA 7B */
section.comparison.comparison-section > .comparison-title{
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto 52px !important;
  text-align:center !important;
  font-size:clamp(38px,4.4vw,65px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:700 !important;
  color:#fff !important;
}
section.comparison.comparison-section > .comparison-title span,
section.comparison.comparison-section > .comparison-title em{
  display:block !important;
  font-style:normal !important;
}
section.comparison.comparison-section > .comparison-title span{color:#91F84D !important;}
section.comparison.comparison-section > .comparison-title em{color:#fff !important;}

/* Todo el texto dentro de las tablas: negro. */
section.comparison.comparison-section .comparison-table-group table,
section.comparison.comparison-section .comparison-table-group table th,
section.comparison.comparison-section .comparison-table-group table td,
section.comparison.comparison-section .comparison-table-group table strong{
  color:#000 !important;
}
section.comparison.comparison-section .comparison-table-group thead th,
section.comparison.comparison-section .comparison-table-group thead th:nth-child(3){
  background:#fff !important;
  color:#000 !important;
}

/* Los títulos Chile / USA quedan fuera de las tablas y amarillos. */
section.comparison.comparison-section .comparison-table-group h4{
  color:#FFFF00 !important;
}

/* Cierre: dos líneas, centrado, con el tratamiento tipográfico de la landing original. */
section.comparison.comparison-section .comparison-closing{
  max-width:1000px !important;
  margin:44px auto 0 !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:4px !important;
  font-size:clamp(18px,2vw,27px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
}
section.comparison.comparison-section .comparison-closing strong{
  color:#91F84D !important;
  font-weight:700 !important;
}
section.comparison.comparison-section .comparison-closing span{
  color:#fff !important;
  font-weight:700 !important;
}
@media(max-width:760px){
  section.comparison.comparison-section > .comparison-title{
    font-size:40px !important;
    margin-bottom:36px !important;
  }
  section.comparison.comparison-section .comparison-closing{
    font-size:21px !important;
  }
}

/* V2.43 — Sección 6: subtítulos de prospectos con extremos completamente circulares */
.audience-section .pros-content .pros-q{
  border-radius:999px!important;
}


/* V2.44 — ajustes solicitados en Sección 7B */
section.comparison.comparison-section .comparison-table-group h4{
  font-size:clamp(45px,calc(5.2vw + 3px),71px) !important;
  color:#fff !important;
  text-align:center !important;
}

/* Toda la columna CRECE: encabezado + valores, en magenta. */
section.comparison.comparison-section .comparison-table-group table thead th:nth-child(3),
section.comparison.comparison-section .comparison-table-group table tbody td:nth-child(3){
  color:#FB04AC !important;
}
section.comparison.comparison-section .comparison-table-group table tbody td:nth-child(3) strong{
  color:#FB04AC !important;
}

/* Cierre: segunda línea 2 pt más pequeña y peso normal. */
section.comparison.comparison-section .comparison-closing span{
  font-size:calc(1em - 2px) !important;
  font-weight:400 !important;
}


/* V2.46 — Ajustes solicitados: títulos 7B + Sección 08 idéntica a referencia */
section.comparison.comparison-section .comparison-table-group h4{
  color:#fff !important;
  text-align:center !important;
  font-size:25px !important;
  line-height:1.1 !important;
  letter-spacing:-.02em !important;
  font-weight:700 !important;
  text-transform:none !important;
  margin:0 0 16px !important;
}
@media(max-width:760px){
  section.comparison.comparison-section .comparison-table-group h4{
    font-size:20px !important;
    margin-bottom:13px !important;
  }
}

/* Section 08 — How it works */
.process-section{
  background:#fff !important;
  padding:34px 5.5vw 42px !important;
  color:#171416 !important;
}
.process-head{
  width:min(920px,100%) !important;
  max-width:920px !important;
  margin:0 auto 62px !important;
  text-align:center !important;
}
.process-head h2{
  margin:0 0 8px !important;
  color:#E733A9 !important;
  font-size:clamp(54px,6.2vw,78px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:700 !important;
}
.process-head h3{
  margin:0 !important;
  color:#601CD1 !important;
  font-size:clamp(31px,4.15vw,52px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:600 !important;
}
.process-head h3 span{
  color:#E733A9 !important;
}
.process-section .steps{
  width:min(920px,100%) !important;
  max-width:920px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
}
.process-section .step{
  width:100% !important;
  min-height:0 !important;
  height:194px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:34px !important;
  padding:28px 34px !important;
  text-align:left !important;
  background:#fff !important;
  border:1.5px solid #F3B9DF !important;
  border-radius:28px !important;
  box-shadow:none !important;
}
.process-section .step-icon{
  flex:0 0 120px !important;
  width:120px !important;
  height:105px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  color:#E733A9 !important;
}
.process-section .step-icon svg{
  width:110px !important;
  height:100px !important;
  overflow:visible !important;
}
.process-section .step-icon svg path,
.process-section .step-icon svg rect{
  fill:none !important;
  stroke:#E733A9 !important;
  stroke-width:7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.process-section .step-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.process-section .step h3{
  margin:0 0 7px !important;
  color:#E733A9 !important;
  font-size:clamp(27px,3.15vw,39px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
}
.process-section .step p{
  margin:0 !important;
  color:#601CD1 !important;
  font-size:clamp(18px,2.1vw,27px) !important;
  line-height:1.32 !important;
  letter-spacing:-.015em !important;
  font-weight:500 !important;
}
.process-section .process-arrow{
  position:static !important;
  width:100% !important;
  height:96px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#E733A9 !important;
  font-size:25px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}
.process-section .step:last-child + .process-arrow{
  display:none !important;
}
@media(max-width:760px){
  .process-section{
    padding:30px 18px 38px !important;
  }
  .process-head{
    margin-bottom:34px !important;
  }
  .process-head h2{
    font-size:50px !important;
  }
  .process-head h3{
    font-size:31px !important;
  }
  .process-section .step{
    height:auto !important;
    min-height:170px !important;
    gap:18px !important;
    padding:24px 20px !important;
    border-radius:23px !important;
  }
  .process-section .step-icon{
    flex-basis:82px !important;
    width:82px !important;
    height:80px !important;
  }
  .process-section .step-icon svg{
    width:78px !important;
    height:72px !important;
  }
  .process-section .step h3{
    font-size:25px !important;
    line-height:1.08 !important;
  }
  .process-section .step p{
    font-size:18px !important;
    line-height:1.3 !important;
  }
  .process-section .process-arrow{
    height:55px !important;
    font-size:20px !important;
  }
}
@media(max-width:480px){
  .process-head h2{font-size:44px !important;}
  .process-head h3{font-size:27px !important;}
  .process-section .step{
    gap:14px !important;
    padding:22px 16px !important;
  }
  .process-section .step-icon{
    flex-basis:68px !important;
    width:68px !important;
  }
  .process-section .step-icon svg{
    width:65px !important;
    height:62px !important;
  }
  .process-section .step h3{font-size:22px !important;}
  .process-section .step p{font-size:16px !important;}
}


/* V2.46 — Cómo funciona: 4 tarjetas compactas en desktop + iconos Framer */
.process-section .steps{
  width:min(100%,1100px) !important;
  max-width:1100px !important;
  margin:42px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.process-section .step{
  width:auto !important;
  height:285px !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  padding:24px 18px 20px !important;
  text-align:center !important;
  background:#fff !important;
  border:1.5px solid #F3B9DF !important;
  border-radius:22px !important;
}
.process-section .step-icon{
  flex:0 0 auto !important;
  width:76px !important; height:76px !important;
  margin:0 auto 17px !important;
}
.process-section .step-icon img{
  display:block !important; width:100% !important; height:100% !important;
  object-fit:contain !important;
}
.process-section .step-copy{flex:1 1 auto !important; width:100% !important;}
.process-section .step h3{font-size:21px !important; margin:0 0 10px !important; line-height:1.12 !important;}
.process-section .step p{font-size:14px !important; line-height:1.4 !important;}
.process-section .process-arrow{
  position:absolute !important; right:-15px !important; top:50% !important;
  width:auto !important; height:auto !important; transform:translateY(-50%) rotate(-90deg) !important;
  font-size:20px !important; margin:0 !important; z-index:2 !important;
}
@media(max-width:900px){
 .process-section .steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important;}
 .process-section .step{height:260px !important;}
 .process-section .process-arrow{display:none !important;}
}
@media(max-width:600px){
 .process-section .steps{grid-template-columns:1fr !important;gap:16px !important;}
 .process-section .step{height:auto !important;min-height:220px !important;padding:24px 20px !important;}
}

/* FAQ — ajustes visuales según Framer */
.faq-section{background:#fff!important;padding:90px 7vw!important;}
.faq-section .section-head{background:#f4f1ee!important;border-radius:28px!important;padding:58px 48px 42px!important;max-width:1120px!important;}
.faq-section .section-head p{font-weight:700!important;color:#353034!important;}
.faq-section .section-head p strong{font-weight:800!important;}
.faq-section .faq-magenta{color:#fb04ac!important;}
.faq-section .faq-list{background:#f4f1ee!important;border-radius:0 0 28px 28px!important;max-width:1120px!important;margin:0 auto!important;padding:0 48px 48px!important;}
.faq-section .faq-list details{background:#f8d7eb!important;border:0!important;border-radius:14px!important;margin:12px 0!important;overflow:hidden!important;}
.faq-section .faq-list summary{padding:20px 24px!important;color:#601cd1!important;}
.faq-section .faq-list details p{padding:0 24px 22px!important;}
@media(max-width:600px){.faq-section{padding:70px 5vw!important}.faq-section .section-head{padding:38px 24px 28px!important}.faq-section .faq-list{padding:0 24px 28px!important}}

/* FAQ — ajuste final de composición y paleta */
.faq-section{background:#fff!important;padding:96px 6vw 110px!important;}
.faq-section>.section-head{max-width:1180px!important;margin:0 auto!important;background:#f4f1ee!important;border-radius:30px 30px 0 0!important;padding:62px 70px 34px!important;}
.faq-section>.section-head .eyebrow{color:#601cd1!important;margin-bottom:20px!important;}
.faq-section>.section-head h2{color:#601cd1!important;margin-bottom:24px!important;}
.faq-section>.section-head p{max-width:900px!important;color:#171416!important;font-weight:700!important;font-size:18px!important;line-height:1.5!important;}
.faq-section .faq-magenta{color:#fb04ac!important;}
.faq-section>.faq-list{max-width:1180px!important;margin:0 auto!important;background:#f4f1ee!important;border-radius:0 0 30px 30px!important;padding:8px 70px 62px!important;}
.faq-section .faq-list details{background:#f8d7eb!important;border:0!important;border-radius:16px!important;margin:14px 0!important;overflow:hidden!important;}
.faq-section .faq-list summary{padding:22px 28px!important;color:#601cd1!important;font-size:17px!important;font-weight:700!important;line-height:1.35!important;}
.faq-section .faq-list summary:after{color:#fb04ac!important;font-weight:800!important;}
.faq-section .faq-list details p{padding:0 28px 24px!important;color:#3b343a!important;font-size:15px!important;line-height:1.55!important;}
@media(max-width:900px){.faq-section>.section-head{padding:48px 32px 28px!important}.faq-section>.faq-list{padding:8px 32px 42px!important}}
@media(max-width:600px){.faq-section{padding:70px 5vw 80px!important}.faq-section>.section-head{border-radius:22px 22px 0 0!important;padding:38px 24px 24px!important}.faq-section>.section-head h2{font-size:40px!important}.faq-section>.section-head p{font-size:16px!important}.faq-section>.faq-list{border-radius:0 0 22px 22px!important;padding:4px 24px 28px!important}.faq-section .faq-list details{border-radius:12px!important}.faq-section .faq-list summary{padding:18px 20px!important}.faq-section .faq-list details p{padding:0 20px 20px!important}}

/* V2.50 — FAQ palette correction: final override */
.faq-section{background:#fff!important;}
.faq-section>.section-head,
.faq-section>.faq-list{background:#f7f7f7!important;}
.faq-section .faq-list details{background:#fefaff!important;border:1px solid #e6e6e6!important;}


/* V2.51 — Última sección: igualada a la referencia Framer */
.final-section{
  background:linear-gradient(135deg,#601cd1 0%,#b629b7 100%) !important;
  color:#fff !important;
  text-align:center !important;
}
.final-section .eyebrow{color:#fff !important;}
.final-section h2{color:#fff !important;}
.final-section .final-green{color:#67fb07 !important;}
.final-section>p{color:#fff !important;}
.final-section .button.pink{
  background:#fb04ac !important;
  color:#fff !important;
  border-color:#fb04ac !important;
}
.final-section .final-meta{color:#fff !important;}

/* V2.53 — Corrección final de los ajustes solicitados */
/* Sección 06: todos los textos descriptivos a 15px y peso normal */
.audience-section .pros-content p,
.audience-section .pros-content .pros-q{
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}

/* Sección 07B: títulos de precios separados REALMENTE de sus tablas */
.comparison .comparison-table-group h4{
  display:block !important;
  margin:0 0 24px !important;
  padding:0 0 8px !important;
  line-height:1.35 !important;
}
.comparison .comparison-prices .table-scroll{
  margin-top:0 !important;
}
.comparison .comparison-prices + .comparison-prices{
  margin-top:42px !important;
}

/* PHONE — toda la landing centrada, incluyendo elementos internos que tenían text-align:left */
@media(max-width:600px){
  main,
  main section,
  main section *{
    text-align:center !important;
  }

  /* Mantener centrados los contenidos de listas y tablas */
  main ul,
  main ol,
  main li,
  main table,
  main thead,
  main tbody,
  main tr,
  main th,
  main td{
    text-align:center !important;
  }

  /* Navegación de audiencias */
  .pros-selector{
    justify-content:center !important;
  }
  .pros-tab{
    text-align:center !important;
  }

  /* Sección 07B */
  .comparison .comparison-table-group h4{
    margin:0 0 28px !important;
    padding-bottom:10px !important;
  }
  .comparison .comparison-prices + .comparison-prices{
    margin-top:42px !important;
  }
}

/* V2.54 — correcciones solicitadas por revisión del usuario */
/* PHONE: iconos + textos del bloque de beneficios del Hero perfectamente centrados */
@media(max-width:600px){
  .hero .checks{
    width:100% !important;
    align-items:center !important;
  }
  .hero .checks li{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    text-align:center !important;
  }
  .hero .checks li svg{
    flex:0 0 auto !important;
    margin:0 !important;
  }
  .hero .checks li span{
    text-align:center !important;
  }
}

/* SECCIÓN 07B: una línea adicional de separación entre la tabla anterior y Precios para Chile */
.comparison .comparison-table-group.comparison-prices:nth-of-type(2){
  margin-top:70px !important;
}
@media(max-width:600px){
  .comparison .comparison-table-group.comparison-prices:nth-of-type(2){
    margin-top:70px !important;
  }
}

/* FAQ: corrección ortográfica */
.faq-list details:nth-child(3) summary{
  font-size:0 !important;
}
.faq-list details:nth-child(3) summary::before{
  content:'¿Quién desarrolla el guión?' !important;
  font-size:17px !important;
}
@media(max-width:600px){
  .faq-list details:nth-child(3) summary::before{
    font-size:16px !important;
  }
}

/* PLANES: reducir considerablemente el espacio entre el aviso de lanzamiento y las 3 tarjetas */
.plans-section .plans-grid{
  margin-top:75px !important;
}
@media(max-width:1100px){
  .plans-section .plans-grid{
    margin-top:65px !important;
  }
}
@media(max-width:760px){
  .plans-section .plans-grid{
    margin-top:40px !important;
  }
}

/* V2.55 — ajustes solicitados */
/* SECCIÓN 2: igualar la altura de los tres cuadros blancos en desktop */
@media(min-width:701px){
  .problem-section .problem-card{
    height:820px !important;
    min-height:820px !important;
  }
}

/* PLANES: reducir 3 líneas aprox. el espacio morado/blanco antes de la siguiente sección */
.plans-section{
  padding-bottom:20px !important;
}

/* 07B: quitar un espacio antes de "🇨🇱 Precios para Chile" */
section.comparison.comparison-section .comparison-table-group.comparison-prices:nth-of-type(2){
  margin-top:52px !important;
}
@media(max-width:600px){
  section.comparison.comparison-section .comparison-table-group.comparison-prices:nth-of-type(2){
    margin-top:52px !important;
  }
}


/* V2.56 — ajustes solicitados */
/* SECCIÓN 2: los tres cuadros cerrados deben quedar exactamente a la misma altura.
   Se mantiene la altura solo en estado cerrado; al abrirse pueden crecer. */
@media(min-width:701px){
  .problem-grid .problem-card:not(.open){
    height:370px !important;
    min-height:370px !important;
  }
}
@media(max-width:700px){
  .problem-grid .problem-card:not(.open){
    min-height:0 !important;
    height:auto !important;
  }
}

/* SECCIÓN "¿Tienes algo importante...": subtítulos de las tarjetas en magenta y +1pt */
.audience-section .pros-content .pros-q{
  color:#fb04ac !important;
  font-size:16px !important;
  font-weight:400 !important;
}

/* PLANES: dejar solo una separación corta (aprox. 2 líneas) antes de la siguiente sección */
.plans-section{
  padding-bottom:32px !important;
}
.plans-section .plans-grid{
  margin-bottom:0 !important;
}
.comparison.comparison-section{
  margin-top:0 !important;
}

/* V2.57 — ajustes finales solicitados */
/* SECCIÓN 2: cada tarjeta cerrada conserva una altura uniforme; al abrirse,
   la tarjeta se adapta al contenido sin dejar espacio blanco artificial. */
@media(min-width:701px){
  .problem-grid{
    align-items:start !important;
  }
  .problem-card.open{
    height:auto !important;
    min-height:0 !important;
  }
  .problem-card:not(.open){
    height:370px !important;
    min-height:370px !important;
  }
}

/* SECCIÓN 6: subtítulos en cuadros MAGENTA, texto blanco y +1 pt */
.audience-section .pros-content .pros-q{
  background:#FB04AC !important;
  border-color:#FB04AC !important;
  color:#FFFFFF !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
}
@media(max-width:600px){
  .audience-section .pros-content .pros-q{
    font-size:17px !important;
  }
}

/* PLANES: continuidad visual; se elimina el exceso de espacio antes de
   comenzar la sección ¿Qué cambia entre los planes? */
.plans-section{
  padding-bottom:0 !important;
}
section.comparison.comparison-section{
  padding-top:30px !important;
}
@media(max-width:760px){
  section.comparison.comparison-section{
    padding-top:24px !important;
  }
}