:root{--azul:#00576d;--negro:#00222a;--blanco:#f9fafa;--gris-claro:#eaeaea;--gris-medio:#7e7f7f;--pill:#11768f;--txt:rgba(58,58,58,.8);--font:'Google Sans Flex','Google Sans','Product Sans','Segoe UI',system-ui,-apple-system,sans-serif;--rob:'Roboto','Helvetica Neue',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--azul);font-family:var(--rob);-webkit-font-smoothing:antialiased;color:var(--txt)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p,h1,h2,h3{margin:0}
.page{background:var(--gris-claro);border-radius:0 0 40px 40px;position:relative;padding-bottom:100px}
.wrap{max-width:1280px;margin:0 auto;position:relative}
/* header */
.top{position:absolute;left:80px;right:80px;top:50px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font);z-index:5}
.back{display:flex;align-items:center;gap:8px;font-size:20px;line-height:32px;color:var(--negro);transition:opacity .2s}
.back:hover{opacity:.7}.back img{width:44.4px;height:44.4px;transform:rotate(90deg)}
.btn-contact{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;color:var(--blanco);font-size:16px;line-height:32px;background-image:linear-gradient(180deg,rgba(234,234,234,0) 0%,rgba(234,234,234,.2) 100%),linear-gradient(90deg,var(--azul),var(--azul));transition:transform .2s,box-shadow .2s}
.btn-contact:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,87,109,.28)}
.btn-contact img{width:26.4px;height:26.4px;transform:rotate(90deg)}
.nav-anchor{position:fixed;top:16px;left:0;right:0;z-index:30;pointer-events:none;display:flex;justify-content:center;font-family:var(--font)}
.nav{pointer-events:auto;background:var(--blanco);padding:12px;border-radius:32px;display:flex;align-items:center;box-shadow:0 8px 24px rgba(0,34,42,.08)}
.nav a{padding:4px 20px;border-radius:20px;font-size:16px;line-height:32px;color:var(--gris-medio);transition:background .25s,color .25s}
.nav a:hover{color:var(--azul)}.nav a.on{background:var(--azul);color:var(--blanco)}
/* content */
.content{width:1080px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:80px}
.pill{display:inline-block;align-self:flex-start;background:var(--pill);color:#fff;font-weight:600;font-size:16.18px;line-height:28px;padding:4px 20px;border-radius:12px;letter-spacing:.2px}
.blk{display:flex;flex-direction:column;gap:20px}
h2{font-weight:600;font-size:41px;line-height:1.2;color:var(--azul)}
.txt{font-weight:500;font-size:20px;line-height:32px;letter-spacing:.2px;color:var(--txt)}
.txt b{font-weight:700;color:var(--azul)}
.callout{background:rgba(255,255,255,.5);border-radius:20px;padding:40px 60px;text-align:center;font-weight:500;font-size:24px;line-height:36px;color:var(--txt)}
.callout b{font-weight:700;color:var(--azul)}
.full{width:100%;border-radius:20px}
/* cross links */
.otros{max-width:1051px;margin:0 auto;padding:100px 24px 0;display:flex;gap:40px;justify-content:center}
.otros a{flex:1;max-width:506px;border-radius:24px;overflow:hidden;display:block;transition:transform .35s,box-shadow .35s}
.otros a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.otros img{width:100%}
.foot{max-width:1280px;margin:60px auto 0;height:112px;border-top:1px solid rgba(255,255,255,.1);padding:28px 80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--blanco);font-family:var(--font);font-size:20px;line-height:32px}
.foot .soc{justify-self:end}
.fback{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-size:20px;line-height:32px;color:var(--blanco);transition:opacity .2s}
.fback:hover{opacity:.75}.fback svg{width:44px;height:44px;flex:none}
.foot small{font-size:14px}
.soc{display:flex;gap:15px;align-items:center}
.soc a{display:block;position:relative;transition:opacity .2s}.soc a:hover{opacity:.7}
.soc .li{width:18.9px;height:18.9px}.soc .be{width:21.8px;height:21.8px}
.soc .be img{position:absolute;left:0;top:20.83%;width:21.8px;height:13.63px}
@media (max-width:1000px){
 .nav-anchor{display:none}
 .top{left:20px;right:20px;top:24px}.btn-contact{display:none}
 .content{padding:0 20px;gap:56px}
 h2{font-size:30px}.txt{font-size:17px;line-height:27px}
 .callout{padding:28px 22px;font-size:19px;line-height:29px}
 .otros{flex-direction:column;align-items:center;padding-top:64px}
 .foot{padding:20px 24px;height:auto;grid-template-columns:1fr auto;grid-template-areas:'b s' 't t';row-gap:6px}
 .fback{grid-area:b;font-size:16px}.foot .soc{grid-area:s}.foot>p{grid-area:t;text-align:center;font-size:16px}
 .nav a{padding:4px 12px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.rt{display:flex;align-items:center;gap:22px}
.lang{display:flex;align-items:center;gap:8px;font-family:'Google Sans Flex','Google Sans','Segoe UI',system-ui,sans-serif;font-size:16px;line-height:32px;color:#7e7f7f}
.lang a{color:#7e7f7f;transition:color .2s}.lang a:hover{color:#00576d}
.lang a.on{color:#00222a;font-weight:500;pointer-events:none}
.lang span{opacity:.5}
@media (max-width:1000px){.rt{gap:12px}.lang{font-size:14px}}
