/* az-skin.css — identidad de Altitude Zone aplicada sobre la web del cliente (brand book v1.0, tipografía 1b).
   Se carga DESPUÉS de /assets/css/<pagina>.css. No cambia maquetación: solo tipografía, color de acento, botones y logo.
   Sustituciones: Roboto → Archivo ancha 112% (h1, h2, nombres de producto) y Archivo (resto); azules (#3B8CFF, #1550B8, #1F6FEB, #7FB2FF) → Alpenglow #D4342C solo en botones principales, Roca en el resto;
   verdes (#2EBD6B, #128C4A, #1F7A47, #25D366) → botón secundario neutro; rojo #C8102E → Alpenglow 700; pastillas de 999 px → 4 px en botones; facetas del isotipo #636363 → Granito 400. */
:root{--az-roca:#121417;--az-nieve:#F5F3EE;--az-blanco:#FFFFFF;--az-granito-100:#E7E9EC;--az-granito-200:#CFD3D8;--az-granito-300:#A9AEB6;--az-granito-400:#777777;--az-granito-500:#6A6F78;--az-granito-700:#3A3F47;--az-granito-900:#1C1F24;--az-alpenglow-100:#FBE8E6;--az-alpenglow-500:#D4342C;--az-alpenglow-700:#A3231F;--az-exito:#2E7D5B;--az-aviso:#C47B1A;--az-display-stretch:112%;--az-display:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;--az-serif:var(--az-display);--az-sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;--az-mono:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;--az-radius:4px}
@media (max-width:480px){:root{--az-display-stretch:104%!important}}
/* ---- tipografía ---- */
html,body,button,input,select,textarea,.azh-ann,.azh,.azd,.azf{font-family:var(--az-sans)!important}
h1,h2,.dq-h1,.lp-h2,.dq-hero-tx h2,.ih-h1,.cp-h1,.tn-h1,.ht-h1,.azp-h1,.azp-h2,.ir-h1,.ir-h2,.pr-h,.hs-h1,.hz-h1,.tn-name,.slidetxt h1,.slidetxt h2,.cx h2,.az-steps h2,.hs-faq h2,.hs-head h2{font-family:var(--az-display)!important;font-stretch:var(--az-display-stretch)!important;font-weight:600!important;font-style:normal!important;letter-spacing:-.02em!important;line-height:1.08!important;text-wrap:balance!important;hyphens:auto!important}
.azh-tile-t,.azd-t,.azd-tile span,.azh-col a,.azh-col-t,.azh-top{font-family:var(--az-sans)!important}
.azh-tile-t{font-family:var(--az-sans)!important;font-weight:700!important;font-size:16px!important;line-height:1.25!important;letter-spacing:-.01em!important;color:var(--az-roca)!important}
.azh-tile-s{font-family:var(--az-sans)!important;font-size:13px!important;color:var(--az-granito-500)!important;line-height:1.35!important}
h1 em,h2 em,h3 em,.dq-h1 em,.lp-h2 em,.ih-h1 em,.cp-h1 em,.tn-h1 em,.azp-h1 em,.azp-h2 em,.ir-h1 em,.ir-h2 em,.pr-h em,.slidetxt h1 em,.slidetxt h2 em{font-family:var(--az-display)!important;font-style:normal!important;font-weight:inherit!important;letter-spacing:inherit!important}
.ht-h1 b{font-weight:400!important;font-style:italic}
h3,h4,h5,h6,p,li,a,label,small,td,th,.kicker,.cap,.azp-k,.ir-kick,.cp-k,.tn-sub,.tn-p{font-family:var(--az-sans)!important}
.dq-price,.lp-price,.cp-price b,.ih-bar-buy b,.ir-pc-row b,.hs-pc-row b,.tn-price,.ih-price b,[data-price],[data-p]{font-family:var(--az-sans)!important;font-weight:500!important;font-variant-numeric:tabular-nums}
.ih-specs li b,.cp-specs b,.spec b{font-family:var(--az-mono)!important;font-weight:400!important}
/* ---- logo ---- */
.azh-logo-mark polygon[fill="#636363"],.azf-logo polygon[fill="#636363"],svg polygon[fill="#636363"]{fill:var(--az-granito-400)!important}
/* ---- banner superior ---- */
.azh-ann{background:var(--az-roca)!important;color:var(--az-nieve)!important}
/* ---- botones base del cliente ---- */
button,
input[type="submit"],
input[type="button"],
.btn,
.azb,
.cp-btn,
.ih-btn,
.hs-btn,
.ir-btn,
.cl-btn,
.ct-call,
.ct-send,
.eu-visit,
.igr-ver,
.cx-mb,
.ih-hs,
.az-btn,
.lp-dec,
.lp-shop,
.mx-tabs button,
.hxm-tabs button,
.azd-cta a,
.azh-decide,
.azh-wa,
.az-wa {
  border-radius: var(--az-radius) !important;
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  transition: background 150ms ease, color 150ms ease, border-color 150ms ease, box-shadow 150ms ease !important;
}
.btn-dark,
.azb-dark,
.cp-btn-d,
.ih-btn-d,
.hs-btn-d,
.ir-btn-d,
.ct-send,
.ct-call,
.eu-visit,
.cp-btn-b,
.hs-btn-b,
.ir-btn-b {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
  border: 1px solid var(--az-roca) !important;
  box-shadow: none !important;
}
.btn-dark:hover,
.azb-dark:hover,
.cp-btn-d:hover,
.ih-btn-d:hover,
.hs-btn-d:hover,
.ir-btn-d:hover,
.ct-send:hover,
.ct-call:hover,
.eu-visit:hover,
.cp-btn-b:hover,
.hs-btn-b:hover,
.ir-btn-b:hover {
  background: var(--az-granito-700) !important;
  border-color: var(--az-granito-700) !important;
  color: var(--az-nieve) !important;
}
/* ---- Botón claro / blanco (para héroes oscuros o tarjetas oscuras) ---- */
.btn-light,
.azb-light,
.dq-btn-light {
  background: var(--az-blanco) !important;
  color: var(--az-roca) !important;
  border: 1px solid var(--az-blanco) !important;
}
.btn-light:hover,
.azb-light:hover,
.dq-btn-light:hover {
  background: var(--az-granito-100) !important;
  color: var(--az-roca) !important;
  border-color: var(--az-granito-100) !important;
}

/* ---- Botón fantasma / transparente (para héroes oscuros o fotos) ---- */
.azb-ghost,
.hs-btn-gh,
.hs-btn-w,
.ir-btn-w,
.dq-btn-wline {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  color: #ffffff !important;
}
.azb-ghost:hover,
.hs-btn-gh:hover,
.hs-btn-w:hover,
.ir-btn-w:hover,
.dq-btn-wline:hover {
  background: #ffffff !important;
  color: var(--az-roca) !important;
  border-color: #ffffff !important;
}

/* ---- Botón de línea / secundario neutro (sobre fondos claros) ---- */
.btn-line,
.azb-line,
.cp-btn-line,
.ih-btn-line,
.hs-btn-line,
.ir-btn-line,
.cl-btn-line {
  background: transparent !important;
  border: 1px solid var(--az-roca) !important;
  color: var(--az-roca) !important;
}
.btn-line:hover,
.azb-line:hover,
.cp-btn-line:hover,
.ih-btn-line:hover,
.hs-btn-line:hover,
.ir-btn-line:hover,
.cl-btn-line:hover {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
  border-color: var(--az-roca) !important;
}
.azh-decide,
.azh-wa,
.az-wa {
  background: transparent !important;
  color: inherit !important;
  border: 1px solid currentColor !important;
}
.azh-decide:hover,
.azh-wa:hover,
.az-wa:hover {
  background: var(--az-granito-100) !important;
  color: var(--az-roca) !important;
}
/* ---- acción principal: solo «Comprar» y «Pedir estudio gratuito» ---- */
a[data-az-cta="comprar"],
a[data-az-cta="estudio"],
button[data-az-cta="comprar"],
button[data-az-cta="estudio"],
.azb-blue,
.azb-red,
#ihBuy,
a[data-buy],
.ih-bar-buy a,
.ih-bar-buy .ih-btn-b,
.lp-shop,
.cl-btn-exact {
  background: var(--az-alpenglow-500) !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: var(--az-radius) !important;
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
a[data-az-cta="comprar"]:hover,
a[data-az-cta="estudio"]:hover,
button[data-az-cta="comprar"]:hover,
button[data-az-cta="estudio"]:hover,
.azb-blue:hover,
.azb-red:hover,
#ihBuy:hover,
a[data-buy]:hover,
.ih-bar-buy a:hover,
.ih-bar-buy .ih-btn-b:hover,
.lp-shop:hover,
.cl-btn-exact:hover {
  background: var(--az-alpenglow-700) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--az-alpenglow-500) !important;
  outline-offset: 2px;
}
/* ---- sustituciones generadas a partir de las reglas del cliente (azules, verdes, rojo y pastillas) ---- */
.azh .azh-item.is-red .azh-top{color:var(--az-alpenglow-700)!important}
.azh .azh-item.is-red:hover .azh-top{border-bottom-color:var(--az-alpenglow-700)!important}
.azh .azh-wa{color:var(--az-roca)!important}
.azh .azh-wa:hover{color:var(--az-roca)!important}
.azh .azh-col a:hover{color:var(--az-roca)!important}
.azd .azd-row.is-red{color:var(--az-alpenglow-700)!important}
.azb{border-radius:var(--az-radius)!important}
.azb-blue{background:var(--az-alpenglow-500)!important;color:#fff!important;border-color:transparent!important}
p a:hover, li a:hover, .az-text a:hover {
  color: var(--az-roca);
}
.navl:hover{color:var(--az-roca)!important}
.btn{border-radius:var(--az-radius)!important}
.timeline b{color:var(--az-roca)!important}
.choice.sel{outline:3px solid var(--az-granito-300)!important}
.az-wa{background:transparent!important;color:var(--az-roca)!important;border:1px solid var(--az-roca)!important}
.ih-kick-b{color:#fff!important}
.ih-btn{border-radius:var(--az-radius)!important}
.ih-btn-b{background:var(--az-alpenglow-500)!important;color:#fff!important;border-color:transparent!important}
.ih-btn-b:hover{background:var(--az-alpenglow-700)!important;color:#fff!important;border-color:transparent!important}
.ih-use{color:var(--az-roca)!important}
.ih-dot{background:var(--az-roca)!important}
.ih-perks svg{stroke:var(--az-granito-300)!important}
.ih-alt b{color:var(--az-roca)!important}
.ih-hs.on{background:var(--az-roca)!important}
.ih-inc-list li.on .ih-n{background:var(--az-roca)!important;border-color:var(--az-granito-300)!important}
.ih-d a{color:var(--az-roca)!important}
.ih-tl i.h{background:var(--az-roca)!important}
.ih-sw-h{background:var(--az-roca)!important}
.ih-more{color:var(--az-roca)!important}
.ih .ih-range{background:var(--az-roca)!important}
.ih-range::-webkit-slider-thumb{border:3px solid var(--az-granito-300)!important}
.ih-range::-moz-range-thumb{border:3px solid var(--az-granito-300)!important}
.ih-cfg-o2{color:var(--az-roca)!important}
#ihZone.ih-zone{border-left:4px solid var(--az-granito-300)!important}
#ihZone.ih-zone.z-ihht{border-color:var(--az-granito-300)!important}
#ihZone.ih-zone.z-high{border-color:var(--az-alpenglow-700)!important}
.ih-fl i{background:var(--az-roca)!important}
.ih-alt-btns{border-radius:var(--az-radius)!important}
.ih-alt-btns button{border-radius:var(--az-radius)!important}
.ih-alt-btns button.on{background:var(--az-alpenglow-500)!important;color:#fff!important;border-color:transparent!important}
.ih-tag{background:var(--az-roca)!important}
.ct-call{background:var(--az-roca)!important}
.ct-form input:focus,.ct-form select:focus,.ct-form textarea:focus{border-color:var(--az-granito-300)!important}
.o2d-bar i{background:var(--az-roca)!important}
.cp-btn{border-radius:var(--az-radius)!important}
.azp-more{color:var(--az-roca)!important}
.azp-table a{color:var(--az-roca)!important}
.azp-plan b{color:var(--az-roca)!important}
.azp-steps b{color:var(--az-roca)!important}
.azp-f input:focus,.azp-f select:focus,.azp-f textarea:focus{outline:2px solid var(--az-granito-300)!important;border-color:var(--az-granito-300)!important}
.azp-chips input:focus-visible+span{outline:2px solid var(--az-granito-300)!important}
.azp-err{color:var(--az-alpenglow-700)!important}
.azp-table td:before{color:var(--az-roca)!important}
.dq-bar span{background:var(--az-roca)!important}
.dq-opt:focus-visible{outline:3px solid var(--az-granito-300)!important}
.dq-opt.sel{border-color:var(--az-granito-300)!important}
.dq-opt .ic{color:var(--az-roca)!important}
.dq-multi .dq-opt.sel .tick{background:var(--az-roca)!important;border-color:var(--az-granito-300)!important}
.dq-opt.red .ic{background:var(--az-alpenglow-100)!important;color:var(--az-alpenglow-700)!important}
.dq-opt.red:hover{border-color:var(--az-alpenglow-700)!important}
.dq-opt.red.sel{border-color:var(--az-alpenglow-700)!important}
.dq-stop-ic{background:var(--az-alpenglow-100)!important;color:var(--az-alpenglow-700)!important}
.dq-sp.sel{outline:3px solid var(--az-granito-300)!important}
.dq-sp:focus-visible{outline:3px solid var(--az-granito-300)!important}
.dq-btn{border-radius:var(--az-radius)!important}
.dq-btn-blue{background:var(--az-alpenglow-500)!important;color:#fff!important;border-color:transparent!important}
.dq-btn-blue:hover{background:var(--az-alpenglow-700)!important;color:#fff!important;border-color:transparent!important}
.dq-hero-tx .kicker{color:var(--az-nieve)!important}
.dq-fit i{background:transparent!important;color:var(--az-roca)!important;border:1px solid var(--az-roca)!important}
.dq-why li:before{background:var(--az-roca)!important}
.dq-mix-bar span{background:var(--az-roca)!important}
small.t1{color:var(--az-roca)!important}
small.t2{color:var(--az-roca)!important}
.dq-mix-bar.t1 span{background:var(--az-roca)!important}
.dq-mix-bar.t2 span{background:var(--az-roca)!important}
.dq-mix-bar.t3 span{background:var(--az-roca)!important}
.dq-room-tx .kicker{color:var(--az-roca)!important}
.dq-room-tx li svg{color:var(--az-roca)!important}
.dq-tip{border-left:3px solid var(--az-granito-300)!important}
.dq-plan b{color:var(--az-roca)!important}
.dq-foot a,.dq-foot button.link{color:var(--az-roca)!important}
.dq-tr-chip{color:var(--az-roca)!important}
.dq-tr-tx li svg{color:var(--az-roca)!important}
.dq-tolead{color:var(--az-nieve)!important}
.dq-lead .kicker{color:var(--az-roca)!important}
.dq-lead-tx li svg{color:var(--az-roca)!important}
.dq-form input:focus,.dq-form select:focus{border-color:var(--az-granito-300)!important}
.dq-form-msg{color:var(--az-roca)!important}
.dq-form-msg.err{color:var(--az-alpenglow-700)!important}
.dq-or a{color:var(--az-roca)!important}
.dq-done svg{background:transparent!important;color:var(--az-roca)!important;border:1px solid var(--az-roca)!important}
.dq-sport-tx .kicker{color:var(--az-nieve)!important}
.dq-trs .lk{color:var(--az-roca)!important}
.dq-loading span{border-top-color:var(--az-granito-300)!important}
.dq-room2 .dq-room-cap .kicker{color:var(--az-nieve)!important}
.az-st.act{border-color:var(--az-granito-300)!important}
.az-st.act b{background:var(--az-roca)!important}
@keyframes ihTabsGlow{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 2px var(--az-granito-300)}}
@keyframes ihTabBlink{0%,100%{background:transparent;color:var(--az-granito-500)}50%{background:var(--az-granito-100);color:var(--az-roca)}}
.az-pick:hover{background:var(--az-roca)!important}
.rq-acc.open{border-color:var(--az-granito-300)!important}
.rq-card.on{border-color:var(--az-granito-300)!important}
.rq-num{background:var(--az-roca)!important}
.rq-glow{stroke:var(--az-granito-300)!important}
.rq-tapr{stroke:var(--az-granito-300)!important}
.rq-blue{fill:var(--az-granito-300)!important}
.st-glow-line{stroke:var(--az-granito-300)!important}
.cl-btn{border-radius:var(--az-radius)!important}
.cl-btn-exact{background:var(--az-alpenglow-500)!important;color:#fff!important;border-color:transparent!important}
.cl-btn-exact:hover{background:var(--az-alpenglow-700)!important;color:#fff!important;border-color:transparent!important}
.cl-mprog span{background:var(--az-roca)!important}
#clMForm input:focus,#clMForm textarea:focus{border-color:var(--az-granito-300)!important}
.cl-mins label:has(input:checked){border-color:var(--az-granito-300)!important}
.pr-list li{border-top:2px solid var(--az-granito-300)!important}
.sg-btn:active circle{fill:var(--az-granito-300)!important}
.sg-tip{background:var(--az-roca)!important}
.sg-snd.on{background:var(--az-roca)!important;border-color:var(--az-granito-300)!important}
.cl-time{background:var(--az-roca)!important}
.rq-card .rq-acc.open{border-color:var(--az-granito-300)!important!important}
#calculadora input[type=range]:focus-visible{outline:2px solid var(--az-granito-300)!important}
.ir-kick-b{color:#fff!important}
.ir-btn{border-radius:var(--az-radius)!important}
.ir-btn-b{background:var(--az-roca)!important;color:var(--az-nieve)!important;border:1px solid var(--az-roca)!important}
.ir-btn-b:hover{background:var(--az-granito-700)!important;border-color:var(--az-granito-700)!important;color:var(--az-nieve)!important}
.ir-paso-bar i::after{background:var(--az-roca)!important}
.ir-pt em{color:var(--az-roca)!important}
.ir-paso-list li.on .ir-pn{background:var(--az-roca)!important;border-color:var(--az-granito-300)!important}
.ir-paso-next{color:var(--az-roca)!important}
.pt-alt-o2{color:var(--az-roca)!important}
.pt-range{background:var(--az-roca)!important}
.pt-range::-webkit-slider-thumb{border:3px solid var(--az-granito-300)!important}
.pt-range::-moz-range-thumb{border:3px solid var(--az-granito-300)!important}
.pt-zone{border-left:4px solid var(--az-granito-300)!important}
.pt-zone.z-ihht{border-color:var(--az-granito-300)!important}
.pt-zone.z-high{border-color:var(--az-alpenglow-700)!important}
.pt-lv-n.on circle{fill:var(--az-granito-300)!important}
.ir-phase.h .ir-phase-dot{background:var(--az-roca)!important}
.ir-head{background:var(--az-roca)!important}
.ir-cycles li.cur{border-color:var(--az-granito-300)!important}
.ir-ico{color:var(--az-roca)!important}
.ir-tipo-on{border:2px solid var(--az-granito-300)!important}
.ir-tipo-badge{background:var(--az-roca)!important}
.ir-step-n{background:var(--az-roca)!important}
.ir-pack-plus{border-left:3px solid var(--az-granito-300)!important}
.ir-as-step{color:#E6EAF0!important}
.ir-wave i{background:#5BE38A!important}
.ir-peri i{background:linear-gradient(180deg,#60A5FA 0%,#2563EB 100%)!important}
.ir-msg-a{background:var(--az-roca)!important}
.ir-pr-th.on{border-color:var(--az-granito-300)!important}
.ir-pr-tag-b{background:var(--az-alpenglow-500)!important;color:#fff!important;border-color:transparent!important}
.ir-pr-list li::before{background:var(--az-roca)!important}
.ir-seg-px.alarm .ir-px-cap{color:var(--az-alpenglow-700)!important}
.ir-seg-px.rest .ir-px-dot{background:var(--az-roca)!important}
.ir-pc-tag{background:var(--az-roca)!important}
.ir-pc-link{color:var(--az-roca)!important}
.ir-ref{color:var(--az-roca)!important}
.ir-bpill b{color:var(--az-roca)!important}
.ir-rbc i{background:radial-gradient(circle at 50% 50%,#B8202B 0 28%,#E5484D 30% 60%,var(--az-alpenglow-700) 62%)!important}
.ir-cap2 path{stroke:var(--az-alpenglow-700)!important}
.hxm-kick{color:var(--az-roca)!important}
.hxm-h em{color:var(--az-roca)!important}
.hxm-tabs button:focus-visible,.hxm-row:focus-visible{outline:2px solid var(--az-granito-300)!important}
.hxm-lv.top{color:var(--az-roca)!important}
.hxm-det small{color:var(--az-roca)!important}
.hxm-hint{color:var(--az-roca)!important}
.hxm-ref{color:var(--az-roca)!important}
.iq-more{color:var(--az-roca)!important}
.iq-ic{color:var(--az-roca)!important}
.iq-ic-hb{color:var(--az-alpenglow-700)!important}
.ir-lapse .fg{stroke:var(--az-granito-300)!important}
.hs-btn{border-radius:var(--az-radius)!important}
.hs-btn-b{background:var(--az-roca)!important;color:var(--az-nieve)!important;border:1px solid var(--az-roca)!important}
.hs-btn-b:hover{background:var(--az-granito-700)!important;border-color:var(--az-granito-700)!important;color:var(--az-nieve)!important}
.hs-pc-tag{background:var(--az-roca)!important;color:var(--az-nieve)!important}
.hs-pc-prem .hs-pc-tag,
.hs-pc-tag-prem{background:#E8C36A!important;color:#1A1408!important}
.hs-pc-link{color:var(--az-roca)!important}
.hs-pc-prem .hs-pc-link{color:var(--az-nieve)!important}
.hs-alq a{color:var(--az-alpenglow-700)!important}
.hs-hot.on span{background:var(--az-roca)!important}
.hs-parts li.on::before{background:var(--az-roca)!important;border-color:var(--az-granito-300)!important}
.hs-parts li.on b{color:var(--az-roca)!important}
.hs-tl-res-k{color:var(--az-roca)!important}
.hs-nc-o2{stroke:var(--az-granito-300)!important}
.hs-nc-leg i.o2{background:var(--az-roca)!important}
.hs-nc-ph li.on{border-color:var(--az-granito-300)!important}
.hs-bc svg{stroke:var(--az-granito-300)!important}
.hs-pl-in input:focus{outline:2px solid var(--az-granito-300)!important}
i.cp{background:var(--az-alpenglow-700)!important}
.hs-pl-sum div{border-left:3px solid var(--az-granito-300)!important}
.hs-pl-sum div.c{border-color:var(--az-alpenglow-700)!important}
.hs-pl-d .ih{color:var(--az-roca)!important}
.hs-pl-d.cp{background:var(--az-alpenglow-700)!important}
.hs-faq a{color:var(--az-roca)!important}
.hs-tl-mini.on{border-color:var(--az-granito-300)!important}
.hs-tl-mini.on span{color:var(--az-roca)!important}
.hz.f0 #hzT0 .hz-th,.hz.f1 #hzT1 .hz-th{stroke:var(--az-granito-300)!important}
.hz-bar-track i{background:var(--az-roca)!important}
.hz-n{background:var(--az-roca)!important}
.hz-ctrl .pt-lv-n.on circle{fill:var(--az-granito-300)!important}
.hz-zv{fill:var(--az-granito-300)!important}
.mx-k{color:var(--az-roca)!important}
.mx-tabs button:focus-visible,.mx-sel:focus-visible{outline:2px solid var(--az-granito-300)!important}
.mx-hint{color:var(--az-roca)!important}
.mx-res a:not(.mx-visit){color:var(--az-roca)!important}
.mx-res .mx-visit,.mx-res .mx-visit:visited{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:2px 0 12px!important;padding:8px 16px!important;border-radius:999px!important;background:#0B0D10!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.2)!important;font-size:13.5px!important;font-weight:600!important;text-decoration:none!important;box-shadow:0 2px 6px rgba(0,0,0,.18)!important;transition:background .2s,border-color .2s,transform .1s!important}
.mx-res .mx-visit svg{fill:#FFFFFF!important;color:#FFFFFF!important;width:15px!important;height:15px!important;flex-shrink:0!important}
.mx-res .mx-visit:hover{background:#262B35!important;color:#FFFFFF!important;border-color:rgba(255,255,255,.45)!important}
.mx-res .mx-visit:active{background:#000000!important;color:#FFFFFF!important;transform:scale(.97)!important}
.mx-res .mx-visit:focus-visible{outline:2px solid #3B8CFF!important;outline-offset:2px!important}
.ht-bar i{background:var(--az-roca)!important}
.ih-zone:focus-visible{outline:2px solid var(--az-granito-300)!important}
.ix-o2{color:var(--az-roca)!important}
.ih-inc-pic .ih-zone:focus-visible{outline:2px dashed var(--az-granito-300)!important}
.ix-scheme .pt-lv-n.on circle{fill:var(--az-granito-300)!important}
.lp-all{color:var(--az-roca)!important}
.lp-decide-ticks li:before{border-left:2px solid var(--az-granito-300)!important;border-bottom:2px solid var(--az-granito-300)!important}
.lpx-vbtn{border-radius:var(--az-radius)!important}
.cx-f button[aria-pressed="true"]{background:var(--az-roca)!important;border-color:var(--az-granito-300)!important}
.cx-f button:focus-visible{outline:2px solid var(--az-granito-300)!important}
.cx-tag{color:var(--az-granito-300)!important}
.cx-ar:hover{background:var(--az-roca)!important;border-color:var(--az-granito-300)!important}
.cx-dots i.on{background:var(--az-roca)!important}
.eu-btns a{border-radius:var(--az-radius)!important}
.eu-wa{background:transparent!important;color:var(--az-roca)!important;border:1px solid var(--az-roca)!important}
.azp-palm .tag{color:var(--az-roca)!important}
#calidad-europea .azp-k{color:var(--az-roca)!important}
#calidad-europea .azp-h2 em{color:var(--az-roca)!important}
#calidad-europea .eu-ticks li:before{color:var(--az-roca)!important}
#calidad-europea .eu-addr svg{color:var(--az-roca)!important}
#calidad-europea .eu-addr b{color:var(--az-roca)!important}
#calidad-europea .eu-visit,#calidad-europea .eu-visit:visited{background:#0B0D10!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important}
#calidad-europea .eu-visit:hover{background:#262B35!important;color:#FFFFFF!important;border-color:rgba(255,255,255,.45)!important}
#calidad-europea .eu-map .c.on{fill:var(--az-granito-300)!important}
#calidad-europea .eu-pin .pulse{stroke:var(--az-granito-300)!important}
#calidad-europea .eu-pin:hover .ring,#calidad-europea .eu-pin.hi .ring{stroke:var(--az-granito-300)!important}
#calidad-europea .eu-card.hi{border-color:var(--az-granito-300)!important}
#atletas .cx-an { background: #FFFFFF !important; color: #121417 !important; border: 2px solid #FFFFFF !important; }
#atletas .cx-an:hover { background: #D4342C !important; color: #FFFFFF !important; border-color: #D4342C !important; }
/* .cx-mb enabled on desktop, hidden on mobile in line 527 */
.tn-card:target{outline:3px solid var(--az-granito-300)!important}
.tn-arrow{border-radius:var(--az-radius)!important}

/* ---- Ajustes de maquetación, colocación y tipografía fina (revisión de entrega) ---- */
/* 1. Visibilidad garantizada en bloques animados: evita tarjetas blancas o invisibles */
.reveal{opacity:1!important;transform:none!important;animation:none!important}

/* 2. Compensación de cabecera fija al navegar por anclas */
html{scroll-padding-top:var(--azh-off,108px)!important}
[id]{scroll-margin-top:var(--azh-off,108px)!important}

/* 3. Retirar botón flotante redundante de WhatsApp */
.az-wa{display:none!important}

/* 4. Tipografía hero según brand book (40px móvil -> 64px escritorio) */
.slidetxt h1{font-size:clamp(2.35rem,1.8rem + 2vw,3.8rem)!important;max-width:860px!important;line-height:1.08!important;letter-spacing:-.01em!important}
.slidetxt h2{font-size:clamp(2.1rem,1.6rem + 1.8vw,3.4rem)!important;line-height:1.08!important;letter-spacing:-.01em!important}
.slidetxt h1 em,.slidetxt h2 em{display:inline-block!important;font-size:inherit!important;font-style:italic!important;font-weight:400!important}

/* 5. Alineación vertical y alturas iguales en tarjetas de productos */
.lp-grid{display:grid!important;align-items:stretch!important}
.lp-card{display:flex!important;flex-direction:column!important;height:100%!important;justify-content:space-between!important}
.lp-card .lp-txt{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
.lp-card .lp-price{margin-top:auto!important;padding-top:10px!important}

/* 6. Bloque «Dos formas de entrenar» (#destacados) */
#destacados .zoom{background:#0B0D10!important;border:1px solid var(--az-granito-900)!important}
#destacados .zoom h3{font-family:var(--az-serif)!important;font-weight:400!important;line-height:1.12!important}
#destacados .zoom h3 em{font-style:italic!important;font-weight:400!important}

/* 7. Comportamiento y colocación en móvil (<= 768px) */
@media (max-width:768px){
  #inicio{height:clamp(460px,66svh,540px)!important;min-height:460px!important}
  .slide{height:100%!important}
  .slidetxt{bottom:74px!important;padding:0 20px!important}
  .slide .lpx-cover{top:0!important;bottom:0!important;height:100%!important;width:auto!important;min-width:100%!important}
  .slide[data-slide="1"] .lpx-cover{transform:translateX(-43%)!important;aspect-ratio:1663/946!important}
  .slide[data-slide="1"] .lpx-hit{transform:translate(115px,-170px)!important}
  .slide[data-slide="2"] .lpx-cover{transform:translate(-70%,0)!important;aspect-ratio:1536/1024!important}
  .lp-card{flex-direction:column!important;align-items:stretch!important}
  .lp-card .lp-img{width:calc(100% - 20px)!important;max-width:none!important;flex:0 0 auto!important;align-self:stretch!important;margin:10px 10px 0!important;aspect-ratio:4/3!important;box-sizing:border-box!important;background:#fff!important}
  .lp-card .lp-img img,.lp-card .lp-img-room img{width:100%!important;height:100%!important;object-fit:contain!important}
  .lp-card .lp-txt{padding:16px 60px 20px 20px!important}
  .lp-card .lp-arrow{right:18px!important;bottom:20px!important;top:auto!important;margin-top:0!important}
  .slidetxt h1{font-size:34px!important;line-height:1.12!important;margin-bottom:8px!important}
  .slidetxt .az-respuesta{font-size:15px!important;line-height:1.45!important;margin-top:10px!important;max-width:100%!important}
  .slidetxt div:has(.azb){margin-top:18px!important;gap:10px!important}
  .slidetxt .azb{min-height:44px!important;padding:0 18px!important;font-size:15px!important}
  .lpx-pill{display:none!important}
  #destacados{padding:32px 16px 28px!important}
  #destacados h2{font-size:30px!important;line-height:1.1!important}
  .az-steps{padding:0 16px!important;margin:32px auto 48px!important}
  .az-steps h2{font-size:28px!important;line-height:1.15!important}

  /* 8. Héroes de páginas interiores en móvil (flexibilidad vertical sin desbordamiento de botones) */
  .azp-hero,
  .azp-hero-pq {
    min-height: max(560px, 80vh) !important;
    padding-top: calc(var(--azh-h, 72px) + 24px) !important;
    padding-bottom: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
  }
  .azp-hero .azp-wrap,
  .azp-hero-pq .azp-wrap {
    padding-bottom: 0 !important;
  }
  .azp-hero .azp-btns,
  .azp-hero-pq .azp-btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 24px !important;
  }
  .azp-hero .azp-btns .azb,
  .azp-hero-pq .azp-btns .azb {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* 9. Carrusel de atletas en móvil: ocultar flechitas de foto internas duplicadas (.cx-mb) */
  #atletas .cx-mb {
    display: none !important;
  }
  #atletas .cx-c > ul {
    margin-bottom: 24px !important;
  }
}

/* ==========================================================================
   REGLAS ESTRICTAS DE MARCA (BRAND BOOK V1.0)
   1. Tipografía: Archivo (112% titulares, 75% cifras) y Geist Mono garantizados
   2. Botones: border-radius: 4px en TODOS los botones e interactivos
   3. Cero azules: Roca y Granito en elementos secundarios, Alpenglow en CTAs
   ========================================================================== */

/* ---- Eliminación global de Roboto e imposición de Archivo ---- */
[style*="Roboto"], [style*="roboto"], [style*="system-ui"] {
  font-family: var(--az-sans) !important;
}
.pg, .pg * {
  font-family: var(--az-sans);
}
.pg h1, .pg h2, .pg h1 em, .pg h2 em {
  font-family: var(--az-serif) !important;
}

/* ---- Eliminación de pastillas (pills): 4px en todos los botones y pestañas ---- */
button,
.btn,
.azb,
a.btn,
.cx-f button,
.cl-size,
.cl-btn,
.ih-tabs,
.ih-tabs button,
.ph-sub button,
.ph-tabs button,
.hxm-tabs,
.hxm-tabs button,
.hxz-bar,
.hxz-bar button,
.azf .azf-social a,
.az-step,
.az-ico,
.az-status,
.cl-size i,
.mx-tabs button,
.mx-res .mx-days,
.ir-plan-goal,
.ir-call-tag,
.ih-hint-lbl,
.ix-chips span,
.lpx-pill,
.cx-tag {
  border-radius: var(--az-radius) !important;
}

/* ---- Eliminación de azules residuales: conversión a Roca / Granito / Alpenglow ---- */
/* 1. Números y kickers en páginas de deporte */
[style*="#1550B8"],
[style*="color:#1550B8"],
[style*="color: #1550B8"] {
  color: var(--az-roca) !important;
}

/* 2. Modos Victory Pack / IHHT Pack */
.ih-tabs {
  background: var(--az-granito-100) !important;
  box-shadow: none !important;
  animation: none !important;
}
.ih-tabs button {
  animation: none !important;
  font-family: var(--az-sans) !important;
  color: var(--az-granito-700) !important;
}
.ih-tabs button.on,
.ih-tabs button[aria-selected="true"] {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
}
.ih-hint-ring {
  background: rgba(18, 20, 23, 0.25) !important;
  border-color: var(--az-granito-300) !important;
}
.ih-pc.on {
  filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 10px rgba(18, 20, 23, 0.6)) !important;
}
.ph-sub button[aria-pressed="true"],
.ih-inc-list .ph-sub button[aria-pressed="true"],
.ph-tabs button[aria-pressed="true"] {
  background: var(--az-roca) !important;
  border-color: var(--az-roca) !important;
  color: var(--az-nieve) !important;
}
.ph-sub button,
.ih-inc-list .ph-sub button,
.ph-tabs button {
  font-family: var(--az-sans) !important;
  border: 1px solid var(--az-granito-200) !important;
}

/* 3. Controles del simulador en Habitaciones */
.az-card {
  border-color: var(--az-granito-700) !important;
  background: rgba(28, 31, 36, 0.4) !important;
}
.az-label {
  color: var(--az-granito-300) !important;
}
.az-step {
  border-color: var(--az-granito-500) !important;
  background: var(--az-granito-700) !important;
  color: #fff !important;
}
.az-step:hover {
  background: var(--az-granito-500) !important;
}
.az-ico {
  border-color: var(--az-granito-500) !important;
  color: var(--az-granito-200) !important;
}
.az-intro-lbl circle {
  fill: var(--az-roca) !important;
}

/* 4. Calculadora de generador en Habitaciones */
.cl-size {
  font-family: var(--az-sans) !important;
  border-color: var(--az-granito-200) !important;
}
.cl-size.on {
  border-color: var(--az-roca) !important;
  background: var(--az-granito-100) !important;
  box-shadow: 0 0 0 2px var(--az-roca) !important;
}
.cl-size.on .cl-sz-t {
  color: var(--az-roca) !important;
}
.cl-size i {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
}
.cl-sum {
  color: var(--az-roca) !important;
}

/* 5. Filtros de atletas y flechas */
.cx-f button {
  font-family: var(--az-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #CFD3D8 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(8px) !important;
}
.cx-f button:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}
.cx-f button[aria-pressed="true"],
.cx-f button.active {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #121417 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
  transform: none !important;
}
.cx-f button:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 2px !important;
}
#atletas .cx-an {
  background: #FFFFFF !important;
  border: 2px solid rgba(255, 255, 255, 0.95) !important;
  color: #121417 !important;
  font-family: var(--az-sans) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#atletas .cx-an:hover {
  background: #D4342C !important;
  border-color: #D4342C !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 22px rgba(212, 52, 44, 0.55) !important;
}
/* .cx-mb styled per viewport */

/* 6. Bloque Calidad Europea */
#calidad-europea .eu-addr {
  background: var(--az-granito-100) !important;
  border-color: var(--az-granito-200) !important;
  color: var(--az-roca) !important;
}
#calidad-europea .eu-addr svg,
#calidad-europea .eu-addr b {
  color: var(--az-roca) !important;
}

/* 7. Visor 3D y tabs de hipoxia */
.hxm-load {
  color: var(--az-granito-300) !important;
}
.hxm-tabs {
  background: var(--az-granito-100) !important;
  border-radius: var(--az-radius) !important;
  padding: 4px !important;
}
.hxm-tabs button {
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  border-radius: var(--az-radius) !important;
  color: var(--az-granito-700) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}
.hxm-tabs button:hover {
  background: var(--az-granito-200) !important;
  color: var(--az-roca) !important;
}
.hxm-tabs button[aria-selected="true"],
.hxm-tabs button[aria-pressed="true"],
.hxm-tabs button.on,
.hxz-bar button.on {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
  border-color: var(--az-roca) !important;
}
.mx-tabs button {
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  border-radius: var(--az-radius) !important;
  background: var(--az-granito-100) !important;
  color: var(--az-granito-700) !important;
  border: 1px solid transparent !important;
}
.mx-tabs button:hover {
  background: var(--az-granito-200) !important;
  color: var(--az-roca) !important;
}
.mx-tabs button[aria-pressed="true"],
.mx-tabs button.on {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
  border-color: var(--az-roca) !important;
}
.hxm-kick,
.hxm-det small,
.hxm-hint,
.hxm-ref,
.hxm-lv.top {
  color: var(--az-roca) !important;
}

/* 8. Botones sociales de footer */
.azf .azf-social a {
  border-radius: var(--az-radius) !important;
}

/* 9. Tipografía y herencia en contenedores de aplicación */
.ih, .cp, .ir, .hs, .ph-card, .hz-pop, .igr, .cx-s .igr, .eu-ce,
.ih *, .cp *, .ir *, .hs *, .ph-card *, .hz-pop *, .igr *, .eu-ce * {
  font-family: var(--az-sans) !important;
}

.ih h1, .ih h2, .cp h1, .cp h2, .ir h1, .ir h2, .hs h1, .hs h2,
.ih h1 em, .ih h2 em, .cp h1 em, .cp h2 em, .ir h1 em, .ir h2 em, .hs h1 em, .hs h2 em,
.ih .cp-card-h, .cp .cp-card-h, .ih-card-h, .cp-h1, .ih-h1, .ir-h1, .ir-h2, .hs-h1,
.cx-h1, .cx-h1 em, .azp-h1, .azp-h2, .azp-h1 em, .azp-h2 em {
  font-family: var(--az-display) !important;
  font-stretch: var(--az-display-stretch) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
}

/* Cifras de gran impacto (75% condensadas) y datos técnicos */
.az-cifra, .mk-num {
  font-family: var(--az-display) !important;
  font-stretch: 75% !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  letter-spacing: -0.01em !important;
}
.az-dato, .mk-data {
  font-family: var(--az-mono) !important;
  font-variant-numeric: tabular-nums !important;
}

/* Especificaciones técnicas y displays mono: Geist Mono */
.hz-pk, [class*="-pk"], .ih-specs li b, .cp-specs b, .spec b, .ir-spec-val, .hs-spec-val,
.o2d-scr, .hz-o2tag span, .hz-clock span, .hz-zk, .hs-nc-m span, .hs-nc-ph li b,
.sg-k, .sg-n, .ht-step small, .ir-lapse-t, .sg-dg, .hz-lcd, .az-screen, .az-screen * {
  font-family: var(--az-mono) !important;
}

/* 10. Contacto: botones de llamada y mensajes */
.ct-call {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
  border: 1px solid var(--az-granito-700) !important;
  border-radius: var(--az-radius) !important;
  box-shadow: none !important;
  font-family: var(--az-sans) !important;
}
.ct-call:hover {
  background: var(--az-granito-700) !important;
  border-color: var(--az-granito-500) !important;
}
.ct-msg {
  color: var(--az-granito-300) !important;
}

/* 11. Visores 3D, zonas de hipoxia y accesorios */
.hxm-drag {
  color: var(--az-granito-300) !important;
}
.pr-k {
  color: var(--az-granito-300) !important;
}
.rq-sw {
  border-top-color: var(--az-roca) !important;
}
#ihZone.ih-zone.z-ihht, .pt-zone.z-ihht {
  border-left-color: var(--az-granito-400) !important;
  border-color: var(--az-granito-300) !important;
  background: var(--az-granito-100) !important;
}

/* 12. Etiquetas de estado y chat mockup */
.ir-tag-t, .ir-tag.ir-tag-t {
  color: var(--az-roca) !important;
  background: var(--az-granito-100) !important;
}
.ir-wa-m.ir-wa-out {
  background: var(--az-granito-100) !important;
  color: var(--az-roca) !important;
}
.ir-as-live {
  background: var(--az-exito, #2E7D5B) !important;
  box-shadow: 0 0 0 0 rgba(46, 125, 91, 0.6) !important;
}

/* 13. Secciones y botones con pastillas */
.eu-visit, .igr-ver {
  border-radius: var(--az-radius) !important;
}
.cx {
  background: var(--az-roca) !important;
  background-image: none !important;
  color: var(--az-nieve) !important;
}

/* 14. Botón de ayuda a decidir y sección quiz */
.lp-more .lp-dec {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  border-radius: var(--az-radius) !important;
  box-shadow: 0 4px 14px rgba(18, 20, 23, 0.15) !important;
}
.lp-more .lp-dec:hover {
  background: var(--az-granito-700) !important;
  color: #fff !important;
}
.lp-decide {
  background: var(--az-roca) !important;
  background-image: none !important;
  color: var(--az-nieve) !important;
}

/* 15. Correcciones exhaustivas de botones y controles interactivos */
#calculadora .cl-btn-exact,
.cl-btn-exact {
  border-radius: var(--az-radius) !important;
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
#calculadora .cl-btn-line,
.cl-btn-line {
  border-radius: var(--az-radius) !important;
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: 1px solid var(--az-granito-300) !important;
  color: var(--az-roca) !important;
}
.az-btn,
.az-btn.az-start,
.az-btn.az-stop {
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
  border-radius: var(--az-radius) !important;
}
.ih-hs {
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
}
.ih-hs.on {
  background: var(--az-roca) !important;
  color: var(--az-nieve) !important;
}
.ih-hs.on::after {
  border-color: var(--az-granito-300) !important;
}
.cx-mb,
.cx-mb.cx-mp,
.cx-mb.cx-mn,
.eu-visit,
.igr-ver {
  font-family: var(--az-sans) !important;
  font-weight: 500 !important;
}
.rq-unit.sel .rq-glow,
.rq-unit.sel polygon.rq-glow {
  stroke: var(--az-roca) !important;
}
.rq-unit text,
svg text {
  font-family: var(--az-sans) !important;
}

/* 16. Protección de tarjetas y contraste en hover */
/* Atletas (#atletas .cx-c) */
.cx-c {
  background: var(--az-granito-900) !important;
  border: 1px solid var(--az-granito-700) !important;
  border-radius: var(--az-radius) !important;
  color: var(--az-nieve) !important;
}
.cx-c:hover {
  border-color: var(--az-granito-500) !important;
}
.cx-tag,
.cx-c .cx-tag {
  color: var(--az-granito-300) !important;
  font-family: var(--az-sans) !important;
}
.cx-c:hover .cx-tag {
  color: var(--az-granito-200) !important;
}
.cx-c h4,
.cx-c:hover h4 {
  color: var(--az-nieve) !important;
}
.cx-c ul,
.cx-c li,
.cx-c:hover ul,
.cx-c:hover li {
  color: var(--az-granito-200) !important;
}

/* Tarjetas enlace oscuras: el texto NUNCA se invierte a negro en hover */
.zoom,
.zoom:hover,
a.zoom,
a.zoom:hover {
  text-decoration: none !important;
  color: #ffffff !important;
}
.zoom h3,
.zoom:hover h3,
.zoom em,
.zoom:hover em {
  color: #ffffff !important;
}
.zoom p,
.zoom:hover p {
  color: rgba(255, 255, 255, 0.82) !important;
}

.ir-tile,
.ir-tile:hover,
a.ir-tile,
a.ir-tile:hover,
.tile,
.tile:hover,
a.tile,
a.tile:hover {
  text-decoration: none !important;
  color: #ffffff !important;
}
.ir-tile strong,
.ir-tile:hover strong,
.tile strong,
.tile:hover strong {
  color: #ffffff !important;
}
.ir-tile span,
.ir-tile:hover span,
.tile span,
.tile:hover span {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Tarjetas claras: mantener texto legible en hover */
.lp-card,
.lp-card:hover,
a.lp-card,
a.lp-card:hover,
.tn-card,
.tn-card:hover,
a.tn-card,
a.tn-card:hover,
.azp-pcard,
.azp-pcard:hover,
a.azp-pcard,
a.azp-pcard:hover {
  text-decoration: none !important;
}
.lp-card:hover .lp-name,
.tn-card:hover .tn-name,
.azp-pcard:hover h3 {
  color: var(--az-roca) !important;
}
.lp-card:hover .lp-desc,
.tn-card:hover .tn-p,
.azp-pcard:hover p {
  color: var(--az-granito-700) !important;
}
.lp-card:hover .lp-sub,
.tn-card:hover .tn-sub {
  color: var(--az-granito-500) !important;
}

/* 17. Unificación de ancho máximo (1440px) y maquetación homogénea */
*, *::before, *::after {
  box-sizing: border-box;
}

.azh-bar,
.azf-in,
.azp-wrap,
.lp-wrap,
.pg,
.ih-wrap,
.ir-wrap,
.hs-wrap,
.ct-wrap,
.cp-wrap,
.ht-wrap,
.rq-wrap,
.pr-wrap,
.sg-wrap,
.cx-in,
.az-closing,
.az-steps,
#destacados,
.gym-wrap,
.mx-wrap,
.hxm-wrap {
  box-sizing: border-box !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* Alineación específica para el logo en la cabecera */
.azh-bar {
  padding-left: 14px !important;
  padding-right: 28px !important;
}

/* Contenedores interiores de lectura reducida (FAQs específicos) */
.gym-wrap[style*="max-width: 860px"],
.gym-wrap[style*="max-width:860px"] {
  max-width: 860px !important;
}

@media (max-width: 768px) {
  .azh-bar,
  .azf-in,
  .azp-wrap,
  .lp-wrap,
  .pg,
  .ih-wrap,
  .ir-wrap,
  .hs-wrap,
  .ct-wrap,
  .cp-wrap,
  .ht-wrap,
  .rq-wrap,
  .pr-wrap,
  .sg-wrap,
  .cx-in,
  .az-closing,
  .az-steps,
  #destacados,
  .gym-wrap,
  .mx-wrap,
  .hxm-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .azh-bar {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* ==========================================================================
   CABECERA RESPONSIVE ROBUSTA (Anticolisión fluida)
   ========================================================================== */
.azh-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  gap: clamp(10px, 1.6vw, 32px) !important;
  padding-left: clamp(10px, 1.8vw, 28px) !important;
  padding-right: clamp(14px, 2.2vw, 28px) !important;
}

.azh-logo {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.azh-logo-mark {
  width: clamp(42px, 3.8vw, 58px) !important;
  height: auto !important;
  max-height: 24px !important;
}

.azh-logo img {
  height: clamp(11px, 1vw, 13px) !important;
  width: auto !important;
}

.azh-nav {
  display: flex !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
  gap: clamp(8px, 1.25vw, 22px) !important;
  min-width: 0 !important;
  height: var(--azh-h) !important;
}

.azh-item {
  display: flex !important;
  align-items: stretch !important;
  flex-shrink: 0 !important;
}

.azh .azh-top {
  display: flex !important;
  align-items: center !important;
  font-size: clamp(12.5px, 0.96vw, 14.5px) !important;
  font-weight: 500 !important;
  color: #0B0D10 !important;
  white-space: nowrap !important;
  padding: 0 clamp(1px, 0.3vw, 4px) !important;
  letter-spacing: -0.01em !important;
}

.azh-right {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

.azh .azh-decide {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  background: #FFFFFF !important;
  color: #0B0D10 !important;
  border: 1px solid #0B0D10 !important;
  border-radius: 999px !important;
  height: clamp(34px, 2.6vw, 40px) !important;
  padding: 0 clamp(11px, 1.2vw, 18px) !important;
  font-size: clamp(12px, 0.9vw, 13.5px) !important;
  font-weight: 500 !important;
  transition: background 150ms ease, color 150ms ease !important;
}

.azh .azh-decide:hover {
  background: #0B0D10 !important;
  color: #FFFFFF !important;
}

/* Conmutación a menú móvil (hamburguesa) por debajo de 1120px */
@media (max-width: 1120px) {
  .azh-nav,
  .azh .azh-decide,
  .azh-mm,
  .azh .azh-ico:not(.azh-wa),
  .azh-right {
    display: none !important;
  }
  .azh-burger {
    display: inline-flex !important;
  }
  .azh-bar {
    padding: 0 16px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }
  .azh-logo {
    margin: 0 auto !important;
  }
}


/* ---- Botones del footer de contacto (.ct-sec, fondo azul marino): contraste visible ---- */
.ct-sec .ct-send {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #0B0D10 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.ct-sec .ct-send:hover {
  background: var(--az-nieve) !important;
  border-color: var(--az-nieve) !important;
  color: #0B0D10 !important;
}
.ct-sec .ct-call {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.ct-sec .ct-call:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #0A1222 !important;
}

/* ---- Protección de simuladores dinámicos (.az-stage y .hz) ---- */
.az-stage .az-steps {
  margin: 0 !important;
  padding: 10px 0 0 !important;
  max-width: none !important;
}
.az-stage .az-reset,
.az-stage .az-full,
.az-stage .az-pick,
.az-stage .az-exit,
.hz .hz-pause,
.hz .hz-reset,
.hz .hz-full,
.hz .hz-genbtn {
  transition: opacity 0.35s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.hz .hz-pause,
.hz-pop .hz-step,
.hs-como-pic .hs-hot,
.hs-como-pic .hs-hot span {
  border-radius: 50% !important;
}
.hz .hz-genbtn {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ---- Placeholder de opacidad en móvil para simuladores a pantalla completa ---- */
.az-mob-gate,
.hz-exit {
  display: none;
}

@keyframes azMobPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35), 0 8px 24px rgba(0, 0, 0, 0.35);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0), 0 10px 28px rgba(0, 0, 0, 0.45);
    transform: scale(1.04);
  }
}

@media (max-width: 760px) {
  .az-stage:not(.az-mobfs) {
    min-height: 260px !important;
    border-radius: 10px !important;
  }
  .az-stage:not(.az-mobfs) .az-scheme-layer {
    padding: 0 !important;
  }
  .az-stage:not(.az-mobfs) .az-photo {
    min-height: 260px !important;
    aspect-ratio: 16 / 10 !important;
  }
  .az-stage:not(.az-mobfs) .az-photo img {
    object-fit: cover !important;
  }
  .hz:not(.hz-mobfs):not(:fullscreen) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 10px !important;
  }
  /* Ocultar pistas internas debajo del placeholder hasta abrir pantalla completa */
  .az-stage:not(.az-mobfs) .az-intro,
  .az-stage:not(.az-mobfs) .az-intro-glow,
  .az-stage:not(.az-mobfs) .az-intro-dim,
  .az-stage:not(.az-mobfs) .az-full,
  .hz:not(.hz-mobfs):not(:fullscreen) .hz-hint,
  .hz:not(.hz-mobfs):not(:fullscreen) .hz-hand,
  .hz:not(.hz-mobfs):not(:fullscreen) .hz-full,
  .hz:not(.hz-mobfs):not(:fullscreen) #hzFocus,
  .hz:not(.hz-mobfs):not(:fullscreen) #hzDim {
    display: none !important;
  }
  .hz:not(.hz-mobfs):not(:fullscreen) + .hz-cap {
    display: none !important;
  }

  .az-stage:not(.az-mobfs) .az-mob-gate,
  .hz:not(.hz-mobfs):not(:fullscreen) .az-mob-gate {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 30 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: inherit !important;
    background: rgba(10, 14, 24, 0.72) !important;
    backdrop-filter: blur(2.5px) !important;
    -webkit-backdrop-filter: blur(2.5px) !important;
    color: #ffffff !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    cursor: pointer !important;
  }

  .az-mob-gate-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    max-width: min(320px, 100%);
    pointer-events: none;
  }

  .az-mob-gate-ico {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    border: 1.5px solid rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    margin-bottom: 4px;
    animation: azMobPulse 2.2s ease-in-out infinite;
  }

  .az-mob-gate-k {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
  }

  .az-mob-gate-t {
    font-family: var(--az-display) !important;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
  }

  .az-mob-gate-s {
    font-size: 12.5px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.84);
  }

  .az-mob-gate-cta {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    border-radius: var(--az-radius);
    background: #ffffff;
    color: #0B0D10;
    font-size: 13.5px;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
  }
}

/* Modo pantalla completa móvil para el simulador de tienda (.hz.hz-mobfs) */
.hz.hz-mobfs {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  aspect-ratio: auto !important;
  z-index: 2147483000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
@media (orientation: portrait) {
  .hz.hz-mobfs {
    width: 100vh !important;
    width: 100dvh !important;
    height: 100vw !important;
    transform-origin: top left !important;
    transform: rotate(90deg) translateY(-100%) !important;
  }
}
.hz.hz-mobfs .hz-full,
.hz.hz-mobfs .az-mob-gate {
  display: none !important;
}
.hz.hz-mobfs .hz-exit,
.az-stage.az-mobfs .az-exit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 40 !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(11, 13, 16, 0.88) !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  cursor: pointer !important;
}
@media (orientation: landscape) {
  .hz.hz-mobfs .hz-exit,
  .az-stage.az-mobfs .az-exit {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
  }
}
.hz.hz-mobfs .hz-bar,
.hz.hz-mobfs .hz-bub {
  display: flex !important;
}
.hz.hz-mobfs .hz-pop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 15 !important;
  padding: 12px !important;
}
.hz.hz-mobfs .hz-pop-box {
  flex-direction: row !important;
  max-width: 88% !important;
  max-height: 92% !important;
  padding: 14px 18px !important;
  gap: 16px !important;
}
.hz.hz-mobfs .hz-pop-vis {
  flex: 0 0 40% !important;
  width: 40% !important;
}

/* ---- Tarjeta 02: "Tu plan, a medida" con ejemplo real de calendario y periodización ---- */
.ir-as-step {
  color: #E6EAF0 !important;
}
.ir-as-vis.ir-plan {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}
.ir-plan-goal {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: #162238 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.ir-plan-goal em {
  margin-left: auto;
  font-style: normal !important;
  font-family: var(--az-mono) !important;
  font-size: 10.5px !important;
  color: #9CC3FF !important;
  background: rgba(59, 140, 255, 0.16) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
}
.ir-cal {
  margin-top: 4px !important;
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 3px !important;
}
.ir-cal-h {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: #94A3B8 !important;
  padding-bottom: 1px !important;
}
.ir-cal-d {
  height: 26px !important;
  border-radius: 4px !important;
  padding: 2px 3px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  font-family: var(--az-sans) !important;
  line-height: 1 !important;
  animation: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.ir-cal-d b {
  font-size: 8px !important;
  font-weight: 600 !important;
  opacity: 0.78 !important;
  font-family: var(--az-mono) !important;
}
.ir-cal-d small {
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
.ir-cal-d.r {
  background: rgba(59, 140, 255, 0.25) !important;
  border-color: rgba(96, 165, 250, 0.45) !important;
  color: #DBEAFE !important;
}
.ir-cal-d.e {
  background: rgba(240, 138, 58, 0.26) !important;
  border-color: rgba(251, 146, 60, 0.5) !important;
  color: #FFEDD5 !important;
}
.ir-cal-d.c {
  background: rgba(46, 189, 107, 0.26) !important;
  border-color: rgba(91, 227, 138, 0.5) !important;
  color: #DCFCE7 !important;
}
.ir-cal-d.o {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  color: #64748B !important;
}
.ir-cal-leg {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  margin-top: 2px !important;
  font-size: 9.5px !important;
  color: #94A3B8 !important;
}
.ir-cal-leg span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.ir-cal-leg i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 2px !important;
  display: inline-block !important;
}
.ir-cal-leg i.r { background: #3B8CFF !important; }
.ir-cal-leg i.e { background: #F08A3A !important; }
.ir-cal-leg i.c { background: #5BE38A !important; }
.ir-cal-leg i.o { background: #334155 !important; }

.ir-peri {
  position: relative !important;
  margin-top: 4px !important;
  height: 82px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 5px !important;
  padding: 28px 8px 15px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}
.ir-peri > span {
  position: absolute !important;
  left: 8px !important;
  top: 4px !important;
  bottom: auto !important;
  font-size: 9px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #94A3B8 !important;
}
.ir-peri i {
  position: relative !important;
  flex: 1 !important;
  border-radius: 3px 3px 0 0 !important;
  background: linear-gradient(180deg, #60A5FA 0%, #2563EB 100%) !important;
  height: var(--h) !important;
  transform: none !important;
  animation: none !important;
}
.ir-peri i:nth-child(4) {
  background: linear-gradient(180deg, #94A3B8 0%, #475569 100%) !important;
}
.ir-peri i:nth-child(6) {
  background: linear-gradient(180deg, #F59E0B 0%, #D97706 100%) !important;
}
.ir-peri i:nth-child(7) {
  background: linear-gradient(180deg, #5BE38A 0%, #16A34A 100%) !important;
}
.ir-peri i::before {
  content: attr(data-m);
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--az-mono) !important;
  font-size: 8px;
  font-weight: 500;
  color: #CBD5E1;
  font-style: normal;
  white-space: nowrap;
}
.ir-peri i::after {
  content: attr(data-w);
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--az-sans) !important;
  font-size: 8px;
  color: #94A3B8;
  font-style: normal;
  white-space: nowrap;
}

.ir-proto {
  position: static !important;
  margin-top: 4px !important;
  background: #FFFFFF !important;
  color: #0B0D10 !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
}
.ir-proto b {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.ir-proto b em {
  font-style: normal !important;
  font-family: var(--az-mono) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #1E40AF !important;
  background: #DBEAFE !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
}
.ir-proto span {
  font-size: 10.5px !important;
  color: #3A3F47 !important;
  line-height: 1.3 !important;
}

.ir-as-card .ir-as-step,
.ir-pasos .ir-as-step,
.ir-as-step {
  color: #CBD5E1 !important; /* Gris claro de alto contraste sobre fondo oscuro */
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-top: 14px !important;
  margin-bottom: 4px !important;
}

/* Requisitos: contención estricta al ancho de tarjeta sin desborde en móvil */
#requisitos .rq-card,
#sala-tecnica .rq-card,
.rq-card {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
#requisitos .rq-accs,
#sala-tecnica .rq-accs,
.rq-accs {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#requisitos .rq-acc,
#sala-tecnica .rq-acc,
.rq-acc {
  margin: 0 0 8px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#requisitos .rq-acc-h,
#sala-tecnica .rq-acc-h,
.rq-acc-h {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#requisitos .rq-acc-in,
#sala-tecnica .rq-acc-in,
.rq-acc-in {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#requisitos .rq-b-row,
#sala-tecnica .rq-b-row,
.rq-b-row {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 12px 14px !important;
}
#requisitos .rq-note,
#sala-tecnica .rq-note,
.rq-note {
  box-sizing: border-box !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  padding: 0 16px 14px !important;
}


/* Segment buttons: pill border-radius */
.rq-tabs button,
.rq-seg button {
  border-radius: 999px !important;
}


/* Optimizaciones móvil portada: título corto, una frase y una acción */
.ir-mob-inline { display: none; }
.ir-desk-inline { display: inline; }
.ir-desk-inline-flex { display: inline-flex; }

@media (max-width: 760px) {
  .ir-desk-inline,
  .ir-desk-inline-flex { display: none !important; }
  .ir-mob-inline { display: inline !important; }
  .ir-hero .ir-h1 {
    font-size: clamp(28px, 7.5vw, 36px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
  }
  .ir-hero .ir-lead {
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin-top: 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .ir-hero .ir-btns {
    margin-top: 18px !important;
    display: flex !important;
    gap: 10px !important;
  }
}


/* Videollamada con vídeos reales (homogeneizado con reposo) */
.ir-call-vid {
  background: #000 !important;
  padding: 0 !important;
  display: block !important;
}
.ir-call-vid .ir-call-v {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 28% !important;
}
.ir-call-vid::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, rgba(6,11,22,.55) 0%, rgba(6,11,22,0) 22%, rgba(6,11,22,0) 70%, rgba(6,11,22,.6) 100%) !important;
  pointer-events: none !important;
}
.ir-call-tag {
  position: absolute !important;
  left: 12px !important;
  bottom: 10px !important;
  z-index: 2 !important;
  background: rgba(6,11,22,.65) !important;
  backdrop-filter: blur(4px) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
}
.ir-call-pipv {
  width: 116px !important;
  height: 128px !important;
  padding: 0 !important;
  overflow: hidden !important;
  justify-content: flex-end !important;
  background: #000 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.45) !important;
  z-index: 3 !important;
}
.ir-call-pipv .ir-call-v {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 20% !important;
}
.ir-call-pipn {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 14px 4px 5px !important;
  font-size: 10.5px !important;
  color: #fff !important;
  background: linear-gradient(to top, rgba(6,11,22,.85), rgba(6,11,22,0)) !important;
}
.ir-call-pipn .ir-wave {
  transform: scale(.6) !important;
  transform-origin: left center !important;
  margin-right: -10px !important;
}
@media (max-width: 760px) {
  .ir-call-pipv {
    width: 92px !important;
    height: 104px !important;
  }
}