/* COLDSTORE V27 — PREMIUM CARDS
   Capa final: tarjetas inmersivas con composición "bento" en el inicio,
   categorías más luminosas y tarjetas de catálogo con jerarquía clara.
   No cambia plantillas de WooCommerce ni datos; solo presentación. */
:root{
  --pc-cyan:#8beef6;--pc-cyan-2:#5fd8e6;--pc-ink:#f6fafd;--pc-mute:#b9c9d5;
  --pc-line:rgba(170,207,223,.18);--pc-line-hot:rgba(139,238,246,.7);
  --pc-ease:cubic-bezier(.22,1,.36,1);--pc-r:22px;
  --pc-glass:rgba(8,16,24,.58);
}

/* ---------- Animaciones de entrada (solo con transform/opacity) ---------- */
@keyframes pc-rise{from{opacity:0;translate:0 34px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
.pc-pre{opacity:0}
.pc-enter{animation:pc-rise .75s var(--pc-ease) backwards;animation-delay:calc(var(--i,0)*80ms)}

/* =====================================================================
   1) INICIO · SELECCIÓN DESTACADA  (.ce26-*)
   ===================================================================== */
body.ce-home .ce-page .ce26-showcase .ce-tabs{gap:10px!important;border-bottom:0!important;padding-bottom:0!important;margin-bottom:clamp(22px,3vw,40px)!important}
body.ce-home .ce-page .ce26-showcase .ce-tab{border-radius:999px!important;padding:12px 24px!important;font:700 12px/1 Manrope,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--pc-line)!important;color:#dbe7ef!important;transition:background .3s,color .3s,border-color .3s,transform .3s var(--pc-ease)!important}
body.ce-home .ce-page .ce26-showcase .ce-tab:hover{border-color:var(--pc-line-hot)!important;transform:translateY(-2px)}
body.ce-home .ce-page .ce26-showcase .ce-tab[aria-selected=true]{background:var(--pc-cyan)!important;border-color:var(--pc-cyan)!important;color:#06161d!important;box-shadow:0 8px 30px rgba(139,238,246,.28)}

/* Rejilla bento: 1 pieza protagonista + 4 */
body.ce-home .ce-page .ce26-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:clamp(300px,27vw,410px);grid-auto-flow:dense;gap:clamp(12px,1.4vw,20px)!important}
body.ce-home .ce-page .ce26-grid[data-count="1"]{grid-template-columns:minmax(0,520px)!important;justify-content:center}
body.ce-home .ce-page .ce26-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.ce-home .ce-page .ce26-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:clamp(360px,36vw,520px)}
body.ce-home .ce-page .ce26-grid[data-count="4"]{grid-auto-rows:clamp(360px,34vw,500px)}
body.ce-home .ce-page .ce26-grid[data-count="5"] .ce26-card--lead{grid-column:span 2;grid-row:span 2}
body.ce-home .ce-page .ce26-grid[data-count="3"] .ce26-card--lead{grid-column:auto;grid-row:auto}

/* Tarjeta inmersiva: foto a sangre, datos sobre la imagen */
body.ce-home .ce-page .ce26-card{position:relative;display:block;isolation:isolate;overflow:hidden;min-width:0;border-radius:var(--pc-r)!important;background:#0e1822!important;border:1px solid var(--pc-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.38)!important;transition:transform .55s var(--pc-ease),border-color .35s,box-shadow .45s!important}
body.ce-home .ce-page .ce26-card:hover,body.ce-home .ce-page .ce26-card:focus-within{transform:translateY(-8px)!important;border-color:var(--pc-line-hot)!important;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(139,238,246,.25),0 18px 60px -18px rgba(139,238,246,.35)!important}
body.ce-home .ce-page .ce26-media{position:absolute!important;inset:0;z-index:0;aspect-ratio:auto!important;border:0!important;display:block}
body.ce-home .ce-page .ce26-media>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 1.1s var(--pc-ease),opacity .7s ease,filter .6s!important;filter:saturate(1.04) contrast(1.03)}
body.ce-home .ce-page .ce26-media .ce26-alt{opacity:0!important}
/* velo inferior para legibilidad + foco de luz que sigue al cursor */
body.ce-home .ce-page .ce26-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(5,10,16,.94) 0%,rgba(5,10,16,.62) 30%,rgba(5,10,16,0) 62%)}
body.ce-home .ce-page .ce26-card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,40%),rgba(139,238,246,.20),transparent 60%);mix-blend-mode:screen}
@media(hover:hover){
  body.ce-home .ce-page .ce26-card:hover::after{opacity:1}
  body.ce-home .ce-page .ce26-card:hover .ce26-media .ce26-image{transform:scale(1.07)!important}
  body.ce-home .ce-page .ce26-card:hover .ce26-media .ce26-alt{opacity:1!important;transform:scale(1.04)}
}
/* número editorial */
body.ce-home .ce-page .ce26-index{position:absolute;right:clamp(14px,1.6vw,22px);top:clamp(10px,1.2vw,16px);z-index:3;font:800 clamp(30px,3.4vw,54px)/1 Manrope,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55);pointer-events:none;transition:-webkit-text-stroke-color .35s,transform .5s var(--pc-ease)}
body.ce-home .ce-page .ce26-card:hover .ce26-index{-webkit-text-stroke-color:var(--pc-cyan);transform:translateY(-3px)}
/* insignias */
body.ce-home .ce-page .ce26-badges{position:absolute;left:clamp(12px,1.4vw,20px);top:clamp(12px,1.4vw,20px);z-index:4;display:flex;gap:6px;flex-wrap:wrap}
body.ce-home .ce-page .ce26-badge,.cs27-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font:800 10px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:var(--pc-glass);color:#e9fbff;border:1px solid rgba(190,236,250,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.ce-home .ce-page .ce26-badge--new,.cs27-badge--new{background:var(--pc-cyan);border-color:var(--pc-cyan);color:#05161d}
body.ce-home .ce-page .ce26-badge--sale,.cs27-badge--sale{background:#ff5d73;border-color:#ff5d73;color:#fff}
body.ce-home .ce-page .ce26-badge--out,.cs27-badge--out{background:rgba(20,26,34,.85);color:#c8d3dc;border-color:rgba(200,211,220,.35)}
/* contenido sobre la imagen */
body.ce-home .ce-page .ce26-content{position:absolute!important;left:0;right:0;bottom:0;z-index:3;padding:clamp(16px,1.8vw,26px)!important;gap:8px!important;pointer-events:none;align-items:stretch!important}
body.ce-home .ce-page .ce26-content a{pointer-events:auto}
body.ce-home .ce-page .ce26-overline{color:var(--pc-cyan)!important;font:800 10px/1.3 Manrope,sans-serif!important;letter-spacing:.2em!important;transform:translateY(8px);opacity:.85;transition:transform .5s var(--pc-ease),opacity .4s}
body.ce-home .ce-page .ce26-card:hover .ce26-overline{transform:none;opacity:1}
body.ce-home .ce-page .ce26-content h3{font:800 clamp(17px,1.5vw,22px)/1.2 Manrope,sans-serif!important;letter-spacing:-.03em!important;min-height:0!important;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.ce-home .ce-page .ce26-card--lead .ce26-content h3{font-size:clamp(26px,3.1vw,48px)!important;letter-spacing:-.05em!important;line-height:1.05!important;-webkit-line-clamp:3}
body.ce-home .ce-page .ce26-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
body.ce-home .ce-page .ce26-price{margin:0!important;min-height:0!important;color:#fff!important;font:800 clamp(16px,1.35vw,21px)/1.2 Manrope,sans-serif!important}
body.ce-home .ce-page .ce26-card--lead .ce26-price{font-size:clamp(22px,2.3vw,34px)!important;color:var(--pc-cyan)!important}
body.ce-home .ce-page .ce26-price del{color:#aebdc8!important;font-size:.7em;margin-right:6px}
body.ce-home .ce-page .ce26-price ins{background:none!important;color:var(--pc-cyan)!important}
body.ce-home .ce-page .ce26-unpriced{margin:0!important;color:#c9d6df;font-size:13px}
/* CTA compacto tipo píldora: siempre visible, se expande al pasar el cursor */
body.ce-home .ce-page .ce26-cta{pointer-events:auto!important;flex:none;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:auto!important;min-height:46px!important;padding:0 14px!important;border-radius:999px!important;border:1px solid rgba(190,236,250,.5)!important;background:var(--pc-glass)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff!important;font:800 11px/1 Manrope,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s,gap .4s var(--pc-ease),padding .4s var(--pc-ease)!important}
body.ce-home .ce-page .ce26-cta b{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;font-weight:800;transition:max-width .45s var(--pc-ease),opacity .3s}
body.ce-home .ce-page .ce26-cta span{font-size:20px!important;line-height:1}
body.ce-home .ce-page .ce26-card--lead .ce26-cta b{max-width:120px;opacity:1;margin-right:10px}
body.ce-home .ce-page .ce26-card--lead .ce26-cta{padding:0 20px!important;min-height:52px!important}
body.ce-home .ce-page .ce26-card:hover .ce26-cta b,body.ce-home .ce-page .ce26-cta:focus-visible b{max-width:120px;opacity:1;margin-right:10px}
body.ce-home .ce-page .ce26-cta:hover,body.ce-home .ce-page .ce26-cta:focus-visible{background:var(--pc-cyan)!important;border-color:var(--pc-cyan)!important;color:#05161d!important}
body.ce-home .ce-page .ce26-cta.loading{opacity:.7}
body.ce-home .ce-page .ce26-cta.added{background:var(--pc-cyan)!important;color:#05161d!important}
body.ce-home .ce-page .ce26-cta.added::after{display:none}
body.ce-home .ce-page .added_to_cart{display:none!important}

/* Tablet: protagonista a todo el ancho, resto en 2 columnas */
@media(max-width:1024px){
  body.ce-home .ce-page .ce26-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto}
  body.ce-home .ce-page .ce26-grid[data-count] .ce26-card{aspect-ratio:4/5}
  body.ce-home .ce-page .ce26-grid[data-count="5"] .ce26-card--lead{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}
  body.ce-home .ce-page .ce26-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ce-home .ce-page .ce26-grid[data-count="3"] .ce26-card--lead{grid-column:1/-1;aspect-ratio:16/10}
  body.ce-home .ce-page .ce26-cta b{max-width:120px;opacity:1;margin-right:10px}
}
/* Móvil: carrusel horizontal con imán; se ve la siguiente tarjeta */
@media(max-width:640px){
  body.ce-home .ce-page .ce26-grid,body.ce-home .ce-page .ce26-grid[data-count]{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,5vw,24px));padding:4px clamp(16px,5vw,24px) 22px;scroll-padding-inline:clamp(16px,5vw,24px);overscroll-behavior-x:contain}
  body.ce-home .ce-page .ce26-grid::-webkit-scrollbar{display:none}
  body.ce-home .ce-page .ce26-grid[data-count] .ce26-card,body.ce-home .ce-page .ce26-grid[data-count="5"] .ce26-card--lead,body.ce-home .ce-page .ce26-grid[data-count="3"] .ce26-card--lead{flex:0 0 78%;aspect-ratio:4/5.3;scroll-snap-align:start}
  body.ce-home .ce-page .ce26-grid[data-count] .ce26-card--lead{flex-basis:86%}
  body.ce-home .ce-page .ce26-card--lead .ce26-content h3{font-size:28px!important}
  body.ce-home .ce-page .ce26-content h3{font-size:20px!important}
  body.ce-home .ce-page .ce26-showcase .ce-tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,5vw,24px));padding-inline:clamp(16px,5vw,24px)}
  body.ce-home .ce-page .ce26-showcase .ce-tabs::-webkit-scrollbar{display:none}
  body.ce-home .ce-page .ce26-showcase .ce-tab{flex:none!important;white-space:nowrap}
}

/* =====================================================================
   2) INICIO · COLECCIONES (.ce-category)  — más luz, más foco en la acción
   ===================================================================== */
body.ce-home .ce-page .ce-category{border-radius:var(--pc-r)!important;clip-path:none!important;border:1px solid var(--pc-line)!important;box-shadow:0 24px 60px rgba(0,0,0,.4)}
body.ce-home .ce-page .ce-category img{filter:saturate(1.05) contrast(1.04) brightness(.95)!important;transition:transform 1.2s var(--pc-ease),filter .7s!important}
body.ce-home .ce-page .ce-category:hover img{filter:saturate(1.12) contrast(1.05) brightness(1.04)!important;transform:scale(1.07)!important}
body.ce-home .ce-page .ce-category::after{background:linear-gradient(0deg,rgba(4,9,14,.9) 0%,rgba(4,9,14,.45) 32%,rgba(4,9,14,0) 62%)!important}
body.ce-home .ce-page .ce-category::before{border-radius:14px;border-color:rgba(255,255,255,.22)!important}
body.ce-home .ce-page .ce-category:hover::before{border-color:var(--pc-cyan)!important}
body.ce-home .ce-page .ce-category-content{inset:auto clamp(20px,2.4vw,34px) clamp(22px,2.4vw,34px)!important}
body.ce-home .ce-page .ce-category-content .ce-eyebrow{display:block!important;width:fit-content!important;max-width:100%;padding:7px 12px;border-radius:999px;background:var(--pc-glass);border:1px solid rgba(190,236,250,.35);color:var(--pc-cyan)!important;font-size:10px!important;letter-spacing:.2em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.ce-home .ce-page .ce-category-content{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;border:0!important;box-shadow:none!important}
body.ce-home .ce-page .ce-category-content::before,body.ce-home .ce-page .ce-category-content::after,body.ce-home .ce-page .ce-category-content p::before{display:none!important;content:none!important}
body.ce-home .ce-page .ce-category-content h3{font-size:clamp(26px,2.6vw,46px)!important;line-height:1!important;letter-spacing:-.05em!important;overflow-wrap:anywhere;text-shadow:0 4px 30px rgba(0,0,0,.5)}
body.ce-home .ce-page .ce-category-content p a,body.ce-home .ce-page .ce-category a{display:inline-flex!important;align-items:center;gap:10px;padding:14px 22px!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:999px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff!important;font-size:12px!important;letter-spacing:.12em!important;transition:background .35s,color .35s,gap .4s var(--pc-ease),border-color .35s!important}
body.ce-home .ce-page .ce-category a::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;opacity:0}
body.ce-home .ce-page .ce-category:hover .ce-category-content p a{gap:18px!important;background:var(--pc-cyan)!important;border-color:var(--pc-cyan)!important;color:#05161d!important}

/* =====================================================================
   3) TIENDA · CATÁLOGO  (ul.products li.product)
   ===================================================================== */
html body.cs-commerce.cs-commerce ul.products.products{gap:clamp(16px,2vw,30px)!important}
html body.cs-commerce.cs-commerce ul.products.products li.product{position:relative!important;isolation:isolate;display:flex!important;flex-direction:column!important;padding:0 0 clamp(16px,1.6vw,22px)!important;border-radius:var(--pc-r)!important;border:1px solid var(--pc-line)!important;background:linear-gradient(180deg,#121e2b 0%,#0b141d 100%)!important;box-shadow:0 18px 46px rgba(0,0,0,.35)!important;transition:transform .55s var(--pc-ease),border-color .35s,box-shadow .45s!important;overflow:hidden!important}
html body.cs-commerce.cs-commerce ul.products.products li.product:hover,html body.cs-commerce.cs-commerce ul.products.products li.product:focus-within{transform:translateY(-9px)!important;border-color:var(--pc-line-hot)!important;box-shadow:0 32px 70px rgba(0,0,0,.5),0 18px 60px -20px rgba(139,238,246,.38)!important}
/* base segura */
html body.cs-commerce.cs-commerce ul.products.products li.product{box-sizing:border-box!important}
html body.cs-commerce.cs-commerce ul.products.products li.product figure{margin:0!important}
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.woocommerce-loop-product__title,.ct-woo-card-title) a{color:inherit!important;text-decoration:none!important}
/* foco de luz */
html body.cs-commerce.cs-commerce ul.products.products li.product::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,30%),rgba(139,238,246,.13),transparent 62%);mix-blend-mode:screen}
@media(hover:hover){html body.cs-commerce.cs-commerce ul.products.products li.product:hover::after{opacity:1}}
/* imagen */
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.ct-media-container,.ct-woo-card-image){border-radius:0!important;aspect-ratio:4/5!important;background:#16222f!important}
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.ct-media-container,.ct-woo-card-image) img{transition:transform 1.1s var(--pc-ease)!important}
@media(hover:hover){html body.cs-commerce.cs-commerce ul.products.products li.product:hover :is(.ct-media-container,.ct-woo-card-image) img:not(.csm-hover-photo){transform:scale(1.06)!important}}
/* franja luminosa inferior de la foto */
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.ct-media-container,.ct-woo-card-image)::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(0deg,rgba(11,20,29,.75),transparent);pointer-events:none;z-index:3}
/* insignias */
html body.cs-commerce.cs-commerce ul.products.products li.product .cs27-badge{position:absolute;left:14px;top:14px;z-index:6}
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.onsale,.ct-woo-badge){display:none!important}
/* texto: alineado a la izquierda, precio protagonista */
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.woocommerce-loop-product__title,.ct-woo-card-title){text-align:left!important;margin:clamp(16px,1.6vw,22px) clamp(16px,1.6vw,22px) 8px!important;font:800 clamp(16px,1.35vw,20px)/1.25 Manrope,sans-serif!important;letter-spacing:-.03em!important;min-height:2.5em!important;color:#fff!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body.cs-commerce.cs-commerce ul.products.products li.product .price{text-align:left!important;margin:0 clamp(16px,1.6vw,22px) 14px!important;font:800 clamp(18px,1.6vw,24px)/1.2 Manrope,sans-serif!important;color:var(--pc-cyan)!important;min-height:0!important}
html body.cs-commerce.cs-commerce ul.products.products li.product .price del{color:#8ea0ad!important;font-size:.68em!important;font-weight:600!important;margin-right:6px}
html body.cs-commerce.cs-commerce ul.products.products li.product .price ins{background:none!important;text-decoration:none!important;color:var(--pc-cyan)!important}
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.ct-woo-card-content,.ct-product-content,.product-content){align-items:stretch!important}
/* botón: píldora que se rellena al pasar el cursor */
html body.cs-commerce.cs-commerce ul.products.products li.product :is(a.button,a.added_to_cart){position:relative;z-index:6;align-self:stretch!important;justify-content:space-between!important;width:auto!important;min-height:50px!important;margin:auto clamp(16px,1.6vw,22px) 0!important;padding:0 20px!important;border-radius:999px!important;border:1px solid rgba(139,238,246,.5)!important;background:rgba(139,238,246,.06)!important;color:#eafcff!important;font:800 11px/1 Manrope,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;transition:background .3s,color .3s,border-color .3s,transform .4s var(--pc-ease)!important}
html body.cs-commerce.cs-commerce ul.products.products li.product a.button::after{content:"→";font-size:18px;line-height:1;transition:transform .4s var(--pc-ease)}
html body.cs-commerce.cs-commerce ul.products.products li.product a.button:hover,html body.cs-commerce.cs-commerce ul.products.products li.product a.button:focus-visible{background:var(--pc-cyan)!important;border-color:var(--pc-cyan)!important;color:#05161d!important}
html body.cs-commerce.cs-commerce ul.products.products li.product a.button:hover::after{transform:translateX(5px)}
html body.cs-commerce.cs-commerce ul.products.products li.product a.added_to_cart{margin-top:8px!important;background:var(--pc-cyan)!important;color:#05161d!important}
/* resumen del catálogo más limpio */
body.cs-catalog .woocommerce-ordering select,body.cs-catalog .woocommerce-result-count{color:var(--pc-mute)}

@media(max-width:640px){
  html body.cs-commerce.cs-commerce ul.products.products li.product{border-radius:16px!important}
  html body.cs-commerce.cs-commerce ul.products.products li.product :is(.woocommerce-loop-product__title,.ct-woo-card-title){font-size:14px!important;margin:12px 12px 6px!important;min-height:2.5em!important}
  html body.cs-commerce.cs-commerce ul.products.products li.product .price{font-size:16px!important;margin:0 12px 12px!important}
  html body.cs-commerce.cs-commerce ul.products.products li.product :is(a.button,a.added_to_cart){min-height:42px!important;margin-inline:12px!important;padding:0 14px!important;font-size:9px!important;letter-spacing:.08em!important}
  html body.cs-commerce.cs-commerce ul.products.products li.product a.button{white-space:nowrap!important;justify-content:center!important;letter-spacing:.05em!important}
  html body.cs-commerce.cs-commerce ul.products.products li.product a.button::after{display:none}
  html body.cs-commerce.cs-commerce ul.products.products li.product .cs27-badge{left:10px;top:10px;padding:6px 9px;font-size:9px}
}
@media(hover:none){html body.cs-commerce.cs-commerce ul.products.products li.product:hover{transform:none!important}}

/* =====================================================================
   3b) TIENDA · versión compacta (V27.1): fotos menos grandes, 4 columnas
   ===================================================================== */
html body.cs-commerce.cs-commerce ul.products.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(14px,1.6vw,24px)!important}
@media(max-width:1180px){html body.cs-commerce.cs-commerce ul.products.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){html body.cs-commerce.cs-commerce ul.products.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
html body.cs-commerce.cs-commerce ul.products.products li.product{border-radius:18px!important}
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.ct-media-container,.ct-woo-card-image){aspect-ratio:1/1.1!important}
html body.cs-commerce.cs-commerce ul.products.products li.product :is(.woocommerce-loop-product__title,.ct-woo-card-title){font-size:clamp(14px,1.1vw,16px)!important;margin:14px 16px 6px!important;min-height:2.5em!important;font-weight:700!important}
html body.cs-commerce.cs-commerce ul.products.products li.product .price{font-size:clamp(15px,1.25vw,18px)!important;margin:0 16px 12px!important}
html body.cs-commerce.cs-commerce ul.products.products li.product :is(a.button,a.added_to_cart){min-height:42px!important;margin-inline:16px!important;padding:0 16px!important;font-size:10px!important;letter-spacing:.1em!important}
html body.cs-commerce.cs-commerce ul.products.products li.product .cs27-badge{left:10px;top:10px;padding:6px 10px;font-size:9px}

/* Accesibilidad / movimiento reducido */
@media(prefers-reduced-motion:reduce){
  .pc-enter{animation:none!important}.pc-pre{opacity:1!important}
  body.ce-home .ce-page .ce26-card,html body.cs-commerce.cs-commerce ul.products.products li.product,body.ce-home .ce-page .ce26-media>img{transition:none!important}
  body.ce-home .ce-page .ce26-card:hover,html body.cs-commerce.cs-commerce ul.products.products li.product:hover{transform:none!important}
}


/* =====================================================================
   4) CABECERA · nombre de la tienda siempre legible
   ===================================================================== */
html body :is(.site-title,.site-title a,.ct-site-title,.site-branding .site-title a,header .site-title a,header [data-id="logo"] a,.ct-header [data-id="logo"] .site-title){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:none}
html body :is(.site-title a,.ct-site-title a):hover{color:var(--pc-cyan)!important;-webkit-text-fill-color:var(--pc-cyan)!important}
html body :is(.site-description,.ct-header .site-description){color:var(--pc-mute)!important;opacity:1!important}

/* =====================================================================
   5) MINI CARRITO (desplegable del menú)
   ===================================================================== */
html body .ct-cart-content,html body .ct-cart-drawer{background:linear-gradient(180deg,#131f2c,#0b141d)!important;border:1px solid var(--pc-line)!important;border-radius:20px!important;box-shadow:0 30px 80px rgba(0,0,0,.55)!important;padding:18px!important;overflow:hidden!important}
html body .ct-cart-content :is(.widget_shopping_cart_content,.woocommerce-mini-cart-wrap){display:block;min-width:0}
html body .ct-cart-content :is(ul.woocommerce-mini-cart,ul.cart_list,ul.product_list_widget){list-style:none!important;margin:0!important;padding:0 4px 0 0!important;max-height:min(46vh,330px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(139,238,246,.45) transparent}
html body .ct-cart-content ul.woocommerce-mini-cart::-webkit-scrollbar{width:6px;height:0}
html body .ct-cart-content ul.woocommerce-mini-cart::-webkit-scrollbar-thumb{background:rgba(139,238,246,.4);border-radius:6px}
html body .ct-cart-content ul.woocommerce-mini-cart::-webkit-scrollbar-track{background:transparent}
html body .ct-cart-content li.mini_cart_item{position:relative;display:grid!important;grid-template-columns:64px minmax(0,1fr) 34px;grid-template-areas:"img info rm";align-items:center;gap:14px;width:auto!important;min-width:0;margin:0!important;padding:14px 0!important;border:0!important;border-bottom:1px solid var(--pc-line)!important}
html body .ct-cart-content li.mini_cart_item:last-child{border-bottom:0!important}
html body .ct-cart-content li.mini_cart_item .ct-media-container{grid-area:img;display:block;width:64px!important;height:64px!important;max-width:64px!important;margin:0!important;border-radius:12px;overflow:hidden;background:#1b2937;border:1px solid var(--pc-line)}
html body .ct-cart-content li.mini_cart_item .ct-media-container img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border-radius:0}
html body .ct-cart-content li.mini_cart_item .product-data{grid-area:info;min-width:0;display:flex;flex-direction:column;gap:4px}
html body .ct-cart-content li.mini_cart_item :is(.product-title,.product-data>a:first-child){color:#fff!important;font:700 14px/1.3 Manrope,sans-serif!important;letter-spacing:-.01em;text-decoration:none!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .ct-cart-content li.mini_cart_item .quantity{display:block;color:var(--pc-mute)!important;font:600 12px/1.4 Manrope,sans-serif!important;white-space:normal}
html body .ct-cart-content li.mini_cart_item .quantity .amount{color:var(--pc-cyan)!important;font-weight:800}
html body .ct-cart-content li.mini_cart_item :is(.remove,.remove_from_cart_button){grid-area:rm;position:static!important;inset:auto!important;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;margin:0!important;border-radius:50%!important;background:rgba(139,238,246,.07)!important;border:1px solid var(--pc-line)!important;color:var(--pc-cyan)!important;transition:background .25s,color .25s,border-color .25s}
html body .ct-cart-content li.mini_cart_item :is(.remove,.remove_from_cart_button):hover{background:#ff5d73!important;border-color:#ff5d73!important;color:#fff!important}
html body .ct-cart-content li.mini_cart_item :is(.remove,.remove_from_cart_button) svg{width:14px;height:14px}
/* Subtotal */
html body .ct-cart-content :is(p.woocommerce-mini-cart__total,p.total){display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--pc-line)!important;color:var(--pc-mute)!important;font:700 12px/1 Manrope,sans-serif!important;letter-spacing:.14em;text-transform:uppercase}
html body .ct-cart-content :is(p.woocommerce-mini-cart__total,p.total) strong{font-weight:700;color:var(--pc-mute)}
html body .ct-cart-content :is(p.woocommerce-mini-cart__total,p.total) .amount{color:var(--pc-cyan)!important;font:800 22px/1 Manrope,sans-serif!important;letter-spacing:-.02em;text-transform:none}
/* Botones apilados: pagar primero, ver carrito debajo */
html body .ct-cart-content :is(p.woocommerce-mini-cart__buttons,.woocommerce-mini-cart__buttons,p.buttons){display:flex!important;flex-direction:column!important;gap:10px!important;margin:16px 0 0!important;width:100%!important}
html body .ct-cart-content :is(.woocommerce-mini-cart__buttons,p.buttons) a{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:100%!important;min-height:50px!important;margin:0!important;padding:0 18px!important;border-radius:999px!important;white-space:nowrap!important;font:800 12px/1 Manrope,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;text-decoration:none!important}
html body .ct-cart-content :is(.woocommerce-mini-cart__buttons,p.buttons) a.checkout{order:-1;background:var(--pc-cyan)!important;border:1px solid var(--pc-cyan)!important;color:#05161d!important;-webkit-text-fill-color:#05161d!important;box-shadow:0 12px 30px -10px rgba(139,238,246,.55)}
html body .ct-cart-content :is(.woocommerce-mini-cart__buttons,p.buttons) a:not(.checkout){background:transparent!important;border:1px solid var(--pc-line-hot)!important;color:#eafcff!important;-webkit-text-fill-color:#eafcff!important;min-height:46px!important}
html body .ct-cart-content :is(.woocommerce-mini-cart__buttons,p.buttons) a:not(.checkout):hover{background:rgba(139,238,246,.12)!important}
html body .ct-cart-content p.woocommerce-mini-cart__empty-message{color:var(--pc-mute);text-align:center;padding:18px 0;margin:0}

/* =====================================================================
   6) FICHA DE PRODUCTO · galería más contenida, información ordenada
   ===================================================================== */
html body.cs-product.cs-product div.product{--product-gallery-width:42%}
html body.cs-product.cs-product div.product .product-entry-wrapper{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr)!important;gap:clamp(24px,4vw,60px)!important;align-items:start!important}
html body.cs-product.cs-product div.product .product-entry-wrapper>:is(.woocommerce-product-gallery,.ct-product-gallery,.ct-woo-gallery,.woocommerce-product-gallery--with-images){width:100%!important;max-width:520px!important;flex:none!important;justify-self:center;position:sticky;top:110px;border-radius:20px!important;box-shadow:0 22px 60px rgba(0,0,0,.4)}
html body.cs-product.cs-product div.product .product-entry-wrapper>.summary{width:100%!important;max-width:none!important;flex:none!important;min-width:0}
html body.cs-product.cs-product :is(.woocommerce-product-gallery__image,.ct-media-container,.flexy-item) img{width:100%!important;aspect-ratio:4/5;max-height:min(66vh,620px);object-fit:cover!important}
html body.cs-product.cs-product :is(.flexy-pills,.flex-control-thumbs) img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:10px;max-height:none!important}
html body.cs-product.cs-product .flex-control-thumbs{display:grid!important;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px!important;margin:0!important}
html body.cs-product.cs-product .flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important}
/* Información */
html body.cs-product.cs-product .summary{padding:clamp(22px,2.6vw,38px)!important;border-radius:20px!important}
html body.cs-product.cs-product .product_title{font-size:clamp(26px,2.8vw,40px)!important;line-height:1.1!important;letter-spacing:-.04em!important;margin-bottom:12px!important}
html body.cs-product.cs-product .summary .price{font-size:clamp(24px,2.3vw,32px)!important;margin:0 0 16px!important;padding-bottom:16px!important}
html body.cs-product.cs-product .summary .woocommerce-product-details__short-description{font-size:14.5px!important;line-height:1.75!important;margin:0 0 18px!important;max-width:60ch}
html body.cs-product.cs-product .summary form.cart{margin-top:6px!important;padding-top:0!important}
html body.cs-product.cs-product .summary form.cart .single_add_to_cart_button{min-height:52px!important;border-radius:999px!important;letter-spacing:.12em!important}
html body.cs-product.cs-product .summary form.cart :is(input.qty,.quantity input){min-height:52px!important;border-radius:999px!important}
html body.cs-product.cs-product .summary .product_meta{margin-top:18px;padding-top:14px;border-top:1px solid var(--pc-line);display:grid;gap:6px;font-size:12px!important;color:var(--pc-mute)!important}
html body.cs-product.cs-product .cs-product-assurance{display:grid;gap:8px;margin-top:18px}
@media(max-width:900px){
  html body.cs-product.cs-product div.product .product-entry-wrapper{grid-template-columns:1fr!important}
  html body.cs-product.cs-product div.product .product-entry-wrapper>:is(.woocommerce-product-gallery,.ct-product-gallery,.ct-woo-gallery){position:static;max-width:460px!important}
}

@media(max-width:640px){
  html body.cs-commerce.cs-commerce ul.products.products li.product :is(.woocommerce-loop-product__title,.ct-woo-card-title){margin:12px 12px 6px!important;font-size:13px!important}
  html body.cs-commerce.cs-commerce ul.products.products li.product .price{margin:0 12px 10px!important;font-size:15px!important}
  html body.cs-commerce.cs-commerce ul.products.products li.product :is(a.button,a.added_to_cart){margin-inline:10px!important;padding:0 8px!important;font-size:9px!important;letter-spacing:.04em!important;min-height:40px!important}
}

/* Seguridad de caja (por si el tema base no aplica border-box) */
html body :is(.ct-cart-content,.ct-cart-drawer) *,html body.cs-product .summary,html body.cs-product .product-entry-wrapper>*{box-sizing:border-box}
html body .ct-cart-content :is(.woocommerce-mini-cart__buttons,p.buttons) a{height:auto!important;flex:0 0 auto!important}
