@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');

/* Ajustes de la primera sección sobre la maqueta original del cliente. */
.header .nav{align-items:flex-start;padding-top:42px}
.header .brand{font-family:Arial,sans-serif;font-size:0;opacity:0;pointer-events:none}
.header .links{margin-left:auto;gap:34px}
.header .links a{font-family:Arial,Helvetica,sans-serif;font-size:15px;letter-spacing:.1px;font-weight:700}
.hero{min-height:675px;align-items:stretch;background:none;isolation:isolate}
/* Foto y capa azul independientes. El archivo de foto se puede reemplazar sin tocar el diseño. */
.hero::before{content:'';position:absolute;inset:0;background-image:url('assets/portada.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;z-index:-2}
.hero::after{content:'';position:absolute;inset:0;height:auto;background:linear-gradient(105deg,rgba(14,51,111,.86),rgba(16,74,132,.78) 62%,rgba(1,142,165,.76));z-index:-1;pointer-events:none}
.hero-inner{padding-top:105px;padding-bottom:40px;align-items:start;grid-template-columns:minmax(0,1fr) 300px;gap:52px}
.hero-logos{display:block;width:205px;height:205px;object-fit:contain;object-position:left center;margin:0 0 22px}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(68px,7.5vw,112px);letter-spacing:-4px;line-height:.93;margin:0 0 22px}
.hero h1 span{font-size:.47em;font-weight:400;letter-spacing:-1.7px;line-height:1.2;margin-bottom:4px}
.hero h1 em{font-weight:700;letter-spacing:-4px}
.hero p{font-family:Arial,Helvetica,sans-serif;max-width:none;font-size:17px;line-height:1.46}
.hero .script{font-family:'Caveat',cursive;font-size:34px;line-height:1.1;margin-top:11px;font-weight:500}
.hero-card{margin-top:62px}
.hero .slide-dots{margin-top:18px}
@media(max-width:850px){.header .nav{padding-top:18px}.header .brand{opacity:1;pointer-events:auto;font-size:0}.header .brand-label{font:900 24px Arial;color:#fff}.hero{min-height:680px}.hero-inner{display:block;padding-top:105px}.hero-logos{width:160px;height:170px;margin-bottom:22px}.hero h1{font-size:clamp(56px,12vw,90px)}.hero h1 span{font-size:.42em}.hero p{font-size:17px}.hero .script{font-size:29px}.hero-card{display:none}}
@media(max-width:520px){.hero{min-height:640px}.hero-inner{padding-bottom:30px}.hero-logos{width:140px;height:145px;margin-bottom:20px}.hero h1{font-size:57px;letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2.5px}.hero p{font-size:16px}.hero .script{font-size:27px}}
.seo-screenreader-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}