/* Encabezado superior de la tienda */

body>.topstrip{background:#123653;color:#edf8ff;border-bottom:1px solid #2c6588;font-size:13px}
body>header{background:radial-gradient(ellipse at 8% 15%,#f0faff 0%,transparent 46%),radial-gradient(ellipse at 95% 5%,#74bfdf 0%,transparent 48%),linear-gradient(115deg,#d9f1fc 0%,#b5dff3 48%,#8ccce7 100%);border-bottom:3px solid #49a8ca;box-shadow:0 5px 18px rgba(18,54,83,.12)}
body>header .header-main{gap:28px;padding-top:18px;padding-bottom:18px;min-width:0}
body>header .brand{display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:24px;background:linear-gradient(145deg,#fff,#e9f7ff);border:1px solid #ffffffcf;box-shadow:0 8px 20px rgba(18,54,83,.12)}
body>header .brand img{display:block;filter:drop-shadow(0 3px 3px rgba(18,54,83,.14));max-width:100%;height:auto}
body>header .search{min-width:0}
body>header .search input{background:#f9fdff;border:1px solid #72b7d9;box-shadow:0 4px 14px rgba(18,54,83,.1);color:#123653}
body>header .search input::placeholder{color:#54788e;opacity:1}
body>header .search input:focus{border-color:#237aa7;box-shadow:0 0 0 3px #ffffff80}
body>header .cart-open{background:#edf9ff;border:1px solid #b4dbea;border-radius:15px;padding:10px 16px;box-shadow:0 4px 12px rgba(18,54,83,.1);color:#123653}
body>header .cart-open b{background:#155889;color:#fff}
body>header .menu{background:linear-gradient(105deg,#123653,#155889 60%,#187fa4);border:1px solid #1c6489;border-radius:15px 15px 0 0;padding:8px 14px;gap:8px;box-shadow:0 -2px 12px rgba(18,54,83,.08)}
body>header .menu>a{color:#fff;border-radius:9px;padding:10px 14px;font-size:15px;font-weight:600}
body>header .menu>a:hover,body>header .menu>a:focus-visible{background:linear-gradient(110deg,#d1eaf8,#f3faff);color:#123653;box-shadow:0 3px 9px rgba(0,0,0,.15)}
body>header .menu .art-icon{filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}
@media(max-width:650px){
 body>header .header-main{gap:14px;padding-top:14px;padding-bottom:14px}
 body>header .brand{padding:6px 8px;border-radius:17px}
 body>header .cart-open{padding:8px 10px}
 body>header .menu{border-radius:10px 10px 0 0;padding:7px;gap:4px}
 body>header .menu>a{font-size:13px;padding:8px 10px}
}

/* Logo integrado al fondo del encabezado, sin recuadro. */
body>header .brand{background:transparent;border:0;box-shadow:none;border-radius:0}
body>header .brand img{background:transparent;border:0;border-radius:0}

/* Carrito: degradado al pasar el cursor o enfocarlo con teclado. */
body>header .cart-open{transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}
body>header .cart-open:hover,body>header .cart-open:focus-visible{background:linear-gradient(110deg,#93cde9 0%,#c8e9f8 60%,#e4f6ff 100%);border-color:#237aa7;box-shadow:0 5px 14px rgba(18,54,83,.2);color:#123653}
body>header .cart-open:focus-visible{outline:2px solid #237aa7;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body>header .cart-open{transition:none}}

body>header #openCart:hover,body>header #openCart:focus-visible{background:linear-gradient(110deg,#74bce0 0%,#a8dcf3 55%,#ddf4ff 100%);border-color:#237aa7;box-shadow:0 5px 14px rgba(18,54,83,.24)}

/* Rocky: golpe breve del martillo. */
body>header .brand .rocky-motion{position:relative;display:block;line-height:0}
body>header .brand img.rocky-still{position:relative;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 61%,26% 61%,34% 56%,32% 40%,32% 17%,0% 17%);filter:none}
body>header .brand img.rocky-hammer{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;pointer-events:none;clip-path:polygon(0% 17%,32% 17%,32% 40%,34% 56%,26% 61%,0% 61%);transform-origin:32% 57%;filter:none}
body>header .brand.rocky-play .rocky-hammer{animation:vmt-rocky-gavel .85s ease-in-out 1}
@keyframes vmt-rocky-gavel{0%,100%{transform:rotate(0deg)}28%{transform:rotate(-10deg)}55%{transform:rotate(14deg)}72%{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){body>header .brand.rocky-play .rocky-hammer{animation:none}}