/* Cabecera PANTALLAX: proporciones, contraste y espacio reservado. */
:root{--site-header-height:100px}
body{padding-top:var(--site-header-height)!important}
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
#nav{box-sizing:border-box;gap:16px;padding:18px 52px}
#nav .logo{flex-shrink:0}
#nav .nav-links{gap:30px}
#nav .nav-cta{background:transparent;color:#c41a1a;border:1px solid rgba(196,26,26,.5);border-radius:0;font-family:'DM Sans',sans-serif}
#nav .nav-cta:hover,#nav .nav-cta:focus-visible{background:#c41a1a;color:white}
@media(min-width:901px) and (max-width:1500px){
 #nav{padding:14px 28px;gap:16px}
 #nav .logo .logo-main{width:220px;height:auto}
 #nav .nav-links{gap:16px}
 #nav .nav-links a{font-size:13px;letter-spacing:1.3px}
 #nav .nav-contact{gap:10px;margin-right:10px}
 #nav .nav-cta{padding:9px 15px}
}
@media(min-width:1181px){#nav .nav-links{display:flex!important}#nav .burger{display:none!important}}
@media(min-width:701px) and (max-width:1180px){#nav .nav-links{display:none!important}#nav .burger{display:flex!important}#nav .logo .logo-main{width:220px;height:auto}}
@media(max-width:700px){
 :root{--site-header-height:65px}
 #nav{padding:10px 12px;gap:8px}
 #nav .logo{flex:0 1 auto}
 #nav .logo .logo-main{width:min(42vw,170px);height:auto}
 #nav .nav-links,#nav .nav-cta{display:none!important}
 #nav .burger{display:flex!important}
}
@media(max-width:360px){#nav{padding-left:8px;padding-right:8px;gap:5px}#nav .logo .logo-main{width:min(39vw,136px)}#nav .nav-contact{gap:5px}}