.vmt-carousel{position:relative;margin:22px 0 30px;border:2px solid var(--navy);border-radius:18px;background:white;color:var(--navy);overflow:hidden;box-shadow:0 7px 0 var(--navy)}
.vmt-slide{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:25px;align-items:center;padding:22px 30px;min-height:230px;background:linear-gradient(120deg,#fff,#edf5ff)}
.vmt-slide[hidden]{display:none!important}.vmt-slide h1,.vmt-slide h2{font-size:clamp(25px,3vw,34px);margin:8px 0 12px;max-width:750px;color:var(--navy)}.vmt-slide p{font-size:16px;max-width:650px}.vmt-eyebrow{color:var(--blue);font-size:14px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.vmt-mascot{width:100%;max-height:160px;object-fit:contain;filter:drop-shadow(0 12px 12px #00164d55)}.vmt-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px 12px;flex-wrap:wrap}.vmt-controls button{background:white;color:var(--navy);box-shadow:none;min-height:34px;padding:3px 12px}.vmt-controls .vmt-dot{width:14px;min-height:14px;height:14px;padding:0;border:2px solid var(--blue);border-radius:50%;background:transparent}.vmt-controls .vmt-dot[aria-current=true]{background:var(--blue)}.vmt-sell{margin:38px 0;background:white;border:2px solid #d7e4f8;border-radius:20px;padding:30px}.vmt-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0}.vmt-steps article{background:var(--pale);padding:20px;border-radius:14px}.vmt-steps h3{margin-top:12px}.vmt-steps p{margin-bottom:0}.vmt-note{font-size:14px;color:#425778}.vmt-sell .art-icon{width:54px;height:54px}@media(max-width:650px){.vmt-slide{grid-template-columns:minmax(0,1fr) 76px;padding:20px 16px;gap:12px;min-height:270px}.vmt-mascot{max-height:100px}.vmt-slide p{font-size:16px}.vmt-steps{grid-template-columns:1fr}.vmt-sell{padding:22px}.vmt-controls{gap:10px}}
.vmt-slide>div{text-align:center}.vmt-slide h1,.vmt-slide h2,.vmt-slide p{margin-left:auto;margin-right:auto}.vmt-slide .button{display:flex;width:fit-content;min-width:220px;max-width:100%;font-size:20px;padding:14px 26px;border:2px solid white;box-shadow:0 4px 0 #071747,0 0 0 4px #ffffff25;margin:18px auto 0}

.vmt-carousel .button.orange,.vmt-sell .button.orange{background:#1043ee;color:#fff;border-color:#071747}.vmt-carousel .button.orange:hover,.vmt-sell .button.orange:hover{background:#0734bd}.vmt-sell .vmt-eyebrow{color:#1043ee}

/* Tarjetas del catálogo: marco interior completo y contenido alineado. */
#products .product{display:flex;min-width:0}
#products .product-inner{display:flex;flex-direction:column;width:100%;height:100%;min-width:0}
#products .product-info{display:flex;flex-direction:column;flex:1;min-width:0}
#products .product-name{min-height:2.4em;overflow-wrap:anywhere}
#products .product-info .add{margin-top:auto}
#products .product-info .secondary{align-self:flex-start;margin-top:8px}

/* Logo principal: mayor presencia sin deformarlo. */
.header-main .brand{flex-shrink:0}
.header-main .brand img{width:170px;height:auto;max-height:175px;object-fit:contain}
@media(max-width:600px){.header-main .brand img{width:120px;height:auto;max-height:125px}}

.vmt-carousel [data-vmt-pause]{display:none!important}

/* Botones del banner más livianos. */
.vmt-slide .button{min-width:180px;font-size:17px;padding:10px 22px;border-width:1px;border-radius:9px;box-shadow:0 2px 5px #07174718;font-weight:600;margin-top:16px}
.vmt-controls{gap:14px;padding-top:6px;padding-bottom:16px}
.vmt-controls button:not(.vmt-dot){width:32px;height:32px;min-height:32px;padding:0;border:1px solid #b9ccef;border-radius:50%;font-size:22px;font-weight:400;color:#1043ee;background:white;box-shadow:none}
.vmt-controls .vmt-dot{width:9px;height:9px;min-height:9px;border-width:1px}
.vmt-controls button:hover{border-color:#1043ee;background:#edf5ff}
.vmt-controls .vmt-dot[aria-current=true]{background:#1043ee}

/* Banner azul con contraste claro. */
.vmt-carousel{background:#1043ee;color:#fff}
.vmt-slide{background:linear-gradient(115deg,#0e3bd4,#1858f4);color:#fff}
.vmt-slide h1,.vmt-slide h2,.vmt-slide p,.vmt-slide .vmt-eyebrow{color:#fff}
.vmt-carousel .button.orange{background:#fff;color:#1043ee;border-color:#fff;box-shadow:0 2px 5px #07174725}
.vmt-carousel .button.orange:hover{background:#edf5ff;color:#0734bd}
.vmt-controls button:not(.vmt-dot){background:transparent;color:#fff;border-color:#ffffff80}
.vmt-controls .vmt-dot{border-color:#fff;background:transparent}
.vmt-controls .vmt-dot[aria-current=true]{background:#fff}
.vmt-controls button:hover{background:#ffffff25;border-color:#fff}

/* Paleta blanco y celeste para la tienda. */
:root{--blue:#155889;--navy:#123653;--orange:#d8effa;--pale:#eef8fd}
body{background:#f4faff;color:#123653}
.topstrip{background:#e4f3fb;color:#123653}
header{border-bottom:1px solid #c8e3f2}
button,.button{border:1px solid #a9d1e7;border-radius:9px;background:#d8effa;color:#123653;box-shadow:0 2px 4px #1236530d;font-weight:600}
button:hover,.button:hover{background:#c5e5f6}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#155889}
.orange,.category[aria-pressed=true]{background:#d8effa;color:#123653}
.secondary{background:#fff;color:#155889;border-color:#bedbeb;box-shadow:none}
.search input{background:#f5fbff;border:1px solid #b9dbea}
.menu a,.cart-open{color:#123653}
.cart-open b{background:#d8effa;color:#123653}
.category{border:1px solid #bedbeb;box-shadow:none;background:#fff;color:#123653}
.vmt-carousel{background:#e5f4fc;color:#123653;border:1px solid #bedbeb;box-shadow:0 3px 10px #1236530a}
.vmt-slide{background:linear-gradient(115deg,#f5fbff,#dceffa);color:#123653}
.vmt-slide h1,.vmt-slide h2,.vmt-slide p{color:#123653}
.vmt-slide .vmt-eyebrow,.vmt-sell .vmt-eyebrow{color:#155889}
.vmt-carousel .button.orange,.vmt-sell .button.orange{background:#c8e7f8;color:#123653;border:1px solid #9ccce5;box-shadow:0 2px 4px #12365312}
.vmt-carousel .button.orange:hover,.vmt-sell .button.orange:hover{background:#b5def3;color:#123653}
.vmt-controls button:not(.vmt-dot){background:#fff;color:#155889;border:1px solid #b9dbea}
.vmt-controls .vmt-dot{background:transparent;border-color:#155889}
.vmt-controls .vmt-dot[aria-current=true]{background:#155889}
.vmt-controls button:hover{background:#d8effa;border-color:#155889}
#products .product{padding:5px;background:#e0f1fb;border:1px solid #b9dbea;border-radius:16px;box-shadow:0 3px 8px #1236530b}
#products .product-inner{border:1px solid #d4e9f4;border-radius:11px;background:#fff}
#products .product-name{color:#123653;background:transparent;border:0;box-shadow:none}
#products .add{background:#d8effa;color:#123653;border:1px solid #abd2e7;font-weight:600;box-shadow:none}
#products .secondary{background:#fff;color:#155889;border:1px solid #bedbeb;font-weight:600}
.offer-badge{background:#d8effa;color:#123653;border:1px solid #a9d1e7;box-shadow:none}
.vmt-sell{border:1px solid #c8e3f2}.vmt-steps article{background:#eef8fd}
footer{background:#fff;border-top:1px solid #c8e3f2}
dialog{border:1px solid #a9d1e7;color:#123653;box-shadow:0 12px 45px #12365325}

/* Fondo celeste intenso — tienda y administración */
body{background:#acd8ef;color:#123653}

/* Degradado suave en las opciones del encabezado público. */
header .menu>a{border-radius:10px;transition:box-shadow .18s ease,color .18s ease}
header .menu>a:hover,header .menu>a:focus-visible{background:linear-gradient(110deg,#c8e6f6 0%,#e5f4fc 65%,#f3faff 100%);box-shadow:0 4px 12px rgba(24,79,115,.17);color:#123653;text-decoration:none}
header .menu>a:focus-visible{outline:2px solid #237aa7;outline-offset:2px}
@media(prefers-reduced-motion:reduce){header .menu>a{transition:none}}


/* Encabezado de tienda: azul, celeste y formas suaves. */
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}
}