/* Prioridad a título, explicación y registro en la primera pantalla. */
.hero-copy .hero-product-label{align-self:flex-start}
.public-nav .nav-inner{height:76px;gap:22px}
.header-contact{margin-left:auto;flex-shrink:0}
.header-contact .contact-number{gap:7px;padding:0}
.header-contact .contact-number strong{font-size:17px}
.header-contact .contact-label{font-size:11px}
.header-contact .contact-pending{max-width:150px;display:block;font-size:11px;line-height:1.4}
.public-nav .nav-links{gap:18px;font-size:13px}
.nav-links .nav-faq{display:none}
.hero{padding:28px 0 32px;min-height:calc(100svh - var(--demo-height,44px) - 76px);display:flex;align-items:center}
.hero-grid{width:100%;grid-template-columns:1.25fr 1fr;gap:52px}
.hero-copy .hero-product-label{margin-bottom:16px;padding:6px 10px;font-size:11px}
.hero-copy .hero-headline{font-size:clamp(2.6rem,3.55vw,3.5rem);line-height:1.06;margin-bottom:20px}
.hero-headline>span{margin-bottom:8px}
.hero-copy .hero-headline em{padding-bottom:10px}
.hero-copy .hero-description{font-size:16px;line-height:1.55;margin-bottom:23px;max-width:550px}
.hero-description strong{display:inline;margin:0}
.hero-copy .hero-independent{margin-top:10px;font-size:11px}
.hero .hero-copy .actions{flex-direction:row;margin-bottom:12px}
.hero-copy .hero-assurance{font-size:12px}
.hero-stage{padding:18px 0}
.hero-stage .hero-surface{padding:14px}
.hero-stage .preview-card{padding:20px}
.hero-stage .preview-card h3{font-size:17px;margin:18px 0 14px!important}
.hero-stage .preview-card .option{min-height:38px;padding:7px 10px;margin:7px 0}
.hero-stage .preview-card .mini-stat{margin-top:15px;padding-top:14px}
@media(min-width:1025px) and (max-height:760px){
 .hero{padding:22px 0}
 .hero-copy .hero-headline{font-size:clamp(2.45rem,3.35vw,3.1rem);margin-bottom:15px}
 .hero-copy .hero-product-label{margin-bottom:12px}
 .hero-stage .preview-card .mini-stat{display:none}
 .hero-stage .preview-card h3{font-size:16px}
 .hero-stage .preview-card .option{min-height:34px;padding:5px 10px}
 .hero-stage .hero-float{font-size:11px;padding:8px 12px}
}
@media(max-width:1200px) and (min-width:1025px){.public-nav .brand{font-size:15px}.public-nav .nav-inner{gap:15px}.public-nav .nav-links{gap:12px}.public-nav .nav-links>a:first-child{display:none}.hero-grid{gap:35px}}
@media(max-width:1024px){
 .public-nav .nav-inner{height:68px}
 .public-nav .nav-links{top:68px;max-height:calc(100dvh - var(--demo-height,44px) - 68px);gap:10px}
 .nav-links .nav-faq{display:flex}
 .hero{display:block;min-height:0;padding:0}
 .hero-grid{grid-template-columns:1fr;gap:0}
 .hero-copy{min-height:calc(100svh - var(--demo-height,44px) - 68px);display:flex;flex-direction:column;justify-content:center;padding:32px 0;max-width:720px}
 .hero-copy .hero-headline{font-size:clamp(2.55rem,5.5vw,3.5rem)}
 .hero-copy .hero-description{max-width:640px;font-size:17px}
 .hero-stage{max-width:480px;margin:0 auto;padding:32px 0 45px}
 .hero-copy .hero-independent{margin-bottom:0}
}
@media(max-width:600px){
 .public-nav .nav-inner{height:auto;min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0 10px;padding-top:8px;padding-bottom:4px}
 .public-nav .brand{font-size:14px;gap:8px}
 .public-nav .brand-mark{width:33px;height:36px;font-size:25px;border-radius:9px}
 .public-nav .brand small{font-size:8px;letter-spacing:.08em}
 .public-nav .mobile-toggle{grid-column:2;grid-row:1}
 .header-contact{grid-column:1/-1;grid-row:2;margin:0;justify-self:center}
 .header-contact .contact-number{min-height:32px;gap:7px}
 .header-contact .contact-number>span{display:flex;align-items:center;gap:7px}
 .header-contact .contact-label{font-size:10px}
 .header-contact .contact-number strong{font-size:15px}
 .header-contact .contact-number>.icon{width:17px;height:17px}
 .header-contact .contact-pending{max-width:none;padding:4px 0}
 .public-nav .nav-links{top:54px;max-height:calc(100dvh - var(--demo-height,44px) - 54px)}
 .hero-copy{min-height:calc(100svh - var(--demo-height,44px) - 88px);padding:22px 0 26px}
 .hero-copy .hero-headline{font-size:clamp(2rem,8.25vw,2.75rem);margin-bottom:18px;line-height:1.06}
 .hero-copy .hero-product-label{align-self:flex-start;font-size:10px;margin-bottom:15px}
 .hero-copy .hero-description{font-size:15px;line-height:1.5;margin-bottom:20px}
 .hero .hero-copy .actions{gap:9px;flex-wrap:nowrap;align-items:stretch}
 .hero-copy .actions .btn{width:auto;min-height:46px;padding:10px 11px;font-size:12px}
 .hero-copy .actions .hero-cta{flex:1.3}
 .hero-copy .actions .btn-light{flex:1}
 .hero-copy .hero-assurance{font-size:11px}
 .hero-copy .hero-independent{font-size:10px}
}
@media(max-width:1024px) and (max-height:550px) and (orientation:landscape){
 .hero-copy{min-height:0;padding:20px 0;max-width:800px}
 .hero-copy .hero-product-label{align-self:flex-start;font-size:10px;margin-bottom:8px}
 .hero-copy .hero-headline{font-size:28px;margin-bottom:12px}
 .hero-headline>span,.hero-copy .hero-headline em,.hero-institution-tail{display:inline}
 .hero-headline>span:after{content:' '}
 .hero-headline em:after{display:none}
 .hero-copy .hero-description{font-size:14px;margin-bottom:12px}
 .hero-copy .hero-independent{margin-top:6px}
 .hero-copy .actions .btn{min-height:44px;padding:8px 16px}
}
@media(min-width:701px) and (max-width:1024px) and (min-height:900px){
 .hero{min-height:calc(100svh - var(--demo-height,44px) - 68px);display:flex;align-items:center;padding:30px 0}
 .hero-grid{grid-template-columns:1.25fr 1fr;gap:26px}
 .hero-copy{min-height:0;padding:0}
 .hero-copy .hero-headline{font-size:clamp(2rem,4.3vw,2.7rem)}
 .hero-copy .hero-description{font-size:15px}
 .hero .hero-copy .actions{flex-wrap:wrap;gap:10px}
 .hero-copy .actions .btn{font-size:13px;min-height:44px;padding:10px 14px}
 .hero-stage{padding:22px 0}
 .hero-stage .preview-card{padding:15px}
 .hero-stage .preview-top{flex-wrap:wrap}
 .hero-stage .preview-card h3{font-size:15px}
 .hero-stage .preview-card .mini-stat{display:none}
 .hero-float{font-size:10px;padding:8px}
}
@media(max-width:360px) and (max-height:650px){
 .hero-copy{padding-top:14px;padding-bottom:18px}
 .hero-copy .hero-product-label{margin-bottom:10px}
 .hero-copy .hero-headline{margin-bottom:14px}
 .hero-copy .hero-description{font-size:14px;margin-bottom:15px}
}