/* Presencia de marca, navegación y movimiento respetuoso. */
.promo-track .it-home{padding:0}.rail-controls button:disabled{opacity:.35;cursor:default;transform:none}
body:not(.admin-view) header{grid-template-columns:190px minmax(0,1fr) minmax(210px,25%);padding-top:12px;padding-bottom:15px;column-gap:30px}
body:not(.admin-view) header .brand{width:190px;height:136px;overflow:visible;display:flex;align-items:center;justify-content:center}
body:not(.admin-view) header .brand img{width:174px;height:174px;object-fit:contain;mix-blend-mode:normal;max-width:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0b8eb4;outline-offset:5px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1296px;margin:0 auto;padding:22px 5%;border-bottom:1px solid #dce7ee}
.trust-strip>div,.trust-strip>a{display:flex;gap:12px;align-items:center;color:#173d59;text-decoration:none}
.trust-strip>div>span,.trust-strip>a>span{display:grid;place-items:center;background:#e3f1f6;border-radius:50%;width:35px;height:35px;flex-shrink:0;color:#087ea3;font-size:19px}
.trust-strip p{margin:0;line-height:1.5}.trust-strip strong{font-size:11px;display:block}.trust-strip small{font-size:10px;color:#627b8c;display:block}
.promo-carousel{max-width:1296px;margin:28px auto 0;padding:0 5%}.promo-track{border-radius:24px;overflow:hidden;background:#102e49}
main .promo-carousel .promo-slide{margin:0;max-width:none;border:0;border-radius:0;min-height:410px;box-sizing:border-box;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;background:radial-gradient(ellipse at 85% 5%,#1b799d,#103753 55%,#081b30);color:white;overflow:visible}
.promo-slide[hidden]{display:none!important}.promo-slide>div{padding:40px!important;min-width:0}.promo-slide h2{font-size:clamp(32px,4.3vw,60px)!important;line-height:1.07!important;letter-spacing:-2px;color:white!important;overflow-wrap:break-word;margin:14px 0 18px}.promo-slide p:not(.eyebrow){color:#cee1ed!important;max-width:430px;line-height:1.8;font-size:14px}.promo-slide .eyebrow{color:#ffda45!important;font-size:9px;line-height:1.7;letter-spacing:2px}.promo-slide>a{height:410px;display:flex;align-items:center;justify-content:center;padding:25px;box-sizing:border-box;background:none!important}.promo-slide>a img{width:100%;height:100%;object-fit:contain}.promo-slide.cinema-promo>a img{max-width:220px;filter:drop-shadow(12px 18px 15px #0006);transform:rotate(5deg)}.promo-slide.it-home>span{font-size:190px;justify-self:center;color:#ffcf19;line-height:1;text-shadow:0 15px 45px #0004}.promo-slide .primary{margin-top:12px}.promo-controls{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;gap:15px}.promo-controls[hidden],.rail-controls[hidden]{display:none}.promo-controls>div:first-child{display:flex;gap:8px}.promo-controls button,.rail-controls button{background:white;color:#173f5b;border:1px solid #cbdde8;border-radius:50%;height:39px;width:39px;cursor:pointer;font-size:19px;transition:background .2s,transform .2s}.promo-controls button:hover,.rail-controls button:hover{background:#ffcf19;transform:translateY(-2px)}.promo-position{font-size:11px;color:#567186;margin:0}.promo-dots{display:flex;gap:8px}.promo-dots button{height:9px;width:9px;padding:0;background:#cadce7;border:none}.promo-dots button[aria-pressed=true]{background:#087ea3;width:27px;border-radius:9px}.promo-slide.is-entering{animation:promoEnter .4s ease-out}@keyframes promoEnter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.hero{min-height:0!important;padding-top:50px!important;padding-bottom:50px!important;gap:30px}.hero h1{font-size:clamp(40px,5vw,68px)!important}.hero .intro{font-size:14px;line-height:1.9}.brand-stage{min-height:330px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;border-radius:50% 50% 24px 24px;background:radial-gradient(circle,#fff 60%,#dfedf5);overflow:hidden;position:relative;box-shadow:0 20px 50px #143f6210}.brand-stage img{position:relative;width:min(85%,340px);height:auto;mix-blend-mode:multiply;transition:transform .5s}.brand-stage:hover img{transform:rotate(-3deg) scale(1.035)}.brand-stage>span{position:relative;font-size:9px;letter-spacing:2.2px;color:#185778;padding-bottom:25px}.ticker{font-size:11px;line-height:2;white-space:normal!important;text-align:center;padding:16px 5%!important}
.category-grid.category-rail{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 3px 22px;scrollbar-width:thin;scrollbar-color:#94b9cc #e9f2f7}.category-rail .category{scroll-snap-align:start;min-height:275px;padding:26px;box-sizing:border-box;background:linear-gradient(145deg,#fff,#e9f3f9);border:1px solid #cfdfeb;isolation:isolate}.category-rail .category h3{font-size:29px;position:relative;z-index:1;margin:28px 0 12px}.category-rail .category>p{font-size:14px;line-height:1.7;position:relative;z-index:1;color:#526e83}.category-rail .category>b{display:block;margin-top:25px;position:relative;z-index:1}.category-rail .cat-icon{font-size:100px;opacity:.10;right:12px;bottom:25px;transform:rotate(-12deg);transition:transform .4s}.category-rail .category:hover .cat-icon{transform:rotate(0) scale(1.1)}.category-rail .category:nth-child(2n){background:linear-gradient(145deg,#123e5f,#071e34);color:white}.category-rail .category:nth-child(2n) h3,.category-rail .category:nth-child(2n)>p{color:white}.category-rail .category:nth-child(2n)>span,.category-rail .category:nth-child(2n)>b{color:#ffdc49}.rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.rail-controls>span{margin-right:auto;font-size:11px;color:#617e92}.category-rail a:hover{transform:translateY(-4px)}
.collection-card{transition:transform .25s,box-shadow .25s}.collection-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px #113d601c}.collection-image img{transition:transform .35s}.collection-card:hover .collection-image img{transform:scale(1.035)}
@media(max-width:1050px){body:not(.admin-view) header{grid-template-columns:155px minmax(0,1fr) minmax(190px,25%);gap:15px}body:not(.admin-view) header .brand{width:155px;height:120px}body:not(.admin-view) header .brand img{width:150px;height:150px}.trust-strip{grid-template-columns:repeat(2,1fr)}.promo-carousel{margin-top:22px}.promo-slide>div{padding:30px!important}.promo-slide h2{letter-spacing:-1px}.category-grid.category-rail{grid-auto-columns:calc((100% - 22px)/2)}}
@media(max-width:700px){body:not(.admin-view) header{grid-template-columns:125px minmax(0,1fr);gap:7px 15px}body:not(.admin-view) header .brand{width:125px;height:100px;grid-row:1}body:not(.admin-view) header .brand img{width:125px;height:125px}.trust-strip{gap:15px;padding:18px 5%}.trust-strip strong{font-size:10px}.trust-strip small{font-size:9px}.trust-strip>div>span,.trust-strip>a>span{width:28px;height:28px}.trust-strip>div,.trust-strip>a{gap:8px}main .promo-carousel .promo-slide{grid-template-columns:1fr;min-height:0}.promo-slide>div{padding:28px!important}.promo-slide h2{font-size:40px!important}.promo-slide>a{height:220px;padding:0 25px 20px}.promo-slide.cinema-promo>a img{max-width:145px}.promo-slide.it-home>span{font-size:110px;padding-bottom:30px}.promo-position{font-size:10px}.hero{padding-top:30px!important;padding-bottom:30px!important}.brand-stage{min-height:250px!important;max-width:400px;width:100%;justify-self:center}.brand-stage img{max-width:240px}.category-grid.category-rail{grid-auto-columns:82%;gap:15px}.category-rail .category{min-height:260px}.rail-controls>span{font-size:10px;max-width:180px}.promo-track{border-radius:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Cabecera compacta sin logotipo; la marca destaca en el banner de inicio. */
body:not(.admin-view) header{grid-template-columns:minmax(0,1fr) minmax(210px,25%);row-gap:12px;padding-top:18px;padding-bottom:18px}
body:not(.admin-view) header .bag{grid-column:1;grid-row:1;justify-self:start}
body:not(.admin-view) header .global-search{grid-column:2;grid-row:1}
body:not(.admin-view) header nav{grid-column:1/3;grid-row:2;justify-content:flex-start}
@media(max-width:700px){body:not(.admin-view) header{grid-template-columns:minmax(0,1fr);gap:12px}body:not(.admin-view) header .bag{grid-column:1;grid-row:1}body:not(.admin-view) header .global-search{grid-column:1;grid-row:2}body:not(.admin-view) header nav{grid-column:1;grid-row:3}}

body:not(.admin-view) header nav{flex-wrap:wrap;row-gap:12px}