/* Acabado de la portada: luces de fondo, ondas violeta y adaptación a tabletas y móviles. */
body{background:radial-gradient(ellipse 60% 40% at 80% 0,#2a1250aa,transparent 70%),radial-gradient(ellipse 50% 35% at 0 55%,#3a106055,transparent 70%),radial-gradient(ellipse 50% 35% at 100% 75%,#4a12704d,transparent 70%),var(--bg)}
main{overflow-x:clip}
#como-funciona,.pricing{position:relative;isolation:isolate}
#como-funciona:before,.pricing:before{content:'';position:absolute;z-index:-1;inset:10% -30vw auto;height:70%;pointer-events:none;background:radial-gradient(ellipse 40% 30% at 50% 60%,#6d1fb033,transparent 70%)}
#como-funciona:after,.pricing:after{content:'';position:absolute;z-index:-1;left:50%;width:100vw;transform:translateX(-50%);height:420px;pointer-events:none;background:url('/assets/waves.svg') center/100% 100% no-repeat;opacity:.75}
#como-funciona:after{top:42%}
.pricing:after{top:auto;bottom:-170px;transform:translateX(-50%) scaleX(-1);opacity:.6}
.sector,.steps li{transition:border-color .2s,transform .2s}
.sector:hover,.steps li:hover{border-color:#b77ae6aa;transform:translateY(-2px)}

@media (min-width:1500px){
 .hero{min-height:500px}
}
@media (max-width:1100px){
 .nav-links{gap:22px;font-size:14px}
 .landing-nav{gap:20px}
 .landing-nav .brand img{width:140px}
 .hero-copy{width:52%}
 .benefit-strip{grid-template-columns:repeat(2,1fr)}
 .steps{gap:20px}
 .steps li+li:before,.steps li+li:after{display:none}
 .step-icon{display:none}
 .trust-strip{grid-template-columns:repeat(2,1fr);row-gap:22px;margin-inline:var(--gutter)}
 .trust-strip>div:nth-child(3){border-left:0}
}
@media (max-width:860px){
 .nav-links{display:none}
 .nav-actions{margin-left:auto}
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .hero-media{position:relative;inset:auto;width:100%;aspect-ratio:679/398;max-height:360px}
 .hero-media img{-webkit-mask-image:none;mask-image:none}
 .hero-copy{width:auto;margin:0;padding:20px var(--gutter) 32px}
 .lead{font-size:17px}
 .steps,.sectors{grid-template-columns:1fr}
 .pricing-layout{grid-template-columns:minmax(0,1fr);gap:40px}
 .pricing-why{max-width:480px;margin:auto}
 .section{padding:40px var(--gutter)}
 .certificate{grid-template-columns:1fr;gap:40px;text-align:center}
 .certificate-media{max-width:260px}
 .certificate .section-lead{margin-inline:auto}
 .certificate .checks{display:inline-block;text-align:left}
 .fine{margin-inline:auto}
 .site-footer{grid-template-columns:1fr}
 .site-footer nav{justify-content:flex-start}
 .copyright{text-align:left}
}
@media (max-width:560px){
 .landing-nav{padding-block:14px;gap:12px}
 .landing-nav .brand img{width:112px}
 .brand-tagline{font-size:10px;letter-spacing:0}
 .nav-actions{gap:8px}
 .nav-actions .button{padding:8px 14px;font-size:14px;min-height:40px}
 .hero h1{font-size:30px}
 .h1-line{display:inline}
 .actions{gap:10px;margin-top:18px}
 .actions .button{flex:1 1 0;padding-inline:12px;font-size:15px}
 .lead{font-size:16px}
 .benefit-strip{grid-template-columns:1fr 1fr;gap:16px}
 .benefit-strip p{font-size:14px}
 .benefit-strip .tile{width:46px;height:46px;border-radius:14px}
 .tile .icon{width:24px;height:24px}
 .plan{padding:32px 22px}
 .price strong{font-size:38px}
 .price-options{gap:8px}
 .price-option{padding:14px 12px}
 .price-option .price strong{font-size:28px}
 .trust-strip{grid-template-columns:1fr;padding:18px 4px}
 .trust-strip>div+div{border-left:0;border-top:1px solid #ffffff1a;padding-top:16px;margin-top:0}
 .faq summary{font-size:16px}
}
@media (max-width:380px){
 .nav-actions .button.ghost{display:none}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{transition:none!important}
}
@media (max-width:860px){
 .page-hero.split{grid-template-columns:1fr;gap:32px}
 .coverage{grid-template-columns:1fr}
}
@media (max-width:560px){
 .feature-grid{grid-template-columns:1fr}
 .data-table{font-size:14px}
 .data-table th,.data-table td{padding:10px 12px}
}
@media (max-width:340px){
 .price-options{grid-template-columns:1fr}
}
@media (max-width:960px){
 .voice-layout{grid-template-columns:1fr;gap:36px}
 .voice-demo{max-width:480px;width:100%;margin:auto}
}
@media (max-width:560px){
 .voice-steps{grid-template-columns:1fr}
 .voice-demo{padding:18px}
}
@media (max-width:960px){
 .voice-layout.reverse{grid-template-columns:1fr}
 .voice-layout.reverse .voice-copy{order:-1}
}
@media (max-width:560px){
 .sd-time{min-width:88px;font-size:13px}
 .sd-slot{gap:10px;padding:10px 12px}
}

/* Franja de ventajas con 5 elementos: en 2 columnas, el último ocupa la fila entera */
@media (max-width:1100px){.benefit-strip>div:last-child:nth-child(odd){grid-column:1/-1}}