/* El documento siempre crece con su contenido. El control de rueda es progresivo. */
html{scroll-snap-type:none;scroll-padding-top:0}
main>section{scroll-snap-align:start;scroll-margin-top:0}
.seccion{padding-block:clamp(32px,5vh,64px)}
.hero{padding-block:36px;min-height:calc(100svh - 90px)}
.hero .foto-hero{height:clamp(280px,58vh,470px)}
.encabezado-seccion{margin-bottom:24px}.encabezado-seccion h2{font-size:clamp(29px,3vw,42px)}
.tarjeta-dolor h3{margin-top:16px}.bloque-agente{padding:28px;gap:32px}.bloque-agente h3{margin-block:16px;font-size:28px}
.bloque-agente li{margin-bottom:16px}.rejilla-funciones{margin-top:24px;gap:16px}.rejilla-funciones p{margin-bottom:0}
.detalle-perfil img{height:300px}.selector-perfiles{margin-bottom:18px}.demo-contenido{gap:32px}
.captura-marco{padding:16px}.captura-marco img{height:clamp(280px,59vh,460px)}
.rejilla-soluciones{gap:14px}.rejilla-soluciones article{padding:20px}.rejilla-soluciones h3{margin-block:14px 10px}
.planes{padding-block:24px;margin-bottom:0}
.encabezado-planes{gap:20px;align-items:center;margin-bottom:10px}
.encabezado-planes h2{font-size:clamp(27px,2.4vw,36px);margin-bottom:6px}
.encabezado-planes .ceja{margin-bottom:6px}
.encabezado-planes>div{max-width:750px}.encabezado-planes>div>p:last-child{max-width:none;font-size:13px;line-height:1.5}
.encabezado-planes>.enlace{flex-shrink:1}
.barra-planes{display:flex;gap:10px 20px;align-items:center;justify-content:space-between;margin-bottom:12px}
.sello-precios{background:#e6e3ff;color:#38319b;border-color:#c6c1f0;font-size:12px;margin:0;padding:6px 10px}
.periodos{flex-shrink:0;margin:0;padding:3px}.periodos button{font-family:inherit;font-weight:650;font-size:12px;padding:7px 12px;min-height:44px}
.rejilla-planes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.plan{padding:16px;min-height:0;border-color:var(--linea);border-radius:16px;scroll-snap-align:start;scroll-margin:0;outline-offset:-3px}
.plan .numero{font-size:11px;line-height:1.4}.plan h3{font-size:24px;margin:5px 0 10px;letter-spacing:-.8px}
.precio-plan{margin:0 0 2px;gap:3px 6px}.precio-plan strong{font-size:30px;letter-spacing:-1.2px}.precio-plan>span:not(.desde){font-size:11px}
.plan .normal-plan{margin:4px 0;font-size:11px;line-height:1.45;min-height:0}
.descuento-plan{display:inline;color:#4338a0;font-size:11px;margin-left:5px;white-space:nowrap}
.plan .detalle-precio{min-height:0;margin:4px 0 9px!important;font-size:11px;line-height:1.5}
.cupos-plan{margin-bottom:4px;gap:6px}.cupos-plan span{font-size:12px;background:#efeffa;border-color:var(--linea);padding:4px 7px}
.plan .creditos-plan{font-size:11px;min-height:0;margin:2px 0 6px;line-height:1.5;color:#40379d}
.plan .descripcion-plan{font-size:12px;line-height:1.5;min-height:0;margin:6px 0 8px}
.plan ul{margin:0 0 12px}.plan li{padding:5px 0 5px 13px;font-size:12px;line-height:1.45}.plan li:before{color:#4e4cdb;font-size:19px;line-height:20px}
.plan .acciones-plan{margin-top:auto;display:grid;gap:6px}.plan .boton{width:100%;min-height:44px;margin:0;font-size:12px;line-height:1.3;padding:8px 10px;gap:4px}
.plan .pagar-plan{margin:0;background:transparent;border-color:#c7c3eb;color:#38369f}
.proyecto-plan{font-size:23px;margin:0 0 9px;line-height:1.25}
.pie-planes{margin-top:12px;display:flex;gap:8px 28px;justify-content:space-between;align-items:start}
.pie-planes p{margin:0;font-size:11px;line-height:1.6;max-width:690px}.pie-planes .enlace{font-size:inherit;padding:0}
.navegacion-planes{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}
.navegacion-planes button{height:44px;width:44px;background:transparent;color:var(--tinta);border:1px solid var(--linea);border-radius:10px;font-size:24px;line-height:1}
.navegacion-planes button:disabled{opacity:.4;cursor:default}.navegacion-planes span{font-size:12px;min-width:150px;text-align:center;font-weight:650}
.uso-ia{background:#eeedff;border-top:1px solid var(--linea)}
.uso-ia .tres-columnas article{border:1px solid #d6d1f0;border-radius:16px;padding:20px;background:#f9f8ff}
.uso-ia h3{font-size:20px;margin:0 0 10px}.uso-ia article p{font-size:14px;margin:0;color:var(--suave);line-height:1.65}
.uso-ia .micro{font-size:12px}.preguntas details{padding-block:16px}
.abi-saludo{pointer-events:none}
.resumen-abi .captura-marco img{height:clamp(230px,43svh,380px)}
.resumen-abi .demo-explicacion h3{font-size:clamp(26px,3vw,34px);margin-block:14px}
.resumen-abi .paso-demo{padding-block:8px;margin:0}
.resumen-negocio .selector-perfiles{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px}
.resumen-negocio .selector-perfiles button{flex:none}
.resumen-negocio .detalle-perfil img{height:clamp(200px,34svh,280px);object-fit:contain;background:#211d55}
.hero .foto-hero{object-fit:contain;background:#211d55}
.resumen-negocio .detalle-perfil h3{margin-block:6px 12px;font-size:26px}
.resumen-negocio .detalle-perfil .ejemplo{margin-block:12px;padding:10px 14px}
.opciones-abi{margin:18px 0 0;font-size:13px;color:var(--suave)}
.resumen-contacto{align-content:center}
.resumen-contacto .preguntas details{padding-block:10px;border-color:#ffffff40}
.resumen-contacto .preguntas summary{font-size:14px}
.resumen-contacto .preguntas details p{margin-top:8px;color:#e3e0ff}
.resumen-contacto .micro{color:#e3e0ff}
/* Visible por defecto: si JS/IntersectionObserver fallan, no se pierde contenido. */
@media(prefers-reduced-motion:no-preference){
 [data-revelar]{transition:opacity .45s ease,transform .45s ease}
 [data-revelar].por-revelar{opacity:0;transform:translateY(14px)}
 .boton{transition:background .18s ease,transform .18s ease}
}
@media(min-width:1100px) and (min-height:650px){.planes{min-height:100svh;display:flex;flex-direction:column;justify-content:center}}
@media(max-width:1099px){
 .encabezado-planes{flex-direction:row;align-items:start}.encabezado-planes>.enlace{display:none}
 .rejilla-planes{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;gap:12px;max-width:600px;margin-inline:auto;align-items:stretch;padding-bottom:3px}
 .plan{width:100%;padding:18px}.plan li{font-size:14px}.plan .descripcion-plan{font-size:14px}.plan .detalle-precio,.plan .normal-plan,.plan .creditos-plan{font-size:12px}.plan .boton{font-size:13px}
 .pie-planes{display:block}.pie-planes p+p{margin-top:5px}
}
@media(max-width:760px){
 .cabecera{padding:12px 16px;min-height:68px}.seccion,.hero{padding-inline:16px}
 .hero{min-height:0;padding-block:32px}.hero h1{font-size:clamp(40px,10vw,54px)}
 .hero .foto-hero{height:280px}.hero-visual{max-width:520px}.encabezado-seccion{margin-bottom:20px}
 .encabezado-planes h2{font-size:27px}.encabezado-planes>div>p:last-child{font-size:13px}
 .barra-planes{align-items:start;flex-direction:column;gap:8px}.sello-precios{font-size:12px;padding:5px 8px}
 .planes{padding-block:22px}.plan{padding:16px}.plan h3{font-size:25px;margin-block:3px 8px}
 .plan .descripcion-plan{margin-block:6px;font-size:13px}.plan li{font-size:13px;padding-block:4px}
 .plan .detalle-precio{margin-bottom:7px!important}.plan .cupos-plan{margin-bottom:1px}.plan .creditos-plan{margin-bottom:4px}
 .precio-plan strong{font-size:32px}.pie-planes p{font-size:11px}
 .detalle-perfil img{height:250px}.demo-contenido{gap:22px}.bloque-agente{padding:22px;gap:20px}
 .uso-ia .tres-columnas{gap:12px}.contacto-final{padding:32px 16px}
}
@media(max-height:600px){
 .planes{min-height:0}.plan{padding:14px}.plan h3{margin-block:3px 6px}.plan .descripcion-plan{margin-block:4px}.plan ul{margin-bottom:8px}
 .seccion{padding-block:24px}.hero{min-height:0}.hero .foto-hero{height:280px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.rejilla-planes{scroll-snap-type:none}[data-revelar]{opacity:1!important;transform:none!important;transition:none!important}}

/* Escritorio/tablet horizontal: una pantalla como mínimo, nunca una altura fija. */
@media(min-width:761px) and (orientation:landscape){
 main>section{min-height:100svh;scroll-margin-top:0}
 main>.seccion{display:flex;flex-direction:column;justify-content:center}
 main>.hero{min-height:calc(100svh - 90px)}
 .hero>*{min-width:0}
 .hero .foto-hero{height:clamp(200px,52svh,470px)}
 .hero-visual{padding-bottom:45px}
}

@media(min-width:761px) and (max-width:1099px) and (orientation:landscape){.rejilla-planes{max-width:700px}.plan{padding:14px}.plan li{font-size:13px}}