:root{--altos-blue:#062f75;--altos-dark:#031e56;--altos-orange:#e75322;--altos-white:#fff}
.has-altos-header{padding-top:190px}.has-altos-header .page-content{padding-top:0}.altos-header *,.altos-mobile-nav *{box-sizing:border-box}.altos-header a,.altos-mobile-nav a{text-decoration:none}
.altos-header{position:fixed;z-index:1040;top:0;left:0;width:100%;font-family:'Raleway',sans-serif;box-shadow:0 10px 30px rgba(0,20,58,.2)}
.altos-topbar{height:58px;padding:0 4%;display:grid;grid-template-columns:1.4fr 1fr .9fr 1fr auto;align-items:center;gap:18px;color:#fff;background:linear-gradient(100deg,#0a438f,#031e56);font-size:11px;font-weight:700}.altos-topbar>span,.altos-topbar>a{display:flex;align-items:center;gap:7px}.altos-topbar>a{color:#fff}.altos-social{display:flex;gap:12px}.altos-social a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--altos-dark);font-weight:800}
.altos-navbar{height:132px;display:grid;grid-template-columns:315px minmax(0,1fr) 405px;align-items:stretch;overflow:hidden;border-radius:0 0 20px 20px;background:#fff}.altos-brand{display:flex;align-items:center;justify-content:center;padding:20px 28px}.altos-brand img{display:block;width:260px;max-width:100%;height:auto}.altos-desktop-links{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.3vw,26px);min-width:0}.altos-desktop-links a{position:relative;height:100%;display:flex;align-items:center;color:#092b66;font-size:10.5px;font-weight:800;white-space:nowrap}.altos-desktop-links a:after{content:"";position:absolute;left:50%;bottom:39px;width:0;height:3px;border-radius:3px;background:var(--altos-orange);transform:translateX(-50%);transition:.2s}.altos-desktop-links a:hover,.altos-desktop-links a.is-active{color:var(--altos-orange)}.altos-desktop-links a:hover:after,.altos-desktop-links a.is-active:after{width:100%}
.altos-actions{position:relative;display:grid;grid-template-columns:240px 165px;height:100%;overflow:hidden;border-radius:0 0 20px 0;filter:drop-shadow(-12px 10px 16px rgba(3,30,86,.28))}.altos-shop,.altos-buy{position:relative;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.altos-shop{z-index:2;width:calc(100% + 30px);gap:12px;padding:0 38px;background:var(--altos-blue);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}.altos-cart-wrap{position:relative;display:inline-flex}.altos-cart-icon{font-size:27px;color:#fff}.altos-cart-count{position:absolute!important;top:-8px!important;right:-8px!important;width:19px!important;height:19px!important;display:none!important;place-items:center;border-radius:50%!important;background:var(--altos-orange)!important;color:#fff!important;font-size:9px!important;line-height:19px!important}.altos-cart-count.active{display:grid!important}.altos-shop strong{font-size:15px;line-height:.9;color:#fff;white-space:nowrap}.altos-buy{z-index:3;width:calc(100% + 30px);margin-left:-30px;gap:8px;padding-left:34px;background:var(--altos-orange);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);font-size:12px;font-weight:800}
.altos-menu-button,.altos-mobile-nav{display:none}.altos-header.is-compact .altos-topbar{display:none}.altos-header.is-compact .altos-navbar{height:76px;grid-template-columns:195px minmax(0,1fr) 280px;border-radius:0 0 16px 16px}.altos-header.is-compact .altos-brand img{width:150px}.altos-header.is-compact .altos-desktop-links a:after{bottom:17px}.altos-header.is-compact .altos-actions{grid-template-columns:145px 135px;overflow:hidden;border-radius:0 0 16px 0;filter:drop-shadow(-8px 5px 12px rgba(3,30,86,.2))}.altos-header.is-compact .altos-shop{width:calc(100% + 18px);margin:0;padding:0 18px 0 25px;gap:8px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);color:#fff;background:var(--altos-blue);border:0}.altos-header.is-compact .altos-shop strong{display:block;color:#fff;font-size:12px}.altos-header.is-compact .altos-cart-wrap{margin-left:0}.altos-header.is-compact .altos-cart-icon{color:#fff;font-size:21px}.altos-header.is-compact .altos-buy{width:calc(100% + 18px);height:100%;margin:0 0 0 -18px;padding:0 8px 0 18px;gap:6px;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);border-radius:0;font-size:10px}
@media(max-width:1200px) and (min-width:961px){.altos-navbar{grid-template-columns:220px minmax(0,1fr) 260px}.altos-actions{grid-template-columns:130px 130px}.altos-desktop-links{gap:10px}.altos-desktop-links a{font-size:9px}.altos-shop{padding-left:36px}.altos-topbar{padding:0 2%;gap:10px;font-size:9px}}
@media(max-width:960px){.has-altos-header{padding-top:78px;padding-bottom:72px}.altos-topbar,.altos-desktop-links{display:none!important}.altos-header{box-shadow:0 8px 24px rgba(0,25,70,.18)}.altos-navbar,.altos-header.is-compact .altos-navbar{height:78px;grid-template-columns:58px minmax(0,1fr) 164px;border-radius:0 0 18px 18px;overflow:hidden}.altos-menu-button{display:block;align-self:center;justify-self:center;width:44px;height:44px;border:0;border-radius:13px;background:linear-gradient(145deg,#0b4694,#021d55)}.altos-menu-button i{display:block;width:21px;height:2px;margin:5px auto;background:#fff}.altos-brand,.altos-header.is-compact .altos-brand{justify-content:flex-start;padding:9px}.altos-brand img,.altos-header.is-compact .altos-brand img{width:min(185px,100%);max-height:58px;object-fit:contain}.altos-actions,.altos-header.is-compact .altos-actions{grid-template-columns:52px 112px;overflow:visible;filter:none}.altos-shop,.altos-header.is-compact .altos-shop{width:52px;height:78px;gap:0;margin:0;padding:0;clip-path:none;color:var(--altos-blue);background:#fff;border-left:1px solid #e1e7ef}.altos-shop strong{display:none}.altos-cart-wrap{margin-left:0}.altos-cart-icon{font-size:23px;color:var(--altos-blue)}.altos-buy,.altos-header.is-compact .altos-buy{width:100px;height:45px;align-self:center;margin:0 6px;padding:0;clip-path:none;border-radius:14px;font-size:8px;box-shadow:0 7px 16px rgba(255,90,24,.24)}.altos-mobile-nav{position:fixed;z-index:1050;left:0;right:0;bottom:0;height:70px;padding:0 8px;display:flex;overflow-x:auto;overflow-y:hidden;background:rgba(255,255,255,.98);border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(0,29,78,.16);scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.altos-mobile-nav::-webkit-scrollbar{display:none}.altos-mobile-nav a{position:relative;flex:0 0 84px;height:70px;padding:8px 3px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#17386f;font-size:9px;font-weight:700;text-align:center;scroll-snap-align:start}.altos-mobile-nav a b{font-size:20px;color:#073782}.altos-mobile-nav a.is-active{background:#f1f5fb}.altos-mobile-nav a.is-active:before{content:"";position:absolute;top:0;left:22px;right:22px;height:4px;border-radius:0 0 5px 5px;background:var(--altos-orange)}}
@media(max-width:480px){.has-altos-header{padding-top:72px}.altos-navbar,.altos-header.is-compact .altos-navbar{grid-template-columns:50px minmax(0,1fr) 130px;height:72px}.altos-actions,.altos-header.is-compact .altos-actions{grid-template-columns:42px 88px}.altos-menu-button{width:38px;height:38px}.altos-brand img,.altos-header.is-compact .altos-brand img{width:min(158px,100%)}.altos-shop,.altos-header.is-compact .altos-shop{width:42px;height:72px}.altos-buy,.altos-header.is-compact .altos-buy{width:80px;height:40px;margin:0 4px;font-size:7px}}

/* En escritorio compacto se recupera la composición original de ALTOS SHOP. */
.altos-shop-image,.altos-compact-cta{display:none}
@media(min-width:961px){
 .altos-header.is-compact .altos-navbar{grid-template-columns:195px minmax(0,1fr) 330px}
 .altos-header.is-compact .altos-actions{display:block;overflow:visible;border-radius:0;filter:none}
 .altos-header.is-compact .altos-shop{width:100%;margin:0;padding:0 14px;gap:14px;clip-path:none;color:var(--altos-blue);background:#fff;border-left:1px solid #e1e7ef}
 .altos-header.is-compact .altos-shop-image{display:block;width:112px;height:44px;object-fit:contain}
 .altos-header.is-compact .altos-compact-cta{display:flex;align-items:center;gap:10px;padding:9px 11px 9px 13px;border:1px solid #dce5f2;border-left:4px solid var(--altos-orange);border-radius:16px 16px 5px 16px;background:#fff;box-shadow:0 9px 24px rgba(4,39,117,.14);color:var(--altos-blue);line-height:1}
 .altos-header.is-compact .altos-compact-cta>span{display:flex;flex-direction:column;gap:3px}
 .altos-header.is-compact .altos-compact-cta strong{display:block;color:var(--altos-blue);font-size:10px;line-height:1;letter-spacing:.55px}
 .altos-header.is-compact .altos-compact-cta small{color:#66748b;font-size:8px;font-weight:650;white-space:nowrap}
 .altos-header.is-compact .altos-compact-cta>i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--altos-orange);color:#fff;font-size:13px}
 .altos-header.is-compact .altos-cart-wrap,.altos-header.is-compact .altos-shop>strong,.altos-header.is-compact .altos-buy{display:none}
}

/* Ajustes de legibilidad y acabado del header de escritorio. */
@media(min-width:1201px){
 .altos-topbar{font-size:13.5px;font-weight:800}
 .altos-desktop-links{gap:clamp(12px,1vw,22px)}
 .altos-desktop-links a{font-size:15.5px;font-weight:800;letter-spacing:.05px}
 .altos-shop strong{font-size:18.5px;font-weight:900;line-height:.95}
 .altos-buy{font-size:15px;font-weight:900}
 .altos-header.is-compact .altos-navbar{height:84px;grid-template-columns:220px minmax(0,1fr) 370px}
 .altos-header.is-compact .altos-brand{justify-content:flex-start;padding-left:30px}
 .altos-header.is-compact .altos-brand img{width:165px}
 .altos-header.is-compact .altos-desktop-links{gap:clamp(15px,1.25vw,25px)}
 .altos-header.is-compact .altos-desktop-links a{font-size:15px;font-weight:800}
 .altos-header.is-compact .altos-desktop-links a:after{bottom:19px}
 .altos-header.is-compact .altos-actions{height:64px;align-self:center;margin-right:15px;border:1px solid #e1e8f2;border-radius:18px;background:#f8faff;box-shadow:0 8px 22px rgba(4,39,117,.1)}
 .altos-header.is-compact .altos-shop{height:62px;padding:0 15px;justify-content:space-around;gap:13px;border-left:0;border-radius:17px;background:#f8faff}
 .altos-header.is-compact .altos-shop-image{width:122px;height:47px}
 .altos-header.is-compact .altos-compact-cta{padding:8px 12px;border:0;border-left:1px solid #d9e3f0;border-radius:0;background:transparent;box-shadow:none}
 .altos-header.is-compact .altos-compact-cta strong{font-size:12.5px;font-weight:900;letter-spacing:.2px}
 .altos-header.is-compact .altos-compact-cta small{font-size:10px;font-weight:700}
 .altos-header.is-compact .altos-compact-cta>i{width:28px;height:28px;font-size:14px;box-shadow:0 5px 12px rgba(231,83,34,.25)}
}

/* Menú lateral y controles móviles. */
.altos-mobile-drawer{font-family:'Raleway',sans-serif}
@media(max-width:960px){
 .altos-menu-button{position:relative;overflow:hidden;box-shadow:0 7px 16px rgba(3,30,86,.24);transition:transform .2s ease,box-shadow .2s ease}
 .altos-menu-button:before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.16);border-radius:12px}
 .altos-menu-button:active{transform:scale(.94);box-shadow:0 3px 9px rgba(3,30,86,.2)}
 .altos-menu-button i{position:relative;height:2.5px;border-radius:5px;transition:transform .2s ease}
 .altos-menu-button i:nth-child(2){width:15px;margin-left:11px}
 .altos-mobile-drawer{z-index:1080;width:min(88vw,370px);border:0;border-radius:0 24px 24px 0;background:linear-gradient(180deg,#fff 0%,#f3f7fc 100%);box-shadow:18px 0 45px rgba(3,30,86,.24)}
 .altos-mobile-drawer .offcanvas-header{min-height:92px;padding:18px 20px;border-bottom:1px solid #dce6f3;background:linear-gradient(135deg,rgba(4,39,117,.08),rgba(231,83,34,.08))}
 .altos-drawer-brand img{display:block;width:170px;height:auto}
 .altos-drawer-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d8e2ef;border-radius:12px;background:#fff;color:var(--altos-blue);font-size:19px;box-shadow:0 6px 15px rgba(4,39,117,.09)}
 .altos-mobile-drawer .offcanvas-body{display:flex;flex-direction:column;padding:20px}
 .altos-drawer-eyebrow{margin:0 0 12px 5px;color:#8794a8;font-size:10px;font-weight:900;letter-spacing:1.2px}
 .altos-drawer-links{display:grid;gap:8px}
 .altos-drawer-links a{min-height:52px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;padding:6px 12px;border:1px solid #dce6f3;border-radius:14px;background:#fff;color:var(--altos-blue);font-size:14px;font-weight:800;box-shadow:0 5px 14px rgba(4,39,117,.04)}
 .altos-drawer-links a>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf3fb;color:var(--altos-blue);font-size:16px}
 .altos-drawer-links a>b{font-size:11px;color:#91a0b5}
 .altos-drawer-links a.is-active{border-color:rgba(231,83,34,.4);background:#fff8f5;color:#d94717}
 .altos-drawer-links a.is-active>i{background:var(--altos-orange);color:#fff}
 .altos-drawer-shop{margin-top:18px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:17px;background:var(--altos-blue);box-shadow:0 12px 25px rgba(4,39,117,.18)}
 .altos-drawer-shop img{width:125px;padding:7px;border-radius:10px;background:#fff}
 .altos-drawer-shop span{color:#fff;font-size:11px;font-weight:800;line-height:1.35;text-align:right}
 .altos-drawer-shop i{display:block;margin-top:5px;color:#ff8a5b;font-size:17px}
 .whatsapp-float{bottom:92px!important;right:18px!important;width:58px!important;height:58px!important;z-index:1045!important}
}
@media(max-width:480px){.whatsapp-float{bottom:88px!important;right:14px!important;width:56px!important;height:56px!important}}

/* Refinamiento visual del menú móvil. */
@media(max-width:960px){
 .altos-menu-button{width:44px;height:44px;padding:0;border:1px solid #cbd9eb;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(4,39,117,.13)}
 .altos-menu-button:before{inset:4px;border:0;border-radius:10px;background:linear-gradient(145deg,#0b438e,#042775)}
 .altos-menu-button:after{content:"";position:absolute;right:7px;bottom:7px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:var(--altos-orange);box-shadow:0 0 0 2px var(--altos-orange)}
 .altos-menu-button i{position:relative;z-index:1;width:19px;height:2px;margin:4px auto;background:#fff}
 .altos-menu-button i:nth-child(2){width:13px;margin:4px auto 4px 16px}
 .altos-menu-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(4,39,117,.18)}
 .altos-mobile-drawer{width:min(86vw,340px);border-radius:0 20px 20px 0;background:#f7f9fc;box-shadow:20px 0 55px rgba(2,22,59,.3)}
 .altos-mobile-drawer .offcanvas-header{min-height:84px;padding:17px 20px;border-bottom:1px solid #e1e7f0;background:#fff}
 .altos-mobile-drawer .offcanvas-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--altos-orange) 0 22%,var(--altos-blue) 22% 100%)}
 .altos-drawer-brand img{width:150px}
 .altos-drawer-close{width:38px;height:38px;border:0;border-radius:50%;background:#eef3fa;color:var(--altos-blue);font-size:17px;box-shadow:none;transition:.2s ease}
 .altos-drawer-close:hover{color:#fff;background:var(--altos-orange);transform:rotate(5deg)}
 .altos-mobile-drawer .offcanvas-body{position:relative;padding:21px 18px 18px;background:linear-gradient(180deg,#f9fbfe,#f1f5fa)}
 .altos-drawer-eyebrow{margin:0 0 12px 3px;color:#718098;font-size:10px;font-weight:900;letter-spacing:1.5px}
 .altos-drawer-links{gap:6px}
 .altos-drawer-links a{position:relative;min-height:48px;grid-template-columns:36px 1fr 15px;padding:5px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#12366f;font-size:13.5px;font-weight:800;box-shadow:none;transition:background .18s ease,transform .18s ease,border-color .18s ease}
 .altos-drawer-links a:hover{border-color:#dbe4f0;background:#fff;transform:translateX(3px)}
 .altos-drawer-links a>i{width:32px;height:32px;border-radius:9px;background:#e7eef8;color:#0c438b;font-size:15px}
 .altos-drawer-links a>b{font-size:10px;color:#9aa8ba}
 .altos-drawer-links a.is-active{border-color:#ffd4c4;background:#fff;color:#db4616;box-shadow:0 5px 16px rgba(91,108,135,.08)}
 .altos-drawer-links a.is-active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--altos-orange)}
 .altos-drawer-links a.is-active>i{background:#fff0ea;color:var(--altos-orange)}
 .altos-drawer-shop{position:relative;overflow:hidden;margin-top:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(135deg,#073b86,#03265f);box-shadow:0 10px 22px rgba(4,39,117,.17)}
 .altos-drawer-shop:after{content:"";position:absolute;right:-28px;bottom:-38px;width:100px;height:100px;border:18px solid rgba(231,83,34,.18);border-radius:50%}
 .altos-drawer-shop img{position:relative;z-index:1;width:116px;padding:6px;border-radius:9px}
 .altos-drawer-shop span{position:relative;z-index:1;font-size:10.5px;letter-spacing:.1px}
 .altos-drawer-shop i{width:28px;height:28px;margin:7px 0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--altos-orange);color:#fff;font-size:13px}
}
@media(max-width:480px){
 .altos-menu-button{width:40px;height:40px;border-radius:13px}
 .altos-menu-button:before{border-radius:9px}
 .altos-mobile-drawer{width:min(88vw,330px)}
}

/* Composición final del drawer móvil. */
@media(max-width:960px){
 .altos-mobile-drawer .offcanvas-header{position:relative;padding-left:22px}
 .altos-mobile-drawer .offcanvas-header:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,var(--altos-blue) 0 72%,var(--altos-orange) 72%)}
 .altos-drawer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
 .altos-drawer-brand img{width:148px}
 .altos-drawer-brand small{padding-left:31px;color:#64758e;font-size:6.5px;font-weight:900;letter-spacing:.75px}
 .altos-mobile-drawer .offcanvas-body:before{content:"";position:absolute;top:12px;right:12px;width:72px;height:72px;opacity:.04;background-image:radial-gradient(var(--altos-blue) 1.2px,transparent 1.2px);background-size:8px 8px;pointer-events:none}
 .altos-drawer-links{position:relative;z-index:1}
 .altos-drawer-links a{border-radius:12px}
 .altos-drawer-links a:after{content:"";position:absolute;left:27px;top:43px;width:1px;height:12px;background:#d9e3f0}
 .altos-drawer-links a:last-child:after{display:none}
 .altos-drawer-bottom{margin-top:auto;padding-top:22px}
 .altos-drawer-support{display:grid;grid-template-columns:38px 1fr 35px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;border:1px solid #dce5f1;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(4,39,117,.06)}
 .altos-support-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf3fb;color:var(--altos-blue);font-size:17px}
 .altos-drawer-support>span:nth-child(2){display:flex;flex-direction:column;line-height:1.2}
 .altos-drawer-support small{color:#748299;font-size:9px;font-weight:700}
 .altos-drawer-support strong{color:var(--altos-blue);font-size:13px;font-weight:900}
 .altos-drawer-support>a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#20b85a;color:#fff;font-size:16px;box-shadow:0 5px 12px rgba(32,184,90,.22)}
 .altos-drawer-shop{margin-top:0;min-height:82px}
 .altos-drawer-shop span{display:block;font-size:11px;font-weight:900}
 .altos-drawer-shop span small{display:block;margin-bottom:3px;color:rgba(255,255,255,.66);font-size:8.5px;font-weight:600}
 .altos-drawer-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 3px 0;color:#8290a4;font-size:7.5px;font-weight:700}
 .altos-drawer-meta a{color:#66768d}
 .altos-drawer-meta i{margin-right:3px;color:var(--altos-orange)}
}
@media(max-width:960px) and (max-height:760px){
 .altos-drawer-bottom{margin-top:18px}
 .altos-drawer-links a{min-height:44px}
 .altos-drawer-support{display:none}
}

/* Escalado responsive del header completo y compacto. */
@media(min-width:1400px) and (max-width:1699px){
 .altos-navbar{grid-template-columns:260px minmax(0,1fr) 360px}
 .altos-brand{padding:18px 22px}
 .altos-brand img{width:220px}
 .altos-actions{grid-template-columns:215px 145px}
 .altos-desktop-links{gap:clamp(10px,1vw,18px)}
 .altos-desktop-links a{font-size:13px}
 .altos-topbar{font-size:12px}
 .altos-shop{padding:0 28px}
 .altos-shop strong{font-size:16px}
 .altos-buy{font-size:12px;padding-left:28px}
 .altos-header.is-compact .altos-navbar{grid-template-columns:205px minmax(0,1fr) 350px}
 .altos-header.is-compact .altos-desktop-links a{font-size:12.5px}
 .altos-header.is-compact .altos-actions{margin-right:10px}
}
@media(min-width:1201px) and (max-width:1399px){
 .altos-navbar{grid-template-columns:220px minmax(0,1fr) 320px}
 .altos-brand{padding:16px 18px}
 .altos-brand img{width:190px}
 .altos-actions{grid-template-columns:190px 130px}
 .altos-desktop-links{gap:8px}
 .altos-desktop-links a{font-size:10.5px;letter-spacing:0}
 .altos-topbar{padding:0 2.5%;gap:11px;font-size:10.5px}
 .altos-social{gap:7px}.altos-social a{width:27px;height:27px}
 .altos-shop{padding:0 20px;gap:8px}
 .altos-shop strong{font-size:14px}
 .altos-cart-icon{font-size:23px}
 .altos-buy{padding-left:24px;gap:5px;font-size:10.5px}
 .altos-header.is-compact .altos-navbar{grid-template-columns:180px minmax(0,1fr) 310px}
 .altos-header.is-compact .altos-brand{padding-left:20px}
 .altos-header.is-compact .altos-brand img{width:145px}
 .altos-header.is-compact .altos-desktop-links{gap:7px}
 .altos-header.is-compact .altos-desktop-links a{font-size:10.5px}
 .altos-header.is-compact .altos-actions{margin-right:8px}
 .altos-header.is-compact .altos-shop-image{width:100px}
 .altos-header.is-compact .altos-compact-cta{gap:6px;padding:7px 8px}
 .altos-header.is-compact .altos-compact-cta strong{font-size:10px}
 .altos-header.is-compact .altos-compact-cta small{font-size:8px}
}
@media(min-width:961px) and (max-width:1200px){
 .altos-header.is-compact .altos-navbar{grid-template-columns:165px minmax(0,1fr) 285px}
 .altos-header.is-compact .altos-brand{padding-left:16px}
 .altos-header.is-compact .altos-brand img{width:132px}
 .altos-header.is-compact .altos-desktop-links{gap:5px}
 .altos-header.is-compact .altos-desktop-links a{font-size:8.5px}
 .altos-header.is-compact .altos-actions{height:58px;margin-right:6px}
 .altos-header.is-compact .altos-shop{height:56px;padding:0 8px;gap:7px}
 .altos-header.is-compact .altos-shop-image{width:92px;height:38px}
 .altos-header.is-compact .altos-compact-cta{gap:5px;padding:6px}
 .altos-header.is-compact .altos-compact-cta strong{font-size:8.5px}
 .altos-header.is-compact .altos-compact-cta small{font-size:7px}
 .altos-header.is-compact .altos-compact-cta>i{width:23px;height:23px;font-size:11px}
}
@media(max-width:380px){
 .altos-navbar,.altos-header.is-compact .altos-navbar{grid-template-columns:46px minmax(0,1fr) 116px}
 .altos-actions,.altos-header.is-compact .altos-actions{grid-template-columns:38px 78px}
 .altos-menu-button{width:37px;height:37px}
 .altos-brand,.altos-header.is-compact .altos-brand{padding:7px 5px}
 .altos-brand img,.altos-header.is-compact .altos-brand img{width:min(138px,100%)}
 .altos-shop,.altos-header.is-compact .altos-shop{width:38px}
 .altos-buy,.altos-header.is-compact .altos-buy{width:72px;margin:0 3px;font-size:6.5px}
 .altos-mobile-nav a{flex-basis:78px}
}

/* Tablet y laptop angosta: usa la navegación móvil antes de que el desktop se comprima. */
@media(min-width:961px) and (max-width:1279px){
 .has-altos-header{padding-top:78px;padding-bottom:72px}
 .altos-topbar,.altos-desktop-links{display:none!important}
 .altos-header{box-shadow:0 8px 24px rgba(0,25,70,.18)}
 .altos-navbar,.altos-header.is-compact .altos-navbar{height:78px;grid-template-columns:64px minmax(0,1fr) 176px;border-radius:0 0 18px 18px;overflow:hidden}
 .altos-menu-button{display:block;position:relative;align-self:center;justify-self:center;width:44px;height:44px;padding:0;overflow:hidden;border:1px solid #cbd9eb;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(4,39,117,.13)}
 .altos-menu-button:before{content:"";position:absolute;inset:4px;border-radius:10px;background:linear-gradient(145deg,#0b438e,#042775)}
 .altos-menu-button:after{content:"";position:absolute;right:7px;bottom:7px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:var(--altos-orange);box-shadow:0 0 0 2px var(--altos-orange)}
 .altos-menu-button i{position:relative;z-index:1;display:block;width:19px;height:2px;margin:4px auto;border-radius:5px;background:#fff}
 .altos-menu-button i:nth-child(2){width:13px;margin-left:17px}
 .altos-brand,.altos-header.is-compact .altos-brand{justify-content:flex-start;padding:9px 14px}
 .altos-brand img,.altos-header.is-compact .altos-brand img{width:185px;max-height:58px;object-fit:contain}
 .altos-actions,.altos-header.is-compact .altos-actions{display:grid;grid-template-columns:56px 120px;height:78px;margin:0;overflow:visible;border-radius:0;filter:none}
 .altos-shop,.altos-header.is-compact .altos-shop{width:56px;height:78px;gap:0;margin:0;padding:0;clip-path:none;background:#fff;border-left:1px solid #e1e7ef}
 .altos-shop-image,.altos-compact-cta,.altos-shop strong,.altos-header.is-compact .altos-shop-image,.altos-header.is-compact .altos-compact-cta,.altos-header.is-compact .altos-shop>strong{display:none}
 .altos-cart-wrap,.altos-header.is-compact .altos-cart-wrap{display:inline-flex}
 .altos-cart-icon,.altos-header.is-compact .altos-cart-icon{color:var(--altos-blue);font-size:24px}
 .altos-buy,.altos-header.is-compact .altos-buy{display:flex;width:108px;height:45px;align-self:center;margin:0 6px;padding:0;clip-path:none;border-radius:14px;font-size:9px;box-shadow:0 7px 16px rgba(255,90,24,.24)}
 .altos-mobile-nav{position:fixed;z-index:1050;left:0;right:0;bottom:0;height:70px;padding:0 8px;display:flex;overflow-x:auto;overflow-y:hidden;background:rgba(255,255,255,.98);border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(0,29,78,.16);scroll-snap-type:x mandatory;touch-action:pan-x;scrollbar-width:none}
 .altos-mobile-nav a{position:relative;flex:1 0 105px;height:70px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#17386f;font-size:9px;font-weight:700;text-align:center;scroll-snap-align:start}
 .altos-mobile-nav a b{font-size:20px;color:#073782}
 .altos-mobile-nav a.is-active{background:#f1f5fb}
 .altos-mobile-nav a.is-active:before{content:"";position:absolute;top:0;left:28px;right:28px;height:4px;background:var(--altos-orange)}
 .altos-mobile-drawer{z-index:1080;width:min(72vw,360px);border:0;border-radius:0 20px 20px 0;background:#f7f9fc;box-shadow:20px 0 55px rgba(2,22,59,.3)}
 .whatsapp-float{bottom:92px!important;right:20px!important;z-index:1045!important}
}

/* Fit the initial composition to the viewport without changing browser zoom. */
@media (min-width: 1280px) and (max-width: 1920px) {
  .has-altos-header { --altos-header-space: clamp(112px, 8vw, 150px); padding-top: var(--altos-header-space); }
  .altos-topbar { height: clamp(36px, 2.5vw, 46px); }
  .altos-navbar { height: calc(var(--altos-header-space) - clamp(36px, 2.5vw, 46px)); }
  .altos-brand img { width: clamp(180px, 12vw, 230px); }
  .altos-desktop-links a:after { bottom: 22%; }
}

/* Match both viewport dimensions: show every part of the animated banner. */
@media (min-width: 769px) and (max-width: 1920px) {
  .has-altos-header .home-hero-carousel .carousel-item img {
    width: 100%;
    height: min(56.25vw, calc(100vh - var(--altos-header-space, 78px) - var(--altos-bottom-space, 0px)));
    height: min(56.25vw, calc(100svh - var(--altos-header-space, 78px) - var(--altos-bottom-space, 0px)));
    max-height: none;
    object-fit: fill;
  }
}

@media (min-width: 769px) and (max-width: 1279px) {
  .has-altos-header { --altos-bottom-space: 72px; }
}