/* Cabecera común de somosatlax.com (misma tira de oferta y menú que la home) + desplegable «Blog». */
@font-face{font-family:"Jost";src:url("/fonts/jost.woff") format("woff");font-weight:300 700;font-style:normal;font-display:swap}

/* ---- desplegable (sirve en la home y en las páginas con cabecera axh) ---- */
.axd{position:relative;display:flex;align-items:center}
.axd-b{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}
.axd-b:hover,.axd.open .axd-b{color:#f2f2f2}
.axd-b i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.axd.open .axd-b i{transform:rotate(-135deg) translateY(-1px)}
.axd-p{position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,6px);min-width:250px;padding:8px;border-radius:14px;background:#1a1a1a;border:1px solid #2a2a2a;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s;z-index:60}
.axd.open .axd-p{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s,transform .2s}
.axd .axd-p a{display:block;padding:11px 14px;border-radius:10px;color:#f2f2f2;text-decoration:none;border:0!important}
.axd .axd-p a:hover{background:#242424}
.axd-p b{display:block;font-weight:500;font-size:14px;letter-spacing:0}
.axd-p small{display:block;margin-top:2px;font-size:12.5px;color:#9a9a9a;letter-spacing:0}
@media (max-width:860px){
  .axd{display:block;border-bottom:1px solid #2a2a2a}
  .axd-b{width:100%;justify-content:space-between;padding:12px 0}
  .axd-p{position:static;transform:none;min-width:0;opacity:1;visibility:visible;display:none;background:none;border:0;box-shadow:none;padding:0 0 8px 12px}
  .axd.open .axd-p{display:block;transform:none}
  .axd .axd-p a{padding:8px 0}
}

/* ---- tira de oferta + cabecera para páginas que no usan el CSS de la home ---- */
.axh-pack{position:sticky;top:0;height:42px;box-sizing:border-box;z-index:311;display:flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding:8px 16px;overflow:hidden;color:#fff;text-decoration:none;font:500 13px/1.3 Jost,Futura,"Helvetica Neue",Arial,sans-serif;letter-spacing:.02em;background:linear-gradient(90deg,#6d080d,#d3141c 50%,#6d080d);background-size:200% 100%;animation:axhMove 8s linear infinite}
.axh-pack::after{content:"";position:absolute;top:0;bottom:0;left:-30%;width:22%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:axhShine 4.5s ease-in-out infinite;pointer-events:none}
.axh-pack:hover{filter:brightness(1.08);color:#fff}
.axh-pack b{font-weight:700}
.axh-pack em{font-style:normal;font-weight:600;color:#ffe3e4}
.axh-pack .ap-sep{margin:0 10px;opacity:.6}
.axh-pack .ap-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;background:#fff;color:#c3121a;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;flex:none}
.axh-pack .ap-tag i{width:7px;height:7px;border-radius:50%;background:#e3141c;animation:axhBlink 1.1s ease-in-out infinite}
.axh-pack .ap-cta{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:11px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:2px;flex:none}
.axh-pack .ap-cta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.axh-pack:hover .ap-cta svg{transform:translateX(4px)}
.axh-pack .ap-short{display:none}
@media (max-width:900px){.axh-pack .ap-hide{display:none}}
@media (max-width:560px){.axh-pack{gap:10px;padding:8px 12px;font-size:12.5px;justify-content:space-between}.axh-pack .ap-txt em,.axh-pack .ap-txt .ap-sep,.axh-pack .ap-txt b,.axh-pack .ap-long{display:none}.axh-pack .ap-short{display:inline}.axh-pack .ap-txt{white-space:nowrap;font-weight:600}.axh-pack .ap-tag{padding:5px 8px;letter-spacing:.12em}.axh-pack .ap-cta{font-size:10px;letter-spacing:.08em}}
@keyframes axhBlink{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes axhShine{0%,55%{left:-30%}100%{left:130%}}
@keyframes axhMove{to{background-position:200% 0}}

body:has(>.axh-pack){padding-top:0!important}
/* La cabecera siempre por encima de intros a pantalla completa (p. ej. la cámara acorazada de Embajadores) */
.axh-pack{z-index:311}
header.axh{z-index:310}
/* Embajadores: durante la intro de la cámara acorazada no se muestra la cabecera */
html.vault-on .axh-pack,html.vault-on header.axh{visibility:hidden}
/* Mismo cursor en toda la web: se desactiva el cursor personalizado de algunas páginas */
html.fx-cursor body,html.fx-cursor *{cursor:auto!important}
html.fx-cursor a,html.fx-cursor button,html.fx-cursor summary,html.fx-cursor label,html.fx-cursor [role=button]{cursor:pointer!important}
html.fx-cursor .fx-dot,html.fx-cursor .fx-ring{display:none!important}
header.axh{position:sticky;top:0;z-index:310;background:rgba(20,20,20,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:Jost,Futura,"Century Gothic","Helvetica Neue",Arial,sans-serif;color:#f2f2f2;margin:0}
html:not(.axh-off) header.axh.has-pack{top:42px}
.axh-w{display:flex;align-items:center;gap:32px;height:68px;box-sizing:border-box;padding-inline:clamp(16px,4.4vw,88px);position:relative}
.axh-logo{position:relative;display:flex;align-items:center;text-decoration:none}
.axh-logo img{display:block}
.axh-logo .li{height:20px;width:auto;transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1),filter .45s ease;transform-origin:left center}
.axh-logo .lc{position:absolute;left:0;top:50%;width:30px;height:30px;margin-top:-15px;opacity:0;transform:rotate(-90deg) scale(.4);transition:opacity .45s ease .08s,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
header.axh.is-scrolled .axh-logo .li{opacity:0;transform:scale(.6);filter:blur(4px)}
header.axh.is-scrolled .axh-logo .lc{opacity:1;transform:rotate(0) scale(1)}
.axh-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;color:#b3b3b3}
.axh-nav>a{color:inherit;text-decoration:none}
.axh-nav>a:hover,.axh-nav>a.on{color:#f2f2f2}
.axh-btn{display:inline-flex;align-items:center;background:#fff;color:#111;font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:10px 18px;border-radius:99px;border:1px solid #fff;text-decoration:none;transition:background .2s;white-space:nowrap}
.axh-btn:hover{background:#e4e4e4;border-color:#e4e4e4;color:#111}
.axh-menu{display:none;background:none;border:1px solid #2a2a2a;border-radius:4px;padding:8px 12px;font:inherit;font-size:14px;color:#f2f2f2;margin-left:auto;cursor:pointer}
@media (max-width:860px){
  .axh-nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#141414;border-bottom:1px solid #2a2a2a;padding:8px clamp(16px,7vw,140px) 16px}
  .axh-nav.open{display:flex}
  .axh-nav>a{padding:12px 0;border-bottom:1px solid #2a2a2a}
  .axh-menu{display:block}
  .axh-w>.axh-btn{display:none}
}
@media (prefers-reduced-motion:reduce){.axh-pack,.axh-pack::after,.axh-pack .ap-tag i{animation:none}.axh-logo .li,.axh-logo .lc{transition:opacity .2s}}