/* ==========================================================
   VICROSES PREMIUM C8 — 2026-08-29
   Cabecera + mega menú + categorías + catálogo + footer.
   Inspiración UX: ecommerce floral premium. Identidad VICROSES.
   Mantiene la lógica de compra, Mercado Pago, Yape y Mobile C7.
   ========================================================== */
:root{
  --c8-wine:#711f35;
  --c8-wine-2:#8e2d4a;
  --c8-wine-dark:#4f1425;
  --c8-gold:#c99a53;
  --c8-gold-light:#e7ca91;
  --c8-cream:#fff8ef;
  --c8-blush:#fbf1f2;
  --c8-ink:#201619;
  --c8-muted:#6e5d61;
  --c8-navy:#252744;
  --c8-line:#ead8d9;
}

/* ---------- Cabecera premium desktop ---------- */
.top-note{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5eadb !important;
  color:#5a2b32 !important;
  font-weight:800 !important;
  letter-spacing:.25px !important;
  border-bottom:1px solid rgba(113,31,53,.10);
}
.site-head,.head{
  position:relative;
  z-index:100;
  background:linear-gradient(115deg,var(--c8-wine-dark) 0%,var(--c8-wine) 44%,var(--c8-wine-2) 100%) !important;
  color:#fff;
  box-shadow:0 8px 30px rgba(60,16,31,.16);
}
.head-main{
  min-height:105px;
  grid-template-columns:minmax(260px,350px) minmax(320px,1fr) minmax(230px,310px) !important;
  gap:34px !important;
  padding-top:16px !important;
  padding-bottom:16px !important;
}
.brand{display:flex;align-items:center;text-decoration:none;min-width:0}
.brand img{
  width:auto !important;
  height:82px !important;
  max-width:330px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.10));
}
.search{
  height:50px !important;
  border:1px solid rgba(201,154,83,.45) !important;
  background:#fffaf4 !important;
  border-radius:16px !important;
  box-shadow:0 9px 24px rgba(45,9,20,.15) !important;
}
.search input{font-size:14px !important;color:#35272a !important;background:transparent !important}
.search input::placeholder{color:#826c70 !important;opacity:1}
.search button{color:var(--c8-wine) !important;font-weight:900;background:transparent !important}
.head-tools{gap:9px !important}
.icon-btn,.head-tools>a.icon-btn{
  border:1px solid rgba(255,255,255,.44) !important;
  background:rgba(255,255,255,.06) !important;
  min-height:44px;
  border-radius:12px !important;
  transition:.18s ease;
}
.icon-btn:hover,.head-tools>a.icon-btn:hover{background:rgba(255,255,255,.16) !important;transform:translateY(-1px)}
.lang select{
  min-height:44px;
  background:#fff7ee !important;
  color:#51212c !important;
  border:1px solid rgba(201,154,83,.55) !important;
  border-radius:12px !important;
  font-weight:800 !important;
}
.mobile-menu-btn{display:none}

.premium-nav{
  min-height:54px;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 22px !important;
  border-top:1px solid rgba(255,255,255,.13);
  position:relative !important;
  justify-content:center !important;
  gap:8px !important;
}
.premium-nav .nav-item{position:static !important}
.premium-nav .nav-item>a{
  border:0 !important;
  border-bottom:3px solid transparent !important;
  padding:17px 17px 14px !important;
  font-size:12px !important;
  letter-spacing:.45px !important;
  font-weight:800 !important;
  border-radius:0 !important;
  background:transparent !important;
}
.premium-nav .nav-item>a:hover,
.premium-nav .nav-item.active>a{
  border-bottom-color:var(--c8-gold-light) !important;
  color:#fff5e7 !important;
}
.nav-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#51d994;margin-right:6px;box-shadow:0 0 0 4px rgba(81,217,148,.12)}
.nav-gold{color:#f2cf86 !important}

/* mega menu */
.mega-menu{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:100% !important;
  transform:translate(-50%,-7px) !important;
  width:min(1040px,calc(100vw - 44px)) !important;
  padding:24px !important;
  background:#fff !important;
  color:var(--c8-ink) !important;
  border:1px solid #eadcdc !important;
  border-radius:0 0 20px 20px !important;
  box-shadow:0 24px 55px rgba(45,11,22,.24) !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index:500;
}
.mega-parent:hover .mega-menu,.mega-parent:focus-within .mega-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) !important;
}
.mega-grid{display:grid;grid-template-columns:1fr 1fr minmax(250px,320px);gap:24px;align-items:start}
.mega-col{padding:3px 18px 3px 4px;border-right:1px solid #f0e4e5;min-height:195px}
.mega-col:nth-child(2){border-right:0}
.mega-title{font-size:11px;letter-spacing:1.5px;color:var(--c8-wine);font-weight:900;text-transform:uppercase;margin:0 0 12px}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:3px 16px}
.mega-links.one-col{grid-template-columns:1fr}
.mega-links a{
  display:block !important;
  padding:8px 0 !important;
  border:0 !important;
  color:#544548 !important;
  font-size:13px !important;
  text-decoration:none;
  background:transparent !important;
}
.mega-links a:hover{color:var(--c8-wine) !important;padding-left:5px !important}
.mega-featured{display:grid;grid-template-columns:1fr;gap:10px}
.mega-product{overflow:hidden;border:1px solid #ead8da;border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 7px 18px rgba(66,24,35,.07)}
.mega-product img{display:block;width:100%;height:215px;object-fit:cover}
.mega-product-body{padding:9px 10px}
.mega-chip{display:inline-block;background:#f7edf0;color:#8b3150;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;margin-bottom:5px}
.mega-product-name{font-family:'Playfair Display',Georgia,serif;font-size:13px;font-weight:800;line-height:1.2;color:#2b2022;min-height:31px}
.mega-product-price{font-size:13px;font-weight:900;color:var(--c8-wine);margin-top:5px}

/* ---------- categoría visual ---------- */
.category-discovery{padding:30px 0 12px;background:#fff}
.category-discovery-head{text-align:center;margin-bottom:18px}
.category-discovery-head h2{font-family:'Playfair Display',Georgia,serif;font-size:30px;margin:0;color:#2b2022}
.category-discovery-head p{margin:6px 0 0;color:#806b6f;font-size:12px}
.category-bubbles{display:flex;justify-content:center;gap:18px;overflow-x:auto;padding:2px 4px 16px;scrollbar-width:none}
.category-bubbles::-webkit-scrollbar{display:none}
.category-bubble{flex:0 0 104px;text-align:center;text-decoration:none;color:#5f454b;font-size:11px;font-weight:700}
.category-bubble-thumb{width:82px;height:82px;border-radius:50%;padding:4px;margin:0 auto 8px;background:#fff;border:2px solid #ead6d9;box-shadow:0 5px 15px rgba(61,22,33,.08);transition:.18s ease}
.category-bubble-thumb img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.category-bubble:hover .category-bubble-thumb,.category-bubble.on .category-bubble-thumb{border-color:var(--c8-gold);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--c8-wine)}
.category-bubble:hover,.category-bubble.on{color:var(--c8-wine);font-weight:900}

/* ---------- catálogo más visual ---------- */
.catalog.category-view{grid-template-columns:210px minmax(0,1fr) !important;gap:24px !important}
.category-view .grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important;justify-content:stretch !important}
.category-view .card{border-radius:14px !important;box-shadow:0 9px 24px rgba(54,20,29,.09) !important}
.category-view .card-img{height:clamp(310px,28vw,455px) !important;object-fit:cover !important}
.category-view .card-body{text-align:left !important;padding:14px 15px 17px !important}
.category-view .card-name{min-height:auto !important;font-size:20px !important;margin-bottom:7px !important}
.category-view .price{font-size:22px !important;color:var(--c8-wine) !important}
.category-view .card-actions{margin-top:12px !important}

/* Oferta dorada */
.badge{
  background:linear-gradient(135deg,var(--c8-gold-light),var(--c8-gold)) !important;
  color:#4b2b17 !important;
  border:1px solid rgba(94,55,20,.28) !important;
  box-shadow:0 5px 13px rgba(73,43,16,.18) !important;
  font-weight:900 !important;
  text-transform:none;
}

/* ---------- footer ---------- */
footer,.footer{
  background:linear-gradient(115deg,#25233f 0%,#2d2746 55%,#241c35 100%) !important;
  color:#f8eff1 !important;
  padding:48px 0 20px !important;
  margin-top:10px;
}
footer .footer-grid,.footer .footer-grid{
  display:grid !important;
  grid-template-columns:1.25fr 1fr 1fr 1.05fr !important;
  gap:34px !important;
  align-items:start;
}
footer .footer-title,.footer .footer-title{color:#fff !important;font-size:11px !important;letter-spacing:.9px;text-transform:uppercase;font-weight:900 !important;margin-bottom:14px !important}
footer a,.footer a{color:#e7dde0 !important;text-decoration:none !important;font-size:11px !important;line-height:1.45;margin:7px 0 !important;display:block}
footer a:hover,.footer a:hover{color:#fff !important;text-decoration:underline !important}
.footer-logo{max-width:225px !important;max-height:76px !important;object-fit:contain !important;object-position:left center}
.footer-about{font-size:11px;line-height:1.65;color:#dfd3d7;margin:12px 0}
.footer-cat-list{display:grid;grid-template-columns:1fr;gap:0}
.footer-cat-parent{font-weight:800 !important;color:#fff !important}
.footer-sub-links{padding-left:10px;border-left:1px solid rgba(255,255,255,.18);margin:3px 0 9px}
.footer-sub-links a{font-size:10px !important;margin:4px 0 !important}
.claims-card{display:inline-flex !important;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.22);padding:10px 12px !important;border-radius:10px;background:rgba(255,255,255,.06);font-weight:800}
.claims-book{width:29px;height:24px;display:inline-grid;place-items:center;border-radius:5px;background:#fff;color:#24304f;font-size:17px}
.footer-whatsapp{display:inline-flex !important;align-items:center;gap:8px;background:#16a85b;color:#fff !important;padding:10px 13px !important;border-radius:10px !important;font-weight:900 !important;width:max-content;box-shadow:0 7px 18px rgba(22,168,91,.20)}
.footer-whatsapp svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
.copy{border-top:1px solid rgba(255,255,255,.13) !important;margin-top:30px !important;padding-top:18px !important;color:#bdb2b6 !important;text-align:center !important;font-size:10px !important}

/* WhatsApp flotante con icono */
.wa{background:#20cf68 !important;color:#fff !important;box-shadow:0 8px 22px rgba(0,0,0,.25) !important;border:3px solid #fff !important}
.wa svg{width:29px;height:29px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- móvil premium ---------- */
.mobile-menu-backdrop,.mobile-menu-drawer{display:none}
@media (max-width:780px){
  .top-note{
    min-height:48px !important;
    padding:7px 16px !important;
    background:#f3e4cf !important;
    color:#4a252b !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
  }
  .site-head,.head{
    background:linear-gradient(145deg,#5b1526 0%,#761e35 58%,#8b2d47 100%) !important;
  }
  .head-main{
    min-height:0 !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    grid-template-rows:auto auto !important;
    gap:10px 8px !important;
    padding:12px 13px 14px !important;
  }
  .mobile-menu-btn{
    display:grid !important;
    place-items:center;
    grid-column:1;
    grid-row:1;
    width:42px;height:42px;
    border:0;background:transparent;color:#fff;
    border-radius:11px;cursor:pointer;padding:0 !important;
  }
  .mobile-menu-btn svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8}
  .brand{grid-column:2;grid-row:1;justify-content:flex-start !important}
  .brand img{height:60px !important;max-width:205px !important;width:auto !important;object-position:left center !important}
  .head-tools{grid-column:3;grid-row:1;gap:3px !important}
  .head-tools .icon-btn,.head-tools>a.icon-btn{min-width:36px !important;width:36px !important;height:38px !important;min-height:38px !important;border:0 !important;background:transparent !important;padding:6px !important}
  .head-tools .icon-btn svg,.head-tools>a.icon-btn svg{width:22px !important;height:22px !important}
  .head-tools .login-text{display:none !important}
  .count{background:var(--c8-gold-light) !important;color:#4b2b17 !important;right:-2px !important;top:-4px !important}
  .lang select{width:67px !important;max-width:67px !important;height:40px !important;min-height:40px !important;padding:7px 20px 7px 8px !important;border-radius:11px !important;background:#fff5e8 !important;color:#4d2630 !important;font-size:11px !important}
  .search{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    height:52px !important;
    border-radius:16px !important;
    border:2px solid rgba(219,184,126,.72) !important;
    background:#fff9ef !important;
    box-shadow:0 7px 18px rgba(38,5,16,.20) !important;
  }
  .search input{font-size:16px !important;font-weight:650 !important;padding-left:15px !important}
  .search button{font-size:24px !important}

  .premium-nav{
    min-height:0 !important;
    overflow-x:auto !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:9px 13px 12px !important;
    border-top:1px solid rgba(255,255,255,.13) !important;
  }
  .premium-nav .nav-item{flex:0 0 auto !important}
  .premium-nav .nav-item>a{
    border:1px solid rgba(242,207,134,.78) !important;
    border-radius:999px !important;
    padding:9px 14px !important;
    font-size:10px !important;
    background:rgba(65,12,26,.24) !important;
    color:#fff8ed !important;
  }
  .premium-nav .nav-item.active>a{background:#fff3e2 !important;color:#5d1d2e !important;border-color:#fff3e2 !important}
  .premium-nav .mega-menu{display:none !important}
  .nav-live-dot{width:6px;height:6px;margin-right:4px}

  /* menú hamburguesa */
  .mobile-menu-backdrop{
    display:block;
    position:fixed;inset:0;background:rgba(28,8,14,.58);z-index:998;
    opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;
  }
  .mobile-menu-drawer{
    display:block;
    position:fixed;left:0;top:0;bottom:0;width:min(88vw,390px);z-index:999;
    background:#fff;transform:translateX(-102%);transition:transform .23s ease;
    overflow:auto;box-shadow:18px 0 45px rgba(0,0,0,.25);
  }
  body.mobile-menu-open .mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  body.mobile-menu-open .mobile-menu-drawer{transform:translateX(0)}
  body.mobile-menu-open{overflow:hidden}
  .mobile-menu-head{background:linear-gradient(135deg,var(--c8-wine-dark),var(--c8-wine));padding:18px 16px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .mobile-menu-head img{max-width:190px;height:58px;object-fit:contain;object-position:left}
  .mobile-menu-close{width:39px;height:39px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:24px}
  .mobile-menu-section{padding:17px 18px;border-bottom:1px solid #eee3e4}
  .mobile-menu-title{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--c8-wine);font-weight:900;margin-bottom:10px}
  .mobile-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}
  .mobile-menu-links a{padding:9px 7px;border-radius:9px;text-decoration:none;color:#342629;font-size:12px;font-weight:700;background:#fbf6f6}
  .mobile-featured{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mobile-featured .mega-product img{height:115px}

  /* categorías */
  .category-discovery{padding:22px 0 4px !important}
  .category-discovery-head h2{font-size:25px !important}
  .category-discovery-head p{font-size:11px !important;padding:0 20px}
  .category-bubbles{justify-content:flex-start !important;padding:2px 12px 15px !important;gap:12px !important}
  .category-bubble{flex-basis:82px !important;font-size:10px !important}
  .category-bubble-thumb{width:68px !important;height:68px !important}

  /* catálogo: conserva 2 columnas C7, más limpio y tipo escaparate */
  .catalog.category-view{grid-template-columns:1fr !important}
  .category-view .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .category-view .card-img{height:auto !important;aspect-ratio:1/1.08 !important}
  .category-view .card-body{padding:10px 9px 12px !important}
  .category-view .card-name{font-size:15px !important;line-height:1.2 !important;min-height:36px !important}
  .category-view .price{font-size:18px !important}
  .badge{background:linear-gradient(135deg,#ecd39d,#c7984e) !important;color:#4a2a14 !important;border-color:#9c6d32 !important;font-size:9px !important}

  /* footer móvil */
  footer,.footer{padding:32px 0 18px !important}
  footer .footer-grid,.footer .footer-grid{grid-template-columns:1fr !important;gap:24px !important}
  .footer-logo{max-width:210px !important}
  footer .footer-title,.footer .footer-title{font-size:12px !important}
  footer a,.footer a,.footer-about{font-size:11px !important}
  .footer-cat-list{grid-template-columns:1fr 1fr;gap:0 18px}
  .footer-sub-links{display:none}
  .footer-whatsapp{font-size:12px !important;padding:11px 14px !important}
  .copy{font-size:9px !important}
  .wa svg{width:27px !important;height:27px !important}
}

@media (max-width:390px){
  .brand img{height:53px !important;max-width:165px !important}
  .head-main{grid-template-columns:40px minmax(0,1fr) auto !important;padding-left:9px !important;padding-right:9px !important}
  .head-tools .icon-btn,.head-tools>a.icon-btn{width:32px !important;min-width:32px !important}
  .lang select{width:60px !important;max-width:60px !important;font-size:10px !important}
  .category-view .grid{gap:8px !important}
  .footer-cat-list{grid-template-columns:1fr}
}


/* ======================================================================
   VICROSES PREMIUM C9 — 2026-08-29
   - Hero/slider 40% más alto
   - Home con tarjetas compactas / categorías con fotografías gigantes
   - Mega menú con producto destacado grande
   - Franja superior alterna Delivery gratis / Llegamos a todo Lima
   ====================================================================== */

/* Franja superior: sin "Enviamos el mismo día". */
.c9-announcement{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:hidden !important;
  background:#f7efe4 !important;
  color:#5e1929 !important;
  padding:7px 18px !important;
  font-weight:800 !important;
}
.c9-announcement-msg{
  display:none;
  width:100%;
  text-align:center;
  line-height:1.35;
  animation:c9NoteIn .28s ease;
}
.c9-announcement-msg.is-on{display:block}
@keyframes c9NoteIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Slider principal: 380px -> 532px (40% más alto). */
.hero{
  height:min(532px,40.6vw) !important;
  min-height:308px !important;
}
.hero-slide img{object-fit:cover !important}

/* El catálogo de INICIO conserva tarjetas pequeñas y elegantes. */
.catalog:not(.category-view) .grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,260px)) !important;
  gap:18px !important;
  justify-content:center !important;
}
.catalog:not(.category-view) .card-img{
  height:245px !important;
  aspect-ratio:auto !important;
}
.catalog:not(.category-view) .card-name{font-size:18px !important;min-height:44px !important}
.catalog:not(.category-view) .price{font-size:20px !important}

/* Al entrar a una categoría, las fotos pasan a formato escaparate grande. */
.catalog.category-view{
  grid-template-columns:230px minmax(0,1fr) !important;
  gap:18px !important;
  max-width:none !important;
}
.category-view .grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  justify-content:stretch !important;
}
.category-view .card{border-radius:8px !important;overflow:hidden !important}
.category-view .card-img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:3/4 !important;
  object-fit:cover !important;
}
.category-view .card-body{padding:12px 12px 15px !important;text-align:left !important}
.category-view .card-name{font-size:18px !important;line-height:1.2 !important}
.category-view .price{font-size:21px !important}

/* Mega menú más espectacular: producto destacado grande como escaparate. */
.mega-menu{width:min(1240px,calc(100vw - 34px)) !important;padding:26px !important}
.mega-grid{grid-template-columns:1fr 1fr minmax(340px,390px) !important;gap:28px !important}
.mega-product img{height:315px !important}
.mega-product-name{font-size:17px !important;min-height:auto !important}
.mega-product-price{font-size:18px !important}
.mega-chip{font-size:9px !important;padding:5px 9px !important}
.mega-links a{font-size:14px !important;padding:9px 0 !important}
.mega-title{font-size:12px !important}

/* Oferta dorada, reforzada. */
.badge{
  background:linear-gradient(135deg,#f5dfaa 0%,#c99543 100%) !important;
  color:#42230e !important;
  border:1px solid #9b6a2d !important;
  box-shadow:0 4px 10px rgba(86,49,11,.18) !important;
  font-weight:900 !important;
}

@media (max-width:1499px) and (min-width:781px){
  .category-view .grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .mega-menu{width:min(1120px,calc(100vw - 28px)) !important}
  .mega-grid{grid-template-columns:1fr 1fr minmax(300px,350px) !important}
  .mega-product img{height:275px !important}
}

@media (max-width:780px){
  .c9-announcement{min-height:42px !important;padding:6px 12px !important;font-size:10px !important}
  .hero{height:350px !important;min-height:350px !important;aspect-ratio:auto !important}
  .catalog:not(.category-view) .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
  .catalog:not(.category-view) .card-img{height:auto !important;aspect-ratio:1/1.05 !important}
  .catalog.category-view{grid-template-columns:1fr !important}
  .category-view .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
  .category-view .card-img{aspect-ratio:3/4 !important}
  .category-view .card-name{font-size:15px !important}
  .category-view .price{font-size:18px !important}
}

@media (max-width:380px){
  .hero{height:320px !important;min-height:320px !important}
}


/* ======================================================================
   VICROSES PREMIUM C10 — PERLA + GUINDA DEGRADADO + DORADO METÁLICO
   2026-08-29
   Ajuste exclusivamente visual. No modifica carrito, filtros ni pagos.
   ====================================================================== */
:root{
  --c10-pearl:#f7f2e8;
  --c10-pearl-2:#fbf8f1;
  --c10-pearl-3:#efe7d9;
  --c10-wine-top:#4d0b1e;
  --c10-wine-mid:#761832;
  --c10-wine-bottom:#942f4c;
  --c10-wine-text:#6a142c;
  --c10-wine-deep:#3f0918;
  --c10-gold-dark:#8c6429;
  --c10-gold-mid:#d7ab5d;
  --c10-gold-light:#f8e5ac;
  --c10-gold-bright:#ffeec0;
}

/* Fondo general perlado, sin blanco duro. */
html,body{
  background:var(--c10-pearl) !important;
}
body{
  background-image:linear-gradient(180deg,var(--c10-pearl-2) 0%,var(--c10-pearl) 48%,#f3ecdf 100%) !important;
  color:#2a1c1e !important;
}
main,.main,.category-discovery,.catalog,.products-area,.mini-wrap{
  background:transparent !important;
}
.category-discovery{
  background:linear-gradient(180deg,#fbf8f0 0%,#f6efe4 100%) !important;
  border-top:1px solid rgba(138,96,38,.12);
  border-bottom:1px solid rgba(106,20,44,.10);
}

/* Guinda con profundidad vertical: evita el bloque plano/rígido. */
.site-head,.head{
  background:
    linear-gradient(180deg,var(--c10-wine-top) 0%,var(--c10-wine-mid) 52%,var(--c10-wine-bottom) 100%) !important;
  box-shadow:0 10px 30px rgba(65,8,25,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.premium-nav{
  background:linear-gradient(180deg,rgba(68,8,24,.20) 0%,rgba(34,3,12,.18) 100%) !important;
  border-top:1px solid rgba(248,229,172,.25) !important;
}

/* Franja superior perlada. */
.c9-announcement,.top-note{
  background:linear-gradient(180deg,#fbf7ee 0%,#efe4d2 100%) !important;
  color:var(--c10-wine-text) !important;
  border-bottom:1px solid rgba(140,100,41,.22) !important;
}

/* Buscador en marfil con filo dorado suave. */
.search{
  background:linear-gradient(180deg,#fffdf8 0%,#f7efe2 100%) !important;
  border:1.5px solid #d7b46c !important;
  box-shadow:0 8px 22px rgba(48,6,18,.20), inset 0 1px 0 #fff !important;
}
.search button{color:var(--c10-wine-text) !important}

/* Dorado metálico: oferta y acentos. */
.badge{
  background:linear-gradient(180deg,
    var(--c10-gold-bright) 0%,
    #edcf86 28%,
    var(--c10-gold-mid) 57%,
    #b98131 82%,
    var(--c10-gold-dark) 100%) !important;
  color:#4c2a0c !important;
  border:1px solid #8d6228 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 4px 12px rgba(86,49,11,.24) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}
.nav-gold{
  color:#f4d789 !important;
  text-shadow:0 1px 8px rgba(255,220,137,.12);
}

/* Círculos de categorías: aro dorado con gradación metálica. */
.category-bubble-thumb{
  border:0 !important;
  padding:4px !important;
  background:linear-gradient(145deg,
    #8d6429 0%,
    #f7e4a8 25%,
    #c89646 52%,
    #fff0be 73%,
    #9a6b2c 100%) !important;
  box-shadow:0 6px 17px rgba(86,52,14,.16), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.category-bubble-thumb img{
  border:2px solid var(--c10-pearl-2) !important;
  background:#fff !important;
}
.category-bubble:hover .category-bubble-thumb,
.category-bubble.on .category-bubble-thumb{
  box-shadow:0 0 0 3px #f6ecd9,0 0 0 6px #a77834,0 8px 20px rgba(84,42,17,.22) !important;
}

/* Títulos y subtítulos principales en guinda. */
.category-discovery-head h2,
.section-title,
.products-head h2,
.section h2,
.mobile-menu-title,
.mega-title{
  color:var(--c10-wine-text) !important;
  -webkit-text-fill-color:var(--c10-wine-text) !important;
}
.category-discovery-head p,
.products-head small{
  color:#76545b !important;
  -webkit-text-fill-color:#76545b !important;
}
.category-bubble,
.category-bubble:hover,
.category-bubble.on{
  color:var(--c10-wine-text) !important;
  -webkit-text-fill-color:var(--c10-wine-text) !important;
  font-weight:800 !important;
}

/* Filtro: guinda degradado, tipografía y marco dorados. */
.mobile-filter-toggle{
  color:#f6dc95 !important;
  -webkit-text-fill-color:#f6dc95 !important;
  background:linear-gradient(180deg,#5a0f24 0%,#781a34 54%,#4a0b1c 100%) !important;
  border:2px solid #d6aa58 !important;
  box-shadow:inset 0 1px 0 rgba(255,239,190,.18),0 7px 18px rgba(73,13,31,.16) !important;
  font-weight:900 !important;
}
.mobile-filter-toggle .chev{color:#f6dc95 !important}
.filters{
  background:linear-gradient(180deg,#68142c 0%,#4c0c1e 100%) !important;
  border:2px solid #d5aa59 !important;
  box-shadow:inset 0 1px 0 rgba(255,239,190,.12),0 8px 22px rgba(70,12,29,.15) !important;
}
.filters h3,.filters b,.filters label,.filters .filter-block label{
  color:#f2d58b !important;
  -webkit-text-fill-color:#f2d58b !important;
}
.filters .filter-block{
  border-color:rgba(243,215,145,.25) !important;
}
.filters input[type=number],.filters select{
  background:#fffaf0 !important;
  color:#4a1724 !important;
  -webkit-text-fill-color:#4a1724 !important;
  border:1px solid #d5aa59 !important;
}
.filters small,.filters .clear{
  color:#ead29a !important;
  -webkit-text-fill-color:#ead29a !important;
}
.filters .filter-btn{
  color:#521326 !important;
  -webkit-text-fill-color:#521326 !important;
  background:linear-gradient(180deg,#ffe8aa 0%,#d5a652 55%,#ad792d 100%) !important;
  border:1px solid #8b6127 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}

/* Tarjetas sobre perla, no blanco clínico. */
.card,.rcard,.mega-product{
  background:linear-gradient(180deg,#fffdf8 0%,#faf4e9 100%) !important;
  border-color:#dbc7a4 !important;
}
.card-name,.rname,.mega-product-name{
  color:#4b1625 !important;
  -webkit-text-fill-color:#4b1625 !important;
}
.price,.rprice,.mega-product-price{
  color:#861d38 !important;
  -webkit-text-fill-color:#861d38 !important;
}

/* Mega menú: marfil/perla con títulos guinda y líneas doradas suaves. */
.mega-menu{
  background:linear-gradient(180deg,#fffdf8 0%,#f7efe2 100%) !important;
  border:1px solid #d8b66f !important;
}
.mega-col{border-right-color:rgba(170,123,50,.24) !important}
.mega-links a{color:#5c3941 !important}
.mega-links a:hover{color:var(--c10-wine-text) !important}

/* Footer coherente con el guinda, también degradado vertical. */
footer,.footer{
  background:linear-gradient(180deg,#451022 0%,#32101b 48%,#1f1117 100%) !important;
  border-top:2px solid #b8893f !important;
}
footer .footer-title,.footer .footer-title{
  color:#f1d58d !important;
  -webkit-text-fill-color:#f1d58d !important;
}

@media (max-width:780px){
  body{
    background:linear-gradient(180deg,#fbf8f1 0%,#f4edde 100%) !important;
  }
  .site-head,.head{
    background:linear-gradient(180deg,#4f0b1f 0%,#74152f 52%,#8c2945 100%) !important;
  }
  .category-discovery{
    background:linear-gradient(180deg,#fbf8f0 0%,#f3ebdd 100%) !important;
  }
  .category-discovery-head h2{
    color:#67142b !important;
    -webkit-text-fill-color:#67142b !important;
  }
  .category-bubble{
    color:#67142b !important;
    -webkit-text-fill-color:#67142b !important;
    font-weight:900 !important;
  }
  .section-title,
  .products-head h2{
    color:#651329 !important;
    -webkit-text-fill-color:#651329 !important;
  }
  .mobile-filter-toggle{
    min-height:52px !important;
    border-radius:14px !important;
    color:#f8df9c !important;
    -webkit-text-fill-color:#f8df9c !important;
    background:linear-gradient(180deg,#5c0d23 0%,#7c1935 50%,#4b0b1c 100%) !important;
    border:2px solid #d8ad5b !important;
  }
  .filters{
    border-radius:14px !important;
  }
  /* El footer móvil sigue oscuro, pero ahora dentro de la misma familia guinda. */
  footer,.footer{
    background:linear-gradient(180deg,#431021 0%,#2b1018 58%,#1b0d12 100%) !important;
  }
}

/* ==========================================================
   VICROSES C11 — TAXONOMÍA ADMINISTRABLE + FOOTER COMPACTO
   ========================================================== */

/* La navegación ya cabe en escritorio: eliminamos las barras de scroll visibles. */
@media (min-width: 781px){
  .premium-nav{
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    scrollbar-width:none !important;
  }
  .premium-nav::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}
}

/* En móvil se puede deslizar con el dedo, pero nunca se muestra una barra de scroll. */
@media (max-width: 780px){
  .premium-nav{
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }
  .premium-nav::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}
}

/* Footer agrupado: categorías en tarjetas compactas, no en una lista vertical interminable. */
footer .wrap,.footer .wrap{max-width:1320px !important}
footer .footer-grid,.footer .footer-grid{
  grid-template-columns:1.08fr 2.15fr .92fr .95fr !important;
  gap:26px !important;
}
.footer-cat-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  align-content:start;
}
.footer-cat-list>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(224,186,111,.20);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.footer-cat-parent{
  margin:0 0 5px !important;
  color:#f2d98f !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
}
.footer-sub-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:2px 8px !important;
  padding:0 !important;
  border-left:0 !important;
  margin:0 !important;
}
.footer-sub-links a{
  display:inline-block !important;
  width:auto !important;
  margin:1px 0 !important;
  font-size:9px !important;
  line-height:1.3 !important;
  color:#d9cbd0 !important;
}
footer,.footer{padding-top:34px !important;padding-bottom:18px !important}
.copy{margin-top:20px !important;padding-top:14px !important}

/* Cuando una categoría tiene subcategorías, los círculos usan la imagen configurada desde admin. */
.category-bubble-thumb img{transition:transform .18s ease}
.category-bubble:hover .category-bubble-thumb img{transform:scale(1.035)}

@media (max-width: 980px){
  footer .footer-grid,.footer .footer-grid{
    grid-template-columns:1fr 1.65fr !important;
  }
}
@media (max-width: 780px){
  footer .footer-grid,.footer .footer-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .footer-cat-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .footer-sub-links{display:none !important}
  .footer-cat-list>div{padding:8px 9px !important}
}
@media (max-width: 390px){
  .footer-cat-list{grid-template-columns:1fr 1fr !important}
}

/* En teléfono el menú principal se abre desde hamburguesa; evitamos una segunda fila desplazable. */
@media (max-width:780px){
  .premium-nav{display:none !important}
}


/* VICROSES PREMIUM C12 - oro luminoso + entrega previa + complementos */
:root{--c12-pearl:#fffaf0;--c12-wine:#7f0f2b;--c12-wine-dark:#4d0718;--c12-gold-dark:#8c5b10;--c12-gold:#d6a33c;--c12-gold-light:#f5d978;--c12-gold-bright:#fff2b5;--c12-gold-gradient:linear-gradient(135deg,#7e520d 0%,#d5a238 24%,#fff0a7 48%,#d39b30 72%,#8b5d13 100%)}
.card,.rcard,.mega-product,.addon-card{border:2px solid transparent !important;background:linear-gradient(var(--c12-pearl),var(--c12-pearl)) padding-box,var(--c12-gold-gradient) border-box !important;box-shadow:0 7px 20px rgba(115,72,10,.12),0 0 12px rgba(238,201,104,.16) !important}.card:hover,.rcard:hover,.mega-product:hover{box-shadow:0 12px 28px rgba(115,72,10,.16),0 0 17px rgba(255,225,134,.28) !important}.gallery-main{border:2px solid transparent !important;background:linear-gradient(#fff,#fff) padding-box,var(--c12-gold-gradient) border-box !important;box-shadow:0 8px 24px rgba(122,78,16,.10) !important}.thumbs img{border:2px solid #d8a748 !important;box-shadow:0 0 8px rgba(239,205,110,.22)}
.search{background:linear-gradient(var(--c12-pearl),var(--c12-pearl)) padding-box,var(--c12-gold-gradient) border-box !important;border:2px solid transparent !important;box-shadow:0 0 0 1px rgba(255,242,181,.18),0 5px 18px rgba(99,55,8,.12),inset 0 1px 0 rgba(255,255,255,.8) !important}.search input{background:transparent !important;color:#3f2527 !important}.search button{color:#9b6517 !important;background:transparent !important;text-shadow:0 0 8px rgba(255,218,111,.55)}
.lang select,.tools select{background:var(--c12-pearl) !important;color:#5a2a31 !important;border:2px solid #d5a03b !important;box-shadow:0 0 10px rgba(244,209,110,.26),inset 0 1px 0 rgba(255,255,255,.85) !important}.mobile-menu-toggle,.icon-btn,.head-tools>a.icon-btn,.tools a,.tools button{color:#f5d978 !important;border-color:#d6a33c !important;text-shadow:0 0 8px rgba(255,226,135,.45) !important}.mobile-menu-toggle svg,.icon-btn svg,.head-tools>a.icon-btn svg,.tools svg{stroke:#f5d978 !important;filter:drop-shadow(0 0 3px rgba(255,225,132,.35))}.count{background:var(--c12-gold-gradient) !important;color:#4a2d09 !important;border:1px solid #fff0ad !important;box-shadow:0 0 8px rgba(255,225,132,.45) !important}
.category-bubble-thumb{border:3px solid transparent !important;background:linear-gradient(var(--c12-pearl),var(--c12-pearl)) padding-box,var(--c12-gold-gradient) border-box !important;box-shadow:0 0 0 2px rgba(255,245,203,.75),0 6px 18px rgba(111,70,12,.14),0 0 14px rgba(239,205,111,.22) !important}.category-bubble:hover .category-bubble-thumb,.category-bubble.on .category-bubble-thumb{box-shadow:0 0 0 2px #fff8d9,0 0 0 5px #c88e27,0 8px 22px rgba(116,72,9,.18) !important}
.delivery-planner{margin:18px 0 14px;padding:18px;border-radius:16px;border:2px solid transparent;background:linear-gradient(#fffaf2,#fffaf2) padding-box,var(--c12-gold-gradient) border-box;box-shadow:0 10px 28px rgba(98,58,10,.09),0 0 15px rgba(239,205,111,.12)}.delivery-planner-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.delivery-planner-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7cf,#e4b955);border:1px solid #c58e2b;font-size:20px;box-shadow:0 4px 12px rgba(133,83,10,.12)}.delivery-planner-head small{font-size:10px;letter-spacing:1.7px;color:#9c6b23;font-weight:900}.delivery-planner-head h3{margin:2px 0 0;color:#6f0e27;font-size:19px;font-family:'Playfair Display',serif}.delivery-planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.delivery-planner-grid .delivery-wide{grid-column:1/-1}.delivery-planner .field input,.delivery-planner .field select{width:100%;min-height:46px;padding:10px 12px;border-radius:10px !important;border:1.5px solid #c99536 !important;background:#fffdf7 !important;color:#332527 !important;font-size:14px;box-shadow:inset 0 1px 0 #fff,0 0 7px rgba(230,192,93,.10)}.delivery-planner .field label{color:#6b2434 !important;font-weight:800 !important;font-size:11px !important}.delivery-cost{font-size:11px;color:#7b5b37;margin-top:6px;font-weight:650}.delivery-cost.free{color:#14794b}.delivery-planner-note{margin:11px 0 0;font-size:10.5px;color:#795e54}
body.addon-open{overflow:hidden}.addon-modal{display:none;position:fixed;inset:0;z-index:3000;align-items:center;justify-content:center;padding:18px}.addon-modal.on{display:flex}.addon-backdrop{position:absolute;inset:0;background:rgba(34,19,22,.64);backdrop-filter:blur(2px)}.addon-box{position:relative;width:min(620px,96vw);max-height:90dvh;overflow:auto;background:linear-gradient(#fffaf2,#fffaf2) padding-box,var(--c12-gold-gradient) border-box;border:2px solid transparent;border-radius:22px;padding:22px;box-shadow:0 24px 70px rgba(34,12,18,.28)}.addon-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#7b1830;font-size:28px;cursor:pointer}.addon-success{color:#13824e;font-weight:900;font-size:13px;margin-bottom:8px}.addon-box h2{font-family:'Playfair Display',serif;color:#72142a;font-size:29px;margin:0 0 4px}.addon-box>p{font-size:12px;color:#80636a;margin:0 0 16px}.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.addon-card{border-radius:13px !important;overflow:hidden !important}.addon-card img{width:100%;height:120px;object-fit:cover;display:block}.addon-card-body{padding:10px;display:flex;flex-direction:column;gap:6px}.addon-card-body b{font-size:11px;line-height:1.25;color:#40272c;min-height:28px}.addon-card-body strong{color:#74192e;font-size:14px}.addon-card-body button{border:1.5px solid #b8862c;background:#fffaf2;color:#751a2f;border-radius:999px;padding:8px;font-weight:900;font-size:11px;cursor:pointer}.addon-card-body button:hover{background:linear-gradient(135deg,#fff5c9,#e8bf63)}.addon-footer{border-top:1px solid #ead9bb;margin-top:16px;padding-top:15px;display:grid;gap:8px}.addon-checkout{border:0;border-radius:999px;padding:13px;background:linear-gradient(180deg,#9a2442,#71132a);color:#fff;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 8px 18px rgba(112,20,43,.18)}.addon-continue{border:0;background:transparent;color:#765e60;font-weight:700;cursor:pointer;padding:7px}
@media(max-width:780px){.head-tools .icon-btn,.head-tools>a.icon-btn,.mobile-menu-toggle{border:1.5px solid #d6a33c !important;background:rgba(92,10,32,.20) !important;border-radius:11px !important;box-shadow:0 0 8px rgba(242,207,113,.16) !important}.search{border-width:2px !important}.lang select{border-width:2px !important}.delivery-planner{padding:14px;margin-top:14px}.delivery-planner-grid{grid-template-columns:1fr}.delivery-planner-grid .delivery-wide{grid-column:auto}.delivery-planner-head h3{font-size:17px}.addon-box{padding:18px 14px;border-radius:18px}.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.addon-card img{height:105px}.addon-box h2{font-size:25px}}


/* ======================================================================
   VICROSES PREMIUM C13 — ESCAPARATE GRANDE POR CATEGORÍA
   - Inicio: tarjetas compactas, como ya estaban.
   - Categoría/subcategoría/ofertas: fotos gigantes tipo escaparate.
   - Detalle de producto: vuelve a una escala más contenida y elegante.
   ====================================================================== */

@media (min-width: 1100px) {
  /* En categoría aprovechamos casi todo el ancho del monitor. */
  .category-catalog-shell {
    max-width: none !important;
    width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .category-catalog-shell > .section-title {
    margin-top: 16px !important;
    margin-bottom: 10px !important;
  }
  .category-catalog-shell .catalog.category-view {
    grid-template-columns: 172px minmax(0,1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    padding-top: 4px !important;
  }

  /* Escaparate: cuatro imágenes realmente grandes en monitores amplios. */
  .category-catalog-shell .category-view .grid {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 10px !important;
    align-items: start !important;
  }
  .category-catalog-shell .category-view .card {
    min-width: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 16px rgba(68,35,18,.08), 0 0 7px rgba(234,196,94,.10) !important;
  }
  .category-catalog-shell .category-view .card:hover {
    transform: translateY(-3px) !important;
  }
  .category-catalog-shell .category-view .card-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 0.76 / 1 !important;
    object-fit: cover !important;
    display: block !important;
  }
  .category-catalog-shell .category-view .card-body {
    padding: 9px 9px 11px !important;
    text-align: left !important;
  }
  .category-catalog-shell .category-view .card-name {
    min-height: 0 !important;
    margin: 0 0 4px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  .category-catalog-shell .category-view .old {
    display: inline-block !important;
    margin-right: 5px !important;
    font-size: 11px !important;
  }
  .category-catalog-shell .category-view .price {
    display: inline-block !important;
    margin: 2px 0 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  /* Igual que el escaparate de referencia: en listado se prioriza fotografía + nombre + precio. */
  .category-catalog-shell .category-view .card-installment,
  .category-catalog-shell .category-view .card-delivery,
  .category-catalog-shell .category-view .rating,
  .category-catalog-shell .category-view .card-actions {
    display: none !important;
  }

  .category-catalog-shell .category-view .badge {
    left: 8px !important;
    top: 8px !important;
    font-size: 10px !important;
    padding: 5px 8px !important;
  }

  /* Encabezado del listado más discreto para que las fotos dominen. */
  .category-catalog-shell .products-head {
    margin-bottom: 9px !important;
  }
  .category-catalog-shell .products-head h2 {
    font-size: 21px !important;
  }

  /* El detalle individual vuelve a una escala más contenida. */
  .main > .wrap {
    max-width: 1160px !important;
  }
  .main .product {
    grid-template-columns: minmax(0, .92fr) minmax(390px, .82fr) !important;
    gap: 38px !important;
    align-items: start !important;
  }
  .main .gallery-main {
    max-height: 590px !important;
    object-fit: cover !important;
  }
  .main .title {
    font-size: 38px !important;
  }
}

@media (min-width: 1500px) {
  .category-catalog-shell .catalog.category-view {
    grid-template-columns: 185px minmax(0,1fr) !important;
  }
  .category-catalog-shell .category-view .grid {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  .category-catalog-shell .category-view .card-img {
    aspect-ratio: 0.73 / 1 !important;
  }
}

@media (min-width: 1100px) and (max-width: 1499px) {
  .category-catalog-shell .category-view .grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
  .category-catalog-shell .category-view .card-img {
    aspect-ratio: 0.78 / 1 !important;
  }
}

/* En tablet/celular conservamos dos columnas para no volver incómodo el scroll. */
@media (max-width: 1099px) {
  .category-catalog-shell {
    width: 100% !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C14 — PERLA SATINADA + GUINDA / DORADO LUMINOSO
   2026-08-30
   Ajuste visual fino según feedback móvil:
   - fondos perla (no blanco)
   - texto guinda en áreas claras
   - botones guinda con borde dorado luminoso
   - inputs perla con contorno dorado
   - footer compacto y agrupado
   - fondo general tipo tela satinada perla, pero tarjetas internas lisas
   ====================================================================== */
:root{
  --c14-pearl:#f6f0e4;
  --c14-pearl-soft:#fbf8f1;
  --c14-pearl-plain:#f9f2e8;
  --c14-pearl-deep:#ede4d4;
  --c14-wine:#6f1230;
  --c14-wine-dark:#4d0a1f;
  --c14-wine-soft:#8a2447;
  --c14-text:#66152f;
  --c14-text-soft:#8c5665;
  --c14-gold-a:#8a5a10;
  --c14-gold-b:#c9962d;
  --c14-gold-c:#f2d57a;
  --c14-gold-d:#fff1b9;
  --c14-gold-e:#b57a18;
  --c14-gold-ring:linear-gradient(135deg,#87550c 0%,#c99329 20%,#fff1b6 46%,#d7aa44 68%,#8a5a11 100%);
  --c14-satin:
    radial-gradient(1300px 420px at 14% 8%, rgba(255,255,255,.58), rgba(255,255,255,0) 52%),
    radial-gradient(1200px 360px at 86% 16%, rgba(255,255,255,.34), rgba(255,255,255,0) 48%),
    radial-gradient(1150px 420px at 18% 72%, rgba(231,222,206,.45), rgba(231,222,206,0) 46%),
    linear-gradient(130deg, #f8f2e7 0%, #f3ecdf 18%, #fffaf2 34%, #eee4d4 50%, #faf5ec 64%, #ebdfcf 78%, #faf6ed 100%);
}

html,body{
  background-color:var(--c14-pearl) !important;
}
body{
  background-image:var(--c14-satin) !important;
  background-attachment:fixed !important;
  color:var(--c14-text) !important;
}
main,.main,.catalog,.products-area,.category-catalog-shell,.mini-wrap,.wrap{
  background:transparent !important;
}

/* zonas claras: siempre perla lisa, sin blanco duro */
.section-title,.products-head,.filters,.empty,
.card,.card-body,.gallery-main,.thumbs img,
.delivery-planner,.ship,.addon-box,.addon-card,.addon-footer,
.mega-menu,.mega-product,.claims-card,
.footer-cat-list>div,
footer .footer-grid>div{
  background-color:var(--c14-pearl-plain) !important;
}

/* Tarjetas y bloques con oro luminoso */
.card,.rcard,.gallery-main,.thumbs img,
.delivery-planner,.ship,.addon-card,.addon-box,
.claims-card,.footer-cat-list>div,
footer .footer-grid>div,
.search,.lang select,.tools select,
.buy-row .qty,.qty,
.card-actions .view,.related-actions .view,
.card-actions .add,.related-actions .add,
.buy-row .add,.addon-checkout,.addon-card-body button,
.delivery-planner .field input,.delivery-planner .field select{
  border:2px solid transparent !important;
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 0 0 1px rgba(255,245,198,.16),0 8px 22px rgba(114,75,16,.10),0 0 14px rgba(244,213,122,.12) !important;
}

/* Header guinda degradado + iconografía dorada */
.site-head,.head{
  background:
    linear-gradient(180deg,#4e0b1f 0%, #6d1430 22%, #7e2142 58%, #65152e 100%) !important;
  box-shadow:0 12px 34px rgba(49,8,21,.24), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.top-note,.c9-announcement{
  background:linear-gradient(180deg,#faf4ea 0%, #f1e7d8 100%) !important;
  color:var(--c14-wine) !important;
}
.mobile-menu-btn,
.icon-btn,.head-tools>a.icon-btn,.head-tools .icon-btn,
.mobile-menu-toggle{
  color:var(--c14-gold-c) !important;
  border:2px solid rgba(239,205,110,.68) !important;
  background:linear-gradient(180deg,rgba(82,12,31,.52),rgba(116,20,48,.38)) !important;
  box-shadow:0 0 12px rgba(242,213,122,.14), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.mobile-menu-btn svg,
.icon-btn svg,.head-tools>a.icon-btn svg,.head-tools .icon-btn svg,
.mobile-menu-toggle svg{
  stroke:var(--c14-gold-c) !important;
  filter:drop-shadow(0 0 4px rgba(255,232,166,.40));
}
.count{
  background:var(--c14-gold-ring) !important;
  color:#4d2f07 !important;
  border:1px solid #fff3be !important;
  box-shadow:0 0 9px rgba(255,226,136,.52) !important;
}

/* Buscador e idioma: perla + texto guinda */
.search{
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  border:2px solid transparent !important;
}
.search input,
.search input::placeholder,
.lang select,
.tools select{
  color:var(--c14-text) !important;
}
.search input{background:transparent !important;font-weight:700 !important}
.search input::placeholder{opacity:1 !important;color:#734454 !important}
.search button{color:var(--c14-wine) !important;text-shadow:none !important;font-weight:900 !important;background:transparent !important}
.lang select,.tools select{
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  font-weight:800 !important;
}

/* fondos y títulos en perla/guinda */
.category-discovery,
.section-title,
.catalog .filters,
.products-head,
.product,
.related-block,
.related-card,
.meta,
.breadcrumb,
.notice,
.empty,
.footer,
footer{
  color:var(--c14-text) !important;
}
.category-discovery{background:transparent !important;border-top-color:rgba(147,109,34,.12) !important;border-bottom-color:rgba(111,18,48,.10) !important}
.category-discovery-head h2,
.products-head h2,
.section-title,
.title,
.footer-title,
.delivery-planner-head h3,
.related-block h3,
.addon-box h2,
.mega-title,
.card-name,
.related-name{
  color:var(--c14-wine) !important;
}
.category-discovery-head p,
.products-head small,
.footer-about,
.footer a,
.copy,
.meta,
.breadcrumb,
.old,
.delivery-cost,
.delivery-planner-note,
.card-installment,
.card-delivery,
.rating{
  color:#7a5560 !important;
}
.card-installment,
.card-delivery,
.price,
.related-price,
.installments,
.addon-card-body strong{color:var(--c14-wine) !important}
.price,.related-price{font-weight:900 !important}
.old{text-decoration-color:rgba(111,18,48,.45) !important}

/* Burbujas de categorías */
.category-bubble{color:var(--c14-wine) !important}
.category-bubble-thumb{
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  border:3px solid transparent !important;
  box-shadow:0 0 0 2px rgba(255,247,214,.82),0 7px 18px rgba(102,60,12,.14),0 0 14px rgba(241,210,120,.18) !important;
}
.category-bubble:hover .category-bubble-thumb,
.category-bubble.on .category-bubble-thumb{
  box-shadow:0 0 0 2px rgba(255,247,214,.96),0 0 0 5px rgba(196,143,43,.90),0 8px 22px rgba(101,56,13,.18),0 0 18px rgba(255,221,130,.24) !important;
}
.category-bubble span{color:var(--c14-wine) !important;font-weight:800 !important}

/* Productos: cuadro perla liso, sin textura */
.card,.related-card,.rcard,.mega-product,.addon-card{
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  background-color:var(--c14-pearl-plain) !important;
}
.card-body,.related-body{
  background:var(--c14-pearl-plain) !important;
}
.card-img,.related-card img,.mega-product img,.addon-card img{
  background:var(--c14-pearl-plain) !important;
}
.badge{
  background:var(--c14-gold-ring) !important;
  color:#4a2d08 !important;
  border:1px solid rgba(128,87,20,.58) !important;
  box-shadow:0 4px 12px rgba(99,62,13,.18),0 0 10px rgba(249,223,136,.20) !important;
}

/* Botones del listado */
.card-actions,
.related-actions{
  gap:10px !important;
}
.card-actions .view,.related-actions .view{
  color:var(--c14-wine) !important;
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  font-weight:800 !important;
}
.card-actions .add,.related-actions .add,
.buy-row .add,.addon-checkout,.addon-card-body button{
  background-image:linear-gradient(180deg,#8a2244 0%,#6f1230 100%),var(--c14-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  color:#fff4d0 !important;
  border:2px solid transparent !important;
  text-shadow:0 0 7px rgba(255,233,165,.12) !important;
  box-shadow:0 9px 18px rgba(98,18,45,.18),0 0 14px rgba(241,210,120,.12) !important;
}
.card-actions .add:hover,.related-actions .add:hover,
.buy-row .add:hover,.addon-checkout:hover,.addon-card-body button:hover{
  background-image:linear-gradient(180deg,#9a2b4d 0%,#7b1636 100%),var(--c14-gold-ring) !important;
}

/* Página de producto */
.product .breadcrumb,.product .meta{color:#7a5560 !important}
.product .title{color:var(--c14-wine) !important}
.ship{
  background-image:linear-gradient(var(--c14-pearl-soft),var(--c14-pearl-soft)),var(--c14-gold-ring) !important;
  color:var(--c14-wine) !important;
  line-height:1.7 !important;
}
.delivery-planner{
  background-image:linear-gradient(var(--c14-pearl-soft),var(--c14-pearl-soft)),var(--c14-gold-ring) !important;
}
.delivery-planner-head small,
.delivery-planner .field label,
.delivery-planner-note,
.delivery-cost,
.installments,
.meta,
.breadcrumb{
  color:var(--c14-wine) !important;
}
.delivery-planner-icon{
  background:linear-gradient(180deg,#fff6d2 0%,#e1b455 100%) !important;
  color:#724616 !important;
  border:1px solid rgba(150,103,26,.75) !important;
  box-shadow:0 4px 12px rgba(132,85,13,.18),0 0 10px rgba(255,227,134,.18) !important;
}
.delivery-planner .field input,
.delivery-planner .field select,
.opts .field select,
.opts .field input{
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  color:var(--c14-wine) !important;
  border:2px solid transparent !important;
}
.delivery-planner .field input::placeholder{color:#815463 !important;opacity:1 !important}
.buy-row .qty,.qty{
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  color:var(--c14-wine) !important;
  font-weight:900 !important;
}
.buy-row .qty::placeholder{color:#815463 !important}

/* Drawer / carrito */
.drawer,.cart-drawer,.cart-panel,.cart-box,.cart-item{
  background-color:var(--c14-pearl-plain) !important;
}
.drawer .qty button,.cart-item .qty button,
.drawer button,.cart-drawer button{
  border-radius:10px !important;
}

/* Footer: guinda con grupos compactos */
footer,.footer{
  background:
    linear-gradient(180deg,#4e0b1f 0%, #640f2a 32%, #531023 64%, #430a1a 100%) !important;
  color:#f4ead8 !important;
}
.footer-logo{filter:drop-shadow(0 4px 10px rgba(0,0,0,.14))}
.footer-about,
footer a,.footer a,
.copy,
footer span,.footer span{color:#f3eadb !important}
footer .footer-title,.footer .footer-title{color:#f1d57d !important}
.claims-card{
  background-image:linear-gradient(180deg,rgba(113,18,48,.28),rgba(75,10,31,.42)),var(--c14-gold-ring) !important;
  color:#f5ebd8 !important;
}
.claims-book{
  background:var(--c14-pearl-plain) !important;
  color:var(--c14-wine) !important;
}
.footer-cat-parent{color:#fff3d1 !important}
.footer-sub-links a{color:#f2e7d4 !important}
footer .footer-grid>div{
  background-image:linear-gradient(180deg,rgba(255,248,239,.04),rgba(255,248,239,.02)),var(--c14-gold-ring) !important;
  background-color:transparent !important;
  border:1.5px solid transparent !important;
  border-radius:18px !important;
  padding:18px 18px 16px !important;
  box-shadow:0 10px 22px rgba(25,3,10,.10),0 0 12px rgba(236,204,111,.06) !important;
}
.footer-cat-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.footer-cat-list>div{
  background-image:linear-gradient(180deg,rgba(255,249,241,.05),rgba(255,249,241,.02)),var(--c14-gold-ring) !important;
  border-radius:14px !important;
  padding:12px 12px 10px !important;
}
.footer-sub-links{border-left:1px solid rgba(241,215,125,.30) !important;padding-left:8px !important}
.footer-whatsapp{
  background:linear-gradient(180deg,#1fc869,#17a458) !important;
  color:#fff !important;
}

/* Responsive móvil */
@media (max-width:780px){
  body{background-size:cover !important}
  .head-main{
    padding:12px 12px 14px !important;
    gap:10px 8px !important;
  }
  .brand img{max-width:198px !important;height:57px !important}
  .head-tools{gap:6px !important}
  .head-tools .icon-btn,.head-tools>a.icon-btn,.mobile-menu-btn{
    width:42px !important;min-width:42px !important;height:42px !important;min-height:42px !important;
    padding:0 !important;border-radius:14px !important;
  }
  .lang select{
    width:74px !important;max-width:74px !important;height:42px !important;min-height:42px !important;
    background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
    color:var(--c14-wine) !important;
  }
  .search{
    height:56px !important;
    background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
    box-shadow:0 7px 18px rgba(38,5,16,.18),0 0 10px rgba(241,210,120,.10) !important;
  }
  .search input{
    font-size:16px !important;
    color:var(--c14-wine) !important;
  }
  .search button{font-size:26px !important;color:var(--c14-wine) !important}

  .category-discovery,
  .category-catalog-shell,
  .catalog,
  .products-area,
  .main,
  main{background:transparent !important}

  .products-head h2{font-size:27px !important;color:var(--c14-wine) !important}
  .products-head small{color:#7c5862 !important;font-weight:700 !important}

  .catalog:not(.category-view) .grid,
  .category-view .grid{
    gap:10px !important;
  }
  .card{
    border-radius:18px !important;
    overflow:hidden !important;
    background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  }
  .card-body{
    padding:10px 10px 13px !important;
    background:var(--c14-pearl-plain) !important;
  }
  .card-name{font-size:15px !important;min-height:38px !important;color:var(--c14-wine) !important}
  .card-installment,.card-delivery,.rating,.old{color:#7a5560 !important}
  .price{font-size:18px !important;color:var(--c14-wine) !important}
  .card-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin-top:10px !important}
  .card-actions .view,.card-actions .add{
    min-height:44px !important;
    padding:10px 8px !important;
    font-size:12px !important;
    border-radius:14px !important;
  }
  .card-actions .view{color:var(--c14-wine) !important}
  .card-actions .add{color:#fff2cf !important}

  .ship{
    padding:14px 14px !important;
    font-size:13px !important;
    border-radius:14px !important;
    background-image:linear-gradient(var(--c14-pearl-soft),var(--c14-pearl-soft)),var(--c14-gold-ring) !important;
    color:var(--c14-wine) !important;
  }
  .delivery-planner{
    padding:14px 13px !important;
    border-radius:18px !important;
    background-image:linear-gradient(var(--c14-pearl-soft),var(--c14-pearl-soft)),var(--c14-gold-ring) !important;
  }
  .delivery-planner-head h3{font-size:17px !important}
  .delivery-planner .field label,
  .delivery-planner-note,
  .delivery-cost,
  .installments{color:var(--c14-wine) !important}
  .delivery-planner .field input,
  .delivery-planner .field select,
  .opts .field select,
  .opts .field input{
    min-height:50px !important;
    font-size:15px !important;
    color:var(--c14-wine) !important;
    background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  }
  .buy-row{
    gap:12px !important;
    align-items:stretch !important;
  }
  .buy-row .qty,.qty{
    min-width:86px !important;
    width:86px !important;
    min-height:52px !important;
    border-radius:14px !important;
    text-align:center !important;
    font-size:24px !important;
    color:var(--c14-wine) !important;
    background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  }
  .buy-row .add{
    min-height:52px !important;
    border-radius:16px !important;
    font-size:15px !important;
    background-image:linear-gradient(180deg,#8a2244 0%,#6f1230 100%),var(--c14-gold-ring) !important;
    color:#fff2cf !important;
  }

  footer,.footer{padding-top:30px !important;padding-bottom:18px !important}
  footer .footer-grid,.footer .footer-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  footer .footer-grid>div,.footer .footer-grid>div{
    width:100% !important;
    padding:16px 14px !important;
    border-radius:18px !important;
  }
  .footer-about{font-size:12px !important;line-height:1.7 !important;color:#f4ead8 !important}
  .claims-card{width:100% !important;justify-content:flex-start !important}
  .footer-cat-list{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .footer-cat-list>div{padding:12px 10px !important}
  .footer-cat-parent{font-size:11px !important;line-height:1.35 !important;color:#fff0d1 !important}
  .footer-sub-links{display:none !important}
  footer a,.footer a,footer span,.footer span{font-size:12px !important;line-height:1.55 !important;color:#f4ead8 !important}
  .copy{font-size:10px !important;color:#f1e7d6 !important}
}

@media (max-width:430px){
  .brand img{max-width:186px !important;height:54px !important}
  .search{height:54px !important}
  .card-name{font-size:14px !important}
  .products-head h2{font-size:25px !important}
}


/* ======================================================================
   VICROSES PREMIUM C15 — guinda más tenue + tipografía guinda en bloques dorados
   ====================================================================== */
:root{
  --c15-wine-soft-1:#7f2c48;
  --c15-wine-soft-2:#8f3955;
  --c15-wine-soft-3:#70233f;
  --c15-footer-1:#5d1027;
  --c15-footer-2:#6f1731;
  --c15-footer-3:#561124;
  --c15-footer-4:#47101f;
}

/* Franja / cabecera menos intensa */
.site-head,.head{
  background:
    linear-gradient(180deg,
      #5e1430 0%,
      #7b2b48 20%,
      #914561 52%,
      #7e304d 78%,
      #672039 100%) !important;
  box-shadow:0 10px 26px rgba(64,15,31,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.nav-wrap,.menu-line,.main-nav,.menu{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
}

/* Footer: guinda más tenue y elegante */
footer,.footer{
  background:
    linear-gradient(180deg,
      #65152f 0%,
      #6f1d37 24%,
      #64182f 52%,
      #551325 76%,
      #48101f 100%) !important;
}

/* Todo texto blanco dentro de bloques dorados => guinda */
footer .footer-grid>div,
.footer .footer-grid>div,
.footer-cat-list>div,
.claims-card,
.claims-book{
  color:var(--c14-wine) !important;
}
footer .footer-grid>div *,
.footer .footer-grid>div *,
.footer-cat-list>div *,
.claims-card *,
.claims-book *{
  color:var(--c14-wine) !important;
}
footer .footer-grid>div a,
.footer .footer-grid>div a,
.footer-cat-list>div a,
.claims-card a,
.claims-book a{
  color:var(--c14-wine) !important;
}
footer .footer-grid>div .footer-title,
.footer .footer-grid>div .footer-title,
.footer-cat-parent,
.claims-card strong,
.claims-book strong{
  color:#6a1230 !important;
}

/* Botón libro de reclamaciones: texto guinda */
.claims-card{
  background-image:linear-gradient(180deg,rgba(255,250,239,.92),rgba(244,232,202,.88)),var(--c14-gold-ring) !important;
}
.claims-book{
  background-image:linear-gradient(var(--c14-pearl-plain),var(--c14-pearl-plain)),var(--c14-gold-ring) !important;
  color:var(--c14-wine) !important;
}

/* Bloques de categorías del footer más legibles */
.footer-cat-list>div{
  background-image:linear-gradient(180deg,rgba(255,250,244,.88),rgba(244,230,194,.84)),var(--c14-gold-ring) !important;
}
.footer-sub-links{border-left-color:rgba(111,18,48,.20) !important}
.footer-sub-links a{color:#6f1230 !important}

/* En móvil/desktop, texto descriptivo del footer ligeramente más cálido */
.footer-about,
footer .footer-about,
footer .copy,.footer .copy{
  color:#f4e9db !important;
}

/* Si hay cajas doradas del footer con spans heredados blancos, forzarlos a guinda */
footer .footer-grid .muted,
footer .footer-grid small,
footer .footer-grid li,
.footer .footer-grid .muted,
.footer .footer-grid small,
.footer .footer-grid li{
  color:#6f1230 !important;
}

/* Version móvil: mantener la misma línea estética suave */
@media (max-width:780px){
  .site-head,.head{
    background:
      linear-gradient(180deg,
        #61142f 0%,
        #7a2c49 22%,
        #8c4260 52%,
        #772b47 78%,
        #651f39 100%) !important;
  }
  footer,.footer{
    background:
      linear-gradient(180deg,
        #64152f 0%,
        #6c1b35 28%,
        #5e162c 58%,
        #4f1122 100%) !important;
  }
  footer .footer-grid>div *,
  .footer .footer-grid>div *,
  .footer-cat-list>div *{
    color:#6f1230 !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C16 — 2026-08-30
   Ajuste solicitado: cabecera / slider 20% más grande
   ====================================================================== */
.hero{
  height:min(638px,48.7vw) !important;
  min-height:370px !important;
}
.hero-slide img,
.hero img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
@media (max-width:780px){
  .hero{
    height:420px !important;
    min-height:420px !important;
  }
}
@media (max-width:380px){
  .hero{
    height:384px !important;
    min-height:384px !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C17 — 2026-08-30
   Paleta final: guinda + dorado + perla
   - quitar cajas doradas del footer
   - tarjetas clicables sin botones visibles
   - precio anterior y actual en la misma línea
   - contornos dorados brillosos y fondos perla
   ====================================================================== */
:root{
  --c17-wine:#6f1230;
  --c17-wine-soft:#7d1837;
  --c17-wine-dark:#571024;
  --c17-gold:#d8aa44;
  --c17-gold-deep:#9a6613;
  --c17-gold-light:#f4d67f;
  --c17-gold-ivory:#fff3c6;
  --c17-pearl:#f6efe2;
  --c17-pearl-soft:#fbf7ee;
  --c17-gold-ring:linear-gradient(135deg,#8e5b11 0%,#d8a53c 22%,#fff3c7 48%,#d39d31 72%,#87550f 100%);
  --c17-wine-grad:linear-gradient(180deg,#7a1838 0%,#69152f 58%,#581024 100%);
}
html,body{background:var(--c17-pearl-soft) !important;color:var(--c17-wine) !important;}
body{position:relative;}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.52),transparent 33%),
    radial-gradient(circle at 84% 10%,rgba(255,255,255,.36),transparent 28%),
    linear-gradient(120deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,.16) 58%,rgba(255,255,255,0) 76%),
    linear-gradient(180deg,#fbf7ee 0%,#f6efe2 100%);
}

/* Fondos guinda difuminados */
.top-note,.head,.head-main,.topbar,.site-topbar,.main-head,.nav,.main-nav,
header nav,.drawer-head,.filter-btn,.add,.pay-btn,.yape-pay-btn,
.addon-checkout,footer,.footer{
  background:var(--c17-wine-grad) !important;
}
.top-note,.head,.head-main,.nav,.main-nav,header nav,footer,.footer,
.filter-btn,.add,.pay-btn,.yape-pay-btn,.addon-checkout{
  color:var(--c17-pearl) !important;
}

/* Entradas perla con contorno dorado brilloso */
.search,.lang select,.tools select,
.field select,.field input,.field textarea,
.qty,.coupon input,.drawer input,.drawer select,.drawer textarea,
.ship,.delivery-planner,.delivery-planner .field input,
.delivery-planner .field select,.buy-row .qty,.gallery-main,.thumbs img,
.section-title,.products-head,.empty,.claims-card{
  border:2px solid transparent !important;
  background-image:linear-gradient(var(--c17-pearl),var(--c17-pearl)),var(--c17-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 0 10px rgba(246,214,127,.22),0 7px 20px rgba(122,78,15,.08) !important;
}
.search input,.search button,.search input::placeholder,
.lang select,.tools select,.field select,.field input,.field textarea,
.qty,.coupon input,.drawer input,.drawer select,.drawer textarea,
.ship,.delivery-planner .field label,.delivery-planner-note,.delivery-cost{
  color:var(--c17-wine) !important;
}
.search input::placeholder,.field input::placeholder,.field textarea::placeholder,
.coupon input::placeholder,.qty::placeholder{opacity:1 !important;color:#815061 !important;}
.search button{background:transparent !important;color:var(--c17-wine) !important;text-shadow:0 0 8px rgba(255,235,160,.48) !important;}
.lang select,.tools select{background-color:var(--c17-pearl) !important;}

/* Textos generales solo en la paleta */
h1,h2,h3,h4,h5,h6,.title,.card-name,.rname,.related-name,
.section-title,.products-head h2,.footer-title,.footer-cat-parent,
.breadcrumb,.meta,.bullets,.review,.installments,.card-installment,
.card-delivery,.rating,.old,.price,.rprice,.related-price,
.related-old,.copy,.company,.footer-about,footer a,.footer a,
footer span,.footer span,.field label,.delivery-planner-head small,
.delivery-planner-head h3,.ship,.product p,.product li,.empty,
.addon-box h2,.addon-box p,.addon-card-body b,.addon-card-body strong{
  color:var(--c17-wine) !important;
}
.footer-title,.footer-cat-parent{color:var(--c17-gold-ivory) !important;}
.badge,.mega-chip{
  background:var(--c17-gold-ring) !important;
  color:var(--c17-wine-dark) !important;
  border:1px solid rgba(255,243,198,.9) !important;
  box-shadow:0 0 10px rgba(244,214,127,.32) !important;
}

/* Tarjetas de catálogo: perla pura, contorno dorado, sin botones visibles */
.card,.rcard,.related-card,.mega-product,.addon-card{
  border:2px solid transparent !important;
  background:linear-gradient(var(--c17-pearl),var(--c17-pearl)) padding-box,var(--c17-gold-ring) border-box !important;
  box-shadow:0 0 14px rgba(244,214,127,.20),0 10px 26px rgba(113,18,48,.08) !important;
}
.card:hover,.rcard:hover,.related-card:hover{box-shadow:0 0 16px rgba(255,233,171,.28),0 14px 30px rgba(113,18,48,.12) !important;}
.card-img,.rcard img,.related-card img,.gallery-main{background:var(--c17-pearl) !important;}
.card-body,.rbody,.related-body{text-align:center !important;}
.card-price-line,.related-price-line,.price-row{display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;flex-wrap:wrap !important;}
.card .old,.card .price,.related-price-line .related-old,.related-price-line .related-price,
.price-row .old,.price-row .price{display:inline-block !important;margin:0 !important;vertical-align:middle !important;}
.card .old,.related-old,.price-row .old{font-size:16px !important;opacity:.78 !important;text-decoration-color:rgba(111,18,48,.45) !important;}
.card .price,.related-price,.price-row .price{font-size:20px !important;font-weight:900 !important;}
.card-installment,.card-delivery,.installments,.rinst,.rating{color:var(--c17-wine-soft) !important;}
.card-actions,.related-actions{display:none !important;}

/* Botones principales: guinda + texto perla + borde dorado brillante */
.add,.filter-btn,.pay-btn,.yape-pay-btn,.addon-checkout,
.card-actions .add,.related-actions .add{
  border:2px solid transparent !important;
  background-image:linear-gradient(180deg,#8f2141 0%,#6f1230 100%),var(--c17-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  color:var(--c17-pearl) !important;
  box-shadow:0 0 11px rgba(243,214,123,.24),0 8px 18px rgba(111,18,48,.18) !important;
}
.card-actions .view,.related-actions .view{
  border:2px solid transparent !important;
  background-image:linear-gradient(var(--c17-pearl),var(--c17-pearl)),var(--c17-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  color:var(--c17-wine) !important;
}
.qty,.buy-row .qty{font-size:24px !important;font-weight:800 !important;text-align:center !important;color:var(--c17-wine) !important;background-color:var(--c17-pearl) !important;}

/* Footer limpio: sin cuatro cuadros dorados */
footer,.footer{
  background:var(--c17-wine-grad) !important;
  color:var(--c17-pearl) !important;
  border-top:1px solid rgba(255,241,185,.25) !important;
}
footer .wrap,.footer .wrap{max-width:1320px !important;}
footer .footer-grid,.footer .footer-grid{
  display:grid !important;
  grid-template-columns:1.2fr 2fr 1fr 1fr !important;
  gap:34px !important;
  align-items:start !important;
}
footer .footer-grid>div,.footer .footer-grid>div,
.footer-cat-list>div,.claims-card{
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.footer-about,footer a,.footer a,footer span,.footer span,.copy{
  color:var(--c17-pearl) !important;
}
.footer-title,.footer-cat-parent{color:var(--c17-gold-light) !important;}
.footer-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.18)) !important;}
.claims-card{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 18px !important;
  border-radius:14px !important;
  color:var(--c17-wine) !important;
  margin-top:12px !important;
}
.claims-book{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.55) !important;}
.footer-cat-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px 26px !important;
}
.footer-cat-list>div{min-height:0 !important;}
.footer-sub-links{
  display:block !important;
  border-left:1px solid rgba(244,214,127,.30) !important;
  padding-left:10px !important;
  margin:6px 0 0 !important;
}
.footer-sub-links a{color:#f3e7cd !important;font-size:11px !important;line-height:1.5 !important;}
.copy{border-top:1px solid rgba(244,214,127,.22) !important;}

/* WhatsApp más parecido al botón original */
.footer-whatsapp{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  border-radius:999px !important;
  background:#25d366 !important;
  color:#fff !important;
  border:2px solid #fff !important;
  box-shadow:0 8px 18px rgba(37,211,102,.22) !important;
  padding:10px 14px !important;
  font-weight:800 !important;
}
.footer-whatsapp svg,.wa svg{stroke:#fff !important;fill:none !important;}
.wa{
  background:#25d366 !important;
  color:#fff !important;
  border:3px solid #fff !important;
  box-shadow:0 10px 24px rgba(37,211,102,.24),0 0 0 3px rgba(255,255,255,.16) !important;
}

/* Menús, íconos, contadores y selectores */
.mobile-menu-toggle,.icon-btn,.head-tools>a.icon-btn,.tools a,.tools button{
  color:var(--c17-gold-light) !important;
  border-color:rgba(244,214,127,.72) !important;
  text-shadow:0 0 8px rgba(255,232,171,.26) !important;
}
.mobile-menu-toggle svg,.icon-btn svg,.head-tools>a.icon-btn svg,.tools svg{stroke:var(--c17-gold-light) !important;}
.count{
  background:var(--c17-gold-ring) !important;
  color:var(--c17-wine-dark) !important;
  border:1px solid rgba(255,243,198,.95) !important;
  box-shadow:0 0 10px rgba(244,214,127,.35) !important;
}

/* Product detail blocks */
.ship,.delivery-planner,.gallery-main,.thumbs img,.section{
  background-color:var(--c17-pearl) !important;
}
.breadcrumb{color:#8a5563 !important;}
.meta{color:#8a5563 !important;}

/* Responsive */
@media (max-width: 980px){
  footer .footer-grid,.footer .footer-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width: 780px){
  footer .footer-grid,.footer .footer-grid{grid-template-columns:1fr !important;gap:20px !important;}
  .footer-cat-list{grid-template-columns:1fr 1fr !important;gap:10px 14px !important;}
  .footer-sub-links{display:none !important;}
  .card .price{font-size:18px !important;}
  .card .old{font-size:15px !important;}
}
@media (max-width: 480px){
  .footer-cat-list{grid-template-columns:1fr 1fr !important;}
  .claims-card{width:max-content !important;max-width:100% !important;}
}


/* ======================================================================
   VICROSES PREMIUM C18 — ajustes finales solicitados
   - quitar líneas y contornos del bloque "Nuestros productos"
   - footer con letras doradas visibles
   - zoom hover en tarjetas de producto
   ====================================================================== */

/* Quitar líneas/contornos del encabezado de productos */
.section-title,
.products-head,
.products-head h2,
.products-head small{
  background:none !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
}
.section-title{
  padding:0 !important;
  margin:0 0 10px !important;
  text-align:center !important;
  color:var(--c17-wine) !important;
  font-weight:900 !important;
}
.products-head{
  padding:0 0 12px !important;
  margin:0 0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}
.products-head h2{color:var(--c17-wine) !important;}
.products-head small{color:var(--c17-wine-soft) !important;}

/* Footer: todas las letras doradas y visibles */
footer,.footer{
  color:var(--c17-gold-light) !important;
}
.footer-about,
footer a,.footer a,
footer span,.footer span,
.copy,
.company,
.footer-title,
.footer-cat-parent,
.footer-sub-links a,
footer p,.footer p,
footer li,.footer li,
footer strong,.footer strong,
footer small,.footer small{
  color:var(--c17-gold-light) !important;
  opacity:1 !important;
}
footer a:hover,.footer a:hover,
.footer-cat-parent:hover{
  color:var(--c17-gold-ivory) !important;
}
.footer-sub-links{border-left:1px solid rgba(244,214,127,.35) !important;}

/* Hover zoom en productos */
.card,
.rcard,
.related-card{
  overflow:hidden !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
.card-img,
.rcard img,
.related-card img{
  transition:transform .28s ease !important;
  transform-origin:center center !important;
}
.card:hover,
.rcard:hover,
.related-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 0 18px rgba(255,233,171,.30),0 16px 34px rgba(113,18,48,.14) !important;
}
.card:hover .card-img,
.rcard:hover img,
.related-card:hover img{
  transform:scale(1.06) !important;
}

/* Mantener contornos dorados bien definidos en tarjetas */
.card,.rcard,.related-card{
  border:2px solid transparent !important;
  background:linear-gradient(var(--c17-pearl),var(--c17-pearl)) padding-box,var(--c17-gold-ring) border-box !important;
}

/* En móvil, respetar el ajuste del bloque de productos */
@media (max-width:780px){
  .section-title{margin-bottom:8px !important;}
  .products-head{padding-bottom:8px !important;margin-bottom:6px !important;}
}


/* ======================================================================
   VICROSES PREMIUM C19 — corrección footer visible con paleta oficial
   Paleta: guinda + dorado + perla
   ====================================================================== */

footer,.footer{
  background:
    radial-gradient(circle at 50% -20%, rgba(255,236,176,.10), transparent 32%),
    linear-gradient(180deg, #781a37 0%, #6f1731 34%, #64152d 66%, #571124 100%) !important;
  color:#f2d67f !important;
}
footer .wrap,.footer .wrap,
footer .footer-grid,.footer .footer-grid{
  position:relative !important;
  z-index:2 !important;
}

/* Quitar cualquier estilo heredado que oscurezca el footer */
footer .footer-grid>div,
.footer .footer-grid>div,
.footer-cat-list,
.footer-cat-list>div,
.claims-card,
.claims-book{
  background:none !important;
  box-shadow:none !important;
  border:none !important;
  color:#f2d67f !important;
  opacity:1 !important;
}

footer .footer-grid>div *,
.footer .footer-grid>div *,
.footer-cat-list *,
.claims-card *,
.claims-book *{
  color:#f2d67f !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Jerarquía tipográfica */
footer .footer-title,.footer .footer-title,
.footer-cat-parent,
.claims-card strong,
.claims-book strong{
  color:#ffe39b !important;
  font-weight:900 !important;
}
.footer-about,
footer p,.footer p,
footer li,.footer li,
footer span,.footer span,
footer small,.footer small,
footer a,.footer a,
.footer-sub-links a,
.company,
.copy{
  color:#f3df9f !important;
}
footer a:hover,.footer a:hover,
.footer-sub-links a:hover,
.footer-cat-parent:hover{
  color:#fff1c4 !important;
  text-decoration:none !important;
}

/* Libro de reclamaciones y WhatsApp */
.claims-book{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 16px !important;
  border-radius:16px !important;
  background:linear-gradient(var(--c17-pearl),var(--c17-pearl)) padding-box,var(--c17-gold-ring) border-box !important;
  border:2px solid transparent !important;
  color:var(--c17-wine) !important;
}
.claims-book *, .claims-book{
  color:var(--c17-wine) !important;
}
.footer-whatsapp{
  background:linear-gradient(180deg,#16c95e,#10a94d) !important;
  color:#fff !important;
  border:2px solid rgba(255,255,255,.75) !important;
  box-shadow:0 8px 18px rgba(16,169,77,.22) !important;
}
.footer-whatsapp *, .footer-whatsapp svg{color:#fff !important;stroke:#fff !important;}

/* Columnas del footer visibles y ordenadas */
footer .footer-grid,.footer .footer-grid{
  grid-template-columns:1.3fr 1.3fr 1fr 1fr !important;
  gap:28px !important;
  align-items:start !important;
}
.footer-cat-list{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px 18px !important;
}
.footer-cat-list>div{
  padding:0 !important;
  min-height:0 !important;
}
.footer-sub-links{
  display:block !important;
  padding-left:10px !important;
  margin-top:5px !important;
  border-left:1px solid rgba(244,214,127,.28) !important;
}
.copy{
  border-top:1px solid rgba(244,214,127,.24) !important;
  margin-top:24px !important;
  padding-top:14px !important;
  text-align:center !important;
  font-size:10px !important;
}

@media (max-width:980px){
  footer .footer-grid,.footer .footer-grid{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:780px){
  footer,.footer{padding-top:28px !important;padding-bottom:18px !important;}
  footer .footer-grid,.footer .footer-grid{grid-template-columns:1fr !important;gap:18px !important;}
  .footer-cat-list{grid-template-columns:1fr 1fr !important;gap:10px 14px !important;}
  .footer-sub-links{display:none !important;}
  .footer-about,footer a,.footer a,.copy{font-size:12px !important;line-height:1.55 !important;}
}


/* C21 - footer completamente legible en dorado */
footer,.footer{
  background:linear-gradient(180deg,#7a1b39 0%,#6c1630 44%,#581124 100%) !important;
  color:#f5d978 !important;
}
footer .footer-grid > div *,
.footer .footer-grid > div *,
footer .footer-cat-list > div *,
.footer .footer-cat-list > div *{
  color:#f5d978 !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 1px 1px rgba(60,8,24,.16) !important;
}
footer .footer-title,.footer .footer-title,
footer .footer-cat-parent,.footer .footer-cat-parent{
  color:#ffe9a7 !important;
  font-weight:900 !important;
}
footer .footer-about,.footer .footer-about,
footer a:not(.footer-whatsapp):not(.claims-card),.footer a:not(.footer-whatsapp):not(.claims-card),
footer .footer-sub-links a,.footer .footer-sub-links a,
footer .company,.footer .company,footer .copy,.footer .copy{
  color:#f5d978 !important;
  opacity:1 !important;
}
footer .claims-card,.footer .claims-card{
  background:#f6efe2 !important;
  color:#6f1230 !important;
  border:2px solid #e0b653 !important;
}
footer .claims-card *, .footer .claims-card *{color:#6f1230 !important;opacity:1 !important;}
footer .footer-whatsapp,.footer .footer-whatsapp{background:#25d366 !important;color:#fff !important;border:2px solid #fff !important;}
footer .footer-whatsapp *, .footer .footer-whatsapp *{color:#fff !important;stroke:#fff !important;opacity:1 !important;}
.brand img,.footer-logo{object-fit:contain !important;}
.footer-logo{max-width:270px !important;max-height:92px !important;}


/* ======================================================================
   VICROSES PREMIUM C22 — GUINDA OFICIAL DEL LOGO
   Color tomado del fondo guinda del logo: #591025
   Toda la interfaz guinda usa ahora el mismo tono.
   ====================================================================== */
:root{
  --vicroses-guinda:#591025;
  --vicroses-dorado:#f5d978;
  --vicroses-dorado-claro:#ffe9a7;
  --vicroses-perla:#f6efe2;

  --c8-wine:#591025 !important;
  --c8-wine-dark:#591025 !important;
  --c10-wine:#591025 !important;
  --c10-wine-dark:#591025 !important;
  --c12-wine:#591025 !important;
  --c12-wine-dark:#591025 !important;
  --c14-wine:#591025 !important;
  --c14-wine-dark:#591025 !important;
  --c14-wine-soft:#591025 !important;
  --c17-wine:#591025 !important;
  --c17-wine-soft:#591025 !important;
  --c17-wine-dark:#591025 !important;
}

/* Guinda oficial en TODOS los fondos guinda principales */
.site-head,.head,.head-main,.main-head,.topbar,.site-topbar,
.nav,.main-nav,.menu-line,.nav-wrap,header nav,
.mobile-menu-drawer,.mobile-menu-head,
.drawer-head,
footer,.footer,
.filter-btn,
.add,.pay-btn,.yape-pay-btn,.addon-checkout,
.card-actions .add,.related-actions .add,
.buy-row .add{
  background:#591025 !important;
  background-image:none !important;
}

/* Menús desplegables / bloques que usen guinda */
.mega-menu .mega-title,
.mobile-menu-title,
.footer-title,
.footer-cat-parent,
.products-head h2,
.section-title,
.title,
.card-name,.rname,.related-name,
.price,.rprice,.related-price,
.breadcrumb,.meta,
.delivery-planner-head h3,
.delivery-planner .field label,
.delivery-cost,.delivery-planner-note,
.card-installment,.card-delivery,.installments,
.search input,.search input::placeholder,.search button,
.lang select,.tools select,
.field input,.field select,.field textarea,
.qty,.buy-row .qty{
  color:#591025 !important;
}

/* Header: dorado y perla sobre el mismo guinda */
.mobile-menu-toggle,.mobile-menu-btn,
.icon-btn,.head-tools>a.icon-btn,.head-tools .icon-btn,
.tools a,.tools button,
.nav a,.main-nav a,header nav a{
  color:#f5d978 !important;
}
.mobile-menu-toggle svg,.mobile-menu-btn svg,
.icon-btn svg,.head-tools>a.icon-btn svg,.head-tools .icon-btn svg,
.tools svg{
  stroke:#f5d978 !important;
}

/* Footer: guinda oficial + textos dorados fuertes */
footer,.footer{
  background:#591025 !important;
  color:#f5d978 !important;
}
footer .footer-grid>div *,
.footer .footer-grid>div *,
.footer-cat-list *,
footer p,.footer p,
footer li,.footer li,
footer span,.footer span,
footer small,.footer small,
footer a:not(.footer-whatsapp):not(.claims-card),
.footer a:not(.footer-whatsapp):not(.claims-card),
.footer-about,.company,.copy{
  color:#f5d978 !important;
  opacity:1 !important;
  visibility:visible !important;
}
footer .footer-title,.footer .footer-title,
.footer-cat-parent{
  color:#ffe9a7 !important;
  font-weight:900 !important;
}
.footer-sub-links{border-left-color:rgba(245,217,120,.42) !important;}
.copy{border-top-color:rgba(245,217,120,.34) !important;}

/* Libro de reclamaciones: PERLA + borde dorado + TEXTO GUINDA */
footer .claims-card,.footer .claims-card,
.claims-card{
  background:#f6efe2 !important;
  background-image:none !important;
  border:2px solid #f5d978 !important;
  color:#591025 !important;
  box-shadow:0 0 10px rgba(245,217,120,.22) !important;
}
footer .claims-card *, .footer .claims-card *, .claims-card *{
  color:#591025 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.claims-book{
  background:#f6efe2 !important;
  color:#591025 !important;
  border:none !important;
}

/* Botones guinda de acción conservan texto perla/dorado */
.add,.pay-btn,.yape-pay-btn,.addon-checkout,
.card-actions .add,.related-actions .add,.buy-row .add{
  color:#f6efe2 !important;
  border:2px solid #f5d978 !important;
}

/* Botones perla */
.card-actions .view,.related-actions .view,
.search,.lang select,.tools select,
.qty,.buy-row .qty,
.field input,.field select,.field textarea{
  background:#f6efe2 !important;
  color:#591025 !important;
}

/* WhatsApp se mantiene con su color original */
.wa,.footer-whatsapp{
  background:#25d366 !important;
  color:#fff !important;
}
.wa *, .footer-whatsapp *, .wa svg,.footer-whatsapp svg{
  color:#fff !important;
  stroke:#fff !important;
}

/* En móvil usar exactamente el mismo guinda */
@media(max-width:780px){
  .site-head,.head,.head-main,.main-head,
  .nav,.main-nav,.mobile-menu-drawer,.mobile-menu-head,
  footer,.footer,.drawer-head{
    background:#591025 !important;
    background-image:none !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C23 — fondo guinda tomado del LOGO
   El fondo del logo no es #591025: es un guinda vino con degradación.
   Muestras visuales del logo:
     superior: #712841
     centro:   #813D55
     inferior: #732F44
   ====================================================================== */

:root{
  --logo-wine-top:#712841;
  --logo-wine-mid:#813D55;
  --logo-wine-bottom:#732F44;
  --logo-wine-solid:#79354B;
  --logo-wine-gradient:linear-gradient(
    180deg,
    #712841 0%,
    #783149 24%,
    #813D55 53%,
    #79344C 74%,
    #732F44 100%
  );
  --logo-gold:#F5D978;
  --logo-pearl:#F6EFE2;
}

/* HEADER + navegación + footer con el MISMO fondo guinda del logo */
.top-note,
.c9-announcement,
.site-head,
.head,
.head-main,
.main-head,
.topbar,
.site-topbar,
.nav,
.main-nav,
.menu-line,
.nav-wrap,
header nav,
.mobile-menu-drawer,
.mobile-menu-head,
.drawer-head,
footer,
.footer{
  background:var(--logo-wine-gradient) !important;
  background-color:var(--logo-wine-solid) !important;
}

/* Evitar cualquier guinda oscuro anterior en las grandes superficies */
.site-head::before,
.site-head::after,
.head::before,
.head::after,
footer::before,
footer::after,
.footer::before,
.footer::after{
  background:none !important;
}

/* Mantener el dorado legible sobre el guinda del logo */
.nav a,
.main-nav a,
header nav a,
footer .footer-title,
.footer .footer-title,
.footer-cat-parent,
.footer-about,
footer a:not(.footer-whatsapp):not(.claims-card),
.footer a:not(.footer-whatsapp):not(.claims-card),
.footer-sub-links a,
.company,
.copy,
footer p,
.footer p,
footer li,
.footer li,
footer span:not(.claims-book),
.footer span:not(.claims-book),
footer small,
.footer small{
  color:var(--logo-gold) !important;
  -webkit-text-fill-color:var(--logo-gold) !important;
  opacity:1 !important;
}

/* LIBRO DE RECLAMACIONES:
   perla + borde dorado + texto GUINDA del propio logo */
footer a.claims-card,
.footer a.claims-card,
.claims-card{
  background:var(--logo-pearl) !important;
  background-image:none !important;
  border:2px solid var(--logo-gold) !important;
  color:var(--logo-wine-solid) !important;
  -webkit-text-fill-color:var(--logo-wine-solid) !important;
  box-shadow:
    0 0 0 1px rgba(255,238,174,.32),
    0 0 12px rgba(245,217,120,.20) !important;
}

footer a.claims-card span,
.footer a.claims-card span,
.claims-card span,
footer a.claims-card strong,
.footer a.claims-card strong,
.claims-card strong,
footer .claims-book,
.footer .claims-book,
.claims-book{
  color:var(--logo-wine-solid) !important;
  -webkit-text-fill-color:var(--logo-wine-solid) !important;
  opacity:1 !important;
}

/* El cuadrito del icono también perla/guinda */
.claims-book{
  background:var(--logo-pearl) !important;
  border:none !important;
}

/* Botones guinda: misma familia del logo */
.add,
.pay-btn,
.yape-pay-btn,
.addon-checkout,
.buy-row .add,
.card-actions .add,
.related-actions .add,
.filter-btn{
  background:var(--logo-wine-gradient) !important;
  background-color:var(--logo-wine-solid) !important;
}

/* Móvil: exactamente el mismo fondo */
@media(max-width:780px){
  .top-note,
  .site-head,
  .head,
  .head-main,
  .main-head,
  .nav,
  .main-nav,
  .mobile-menu-drawer,
  .mobile-menu-head,
  .drawer-head,
  footer,
  .footer{
    background:var(--logo-wine-gradient) !important;
    background-color:var(--logo-wine-solid) !important;
  }

  footer a.claims-card span,
  .footer a.claims-card span,
  .claims-card span{
    color:var(--logo-wine-solid) !important;
    -webkit-text-fill-color:var(--logo-wine-solid) !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C24 — quitar contornos del header / nav
   Pedido del usuario: que se vea al ras, sin cajas ni contornos laterales.
   ====================================================================== */

/* Que el header y la navegación ocupen todo el ancho, sin marco interior */
.site-head,
.head,
.topbar,
.site-topbar,
.main-head,
.head-main,
.nav,
.main-nav,
.premium-nav,
.menu-line,
.nav-wrap,
header nav{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* El bloque interno ya no debe verse como una caja separada */
.site-head .wrap,
.head .wrap,
.head-main.wrap,
.nav.wrap,
.premium-nav.wrap,
.main-nav.wrap,
.nav-wrap.wrap,
.menu-line.wrap,
.site-head .head-main,
.site-head .premium-nav{
  max-width:100% !important;
  width:100% !important;
  margin:0 !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Padding uniforme pero al ras visualmente */
.head-main.wrap,
.site-head .head-main{
  padding-left:36px !important;
  padding-right:36px !important;
}

.nav.wrap,
.premium-nav.wrap,
.site-head .premium-nav{
  padding-left:36px !important;
  padding-right:36px !important;
}

/* El nav no debe tener líneas de arriba/abajo que parezcan contornos */
.premium-nav,
.nav,
.main-nav,
.menu-line,
.nav-wrap,
header nav{
  border-top:0 !important;
  border-bottom:0 !important;
  background:var(--logo-wine-gradient) !important;
  background-color:var(--logo-wine-solid) !important;
}

/* Quitar separaciones blancas o sombras laterales */
.site-head::before,
.site-head::after,
.head::before,
.head::after,
.head-main::before,
.head-main::after,
.premium-nav::before,
.premium-nav::after,
.nav::before,
.nav::after{
  display:none !important;
  content:none !important;
}

/* Ajuste móvil */
@media(max-width:780px){
  .head-main.wrap,
  .site-head .head-main,
  .nav.wrap,
  .premium-nav.wrap,
  .site-head .premium-nav{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C25 — contornos dorados + menús en guinda
   ====================================================================== */

/* Selector de cantidad y botón Añadir: contorno dorado luminoso */
.buy-row .qty,
.qty,
.buy-row .add,
.add{
  border:2px solid transparent !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 0 0 1px rgba(255,239,179,.28),0 0 12px rgba(245,217,120,.22) !important;
}
.buy-row .qty,
.qty{
  background-image:linear-gradient(var(--logo-pearl),var(--logo-pearl)),
                   linear-gradient(135deg,#936412 0%,#d5a53c 22%,#fff0af 48%,#d4a23a 72%,#8c5d10 100%) !important;
  color:var(--logo-wine-solid) !important;
  -webkit-text-fill-color:var(--logo-wine-solid) !important;
}
.buy-row .add,
.add{
  background-image:var(--logo-wine-gradient),
                   linear-gradient(135deg,#936412 0%,#d5a53c 22%,#fff0af 48%,#d4a23a 72%,#8c5d10 100%) !important;
  color:var(--logo-pearl) !important;
  -webkit-text-fill-color:var(--logo-pearl) !important;
}

/* Mega menús / desplegables: perla + contorno dorado brillante */
.mega-menu,
.premium-nav .mega-menu,
.nav-item .mega-menu,
.mobile-menu-drawer{
  border:2px solid transparent !important;
  background-image:linear-gradient(var(--logo-pearl),var(--logo-pearl)),
                   linear-gradient(135deg,#936412 0%,#d5a53c 22%,#fff0af 48%,#d4a23a 72%,#8c5d10 100%) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 12px 32px rgba(93,40,60,.13),0 0 14px rgba(245,217,120,.18) !important;
}

/* Todas las letras de los menús desplegables en guinda */
.mega-menu,
.mega-menu *,
.mega-menu a,
.mega-menu .mega-title,
.mega-menu .mega-link,
.mega-menu .mega-product-name,
.mega-menu .mega-product-price,
.mega-menu .mega-chip,
.mobile-menu-drawer,
.mobile-menu-drawer *,
.mobile-menu-title,
.mobile-menu-links a,
.mobile-menu-section a{
  color:var(--logo-wine-solid) !important;
  -webkit-text-fill-color:var(--logo-wine-solid) !important;
  opacity:1 !important;
}

/* Separadores internos en dorado */
.mega-col{
  border-right:1px solid rgba(194,143,44,.36) !important;
}
.mobile-menu-section,
.mega-menu hr{
  border-color:rgba(194,143,44,.34) !important;
}

/* Hover de opciones */
.mega-menu a:hover,
.mobile-menu-links a:hover{
  color:var(--logo-wine-solid) !important;
  -webkit-text-fill-color:var(--logo-wine-solid) !important;
  background:rgba(245,217,120,.16) !important;
}

@media(max-width:780px){
  .buy-row .qty,
  .qty,
  .buy-row .add,
  .add{
    border-width:2px !important;
  }
  .mobile-menu-drawer{
    background-image:linear-gradient(var(--logo-pearl),var(--logo-pearl)),
                     linear-gradient(135deg,#936412 0%,#d5a53c 22%,#fff0af 48%,#d4a23a 72%,#8c5d10 100%) !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C26 — PALETA ÚNICA EN PC + MÓVIL
   Guinda del logo + dorado + perla.
   - elimina negro/grises visibles
   - elimina bordes de las imágenes
   - botón APLICAR en guinda
   - checkout también respeta la paleta
   ====================================================================== */

:root{
  --c26-wine:#79354B;
  --c26-wine-dark:#712841;
  --c26-wine-mid:#813D55;
  --c26-pearl:#F6EFE2;
  --c26-pearl-soft:#FBF7EE;
  --c26-gold:#F5D978;
  --c26-gold-deep:#B98422;
  --c26-gold-ring:linear-gradient(135deg,#8E5B11 0%,#D8A53C 22%,#FFF3C7 48%,#D39D31 72%,#87550F 100%);
  --c26-wine-grad:linear-gradient(180deg,#813D55 0%,#79354B 55%,#712841 100%);
}

/* Texto base: nunca negro en la tienda */
body,
body p,
body li,
body label,
body small,
body strong,
body b,
body span,
body div,
body summary,
body option,
body input,
body select,
body textarea{
  color:var(--c26-wine) !important;
  -webkit-text-fill-color:var(--c26-wine) !important;
}

body ::marker{
  color:var(--c26-wine) !important;
}

/* Títulos y precios */
h1,h2,h3,h4,h5,h6,
.title,.section-title,.products-head h2,
.card-name,.rname,.related-name,
.price,.rprice,.related-price,
.card-installment,.card-delivery,.installments,
.breadcrumb,.meta,.bullets,
.delivery-planner-head h3,
.delivery-planner .field label,
.delivery-cost,.delivery-planner-note{
  color:var(--c26-wine-dark) !important;
  -webkit-text-fill-color:var(--c26-wine-dark) !important;
}

/* Precio anterior también guinda, solo más suave */
.old,.related-old{
  color:rgba(121,53,75,.66) !important;
  -webkit-text-fill-color:rgba(121,53,75,.66) !important;
  text-decoration-color:rgba(121,53,75,.52) !important;
}

/* Inputs, selects y textarea: perla + borde dorado + letras guindas */
input,select,textarea,
.field input,.field select,.field textarea,
.coupon input,.qty,.buy-row .qty,
.drawer input,.drawer select,.drawer textarea,
.delivery-planner .field input,
.delivery-planner .field select{
  background:var(--c26-pearl) !important;
  color:var(--c26-wine-dark) !important;
  -webkit-text-fill-color:var(--c26-wine-dark) !important;
  border:2px solid var(--c26-gold-deep) !important;
  box-shadow:0 0 8px rgba(245,217,120,.18) !important;
  caret-color:var(--c26-wine-dark) !important;
  accent-color:var(--c26-wine-dark) !important;
}

input::placeholder,
textarea::placeholder,
.coupon input::placeholder,
.search input::placeholder{
  color:rgba(121,53,75,.76) !important;
  -webkit-text-fill-color:rgba(121,53,75,.76) !important;
  opacity:1 !important;
}

/* Eliminar completamente bordes/sombras de IMÁGENES.
   Las tarjetas pueden conservar su contorno dorado; la foto sale limpia. */
.card-img,
.rcard img,
.related-card img,
.mega-product img,
.addon-card img,
.gallery-main,
.thumbs img,
.cart-item img,
.hero img,
.hero-slide img{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Evitar línea interna entre foto y cuerpo de la tarjeta */
.card-img,
.rcard img,
.related-card img{
  display:block !important;
}

/* Botón APLICAR: guinda + perla + filo dorado */
.coupon button{
  background:var(--c26-wine-grad) !important;
  background-color:var(--c26-wine) !important;
  color:var(--c26-pearl) !important;
  -webkit-text-fill-color:var(--c26-pearl) !important;
  border:2px solid var(--c26-gold) !important;
  border-radius:9px !important;
  box-shadow:0 0 9px rgba(245,217,120,.22) !important;
  font-weight:900 !important;
}

/* Todos los botones de pago/action dentro de la misma paleta */
.pay-btn,
.yape-pay-btn,
.add,
.buy-row .add,
.addon-checkout,
.filter-btn{
  background:var(--c26-wine-grad) !important;
  background-color:var(--c26-wine) !important;
  color:var(--c26-pearl) !important;
  -webkit-text-fill-color:var(--c26-pearl) !important;
  border:2px solid var(--c26-gold) !important;
  box-shadow:0 0 9px rgba(245,217,120,.20) !important;
}

/* Carrito: eliminar negro y grises heredados */
#cartDrawer,
#cartDrawer .drawer-body,
#cartDrawer .drawer-foot,
#cartDrawer .cart-item,
#cartDrawer .order-summary{
  background:var(--c26-pearl-soft) !important;
  color:var(--c26-wine-dark) !important;
}

#cartDrawer *,
#cartDrawer [style*="color"]{
  color:var(--c26-wine-dark) !important;
  -webkit-text-fill-color:var(--c26-wine-dark) !important;
}

/* Los botones del carrito deben seguir siendo perla sobre guinda */
#cartDrawer .coupon button,
#cartDrawer .pay-btn,
#cartDrawer .yape-pay-btn{
  color:var(--c26-pearl) !important;
  -webkit-text-fill-color:var(--c26-pearl) !important;
}

/* +/- y eliminar dentro del carrito */
#cartDrawer .qty button,
#cartDrawer .remove,
.drawer .qty button,
.cart-item .qty button{
  background:var(--c26-pearl) !important;
  color:var(--c26-wine-dark) !important;
  -webkit-text-fill-color:var(--c26-wine-dark) !important;
  border:1.5px solid var(--c26-gold-deep) !important;
}

/* Resumen del carrito */
#cartDrawer .order-summary{
  border:1.5px solid var(--c26-gold-deep) !important;
}
#cartDrawer .total-row,
#cartDrawer .total-row span{
  color:var(--c26-wine-dark) !important;
  -webkit-text-fill-color:var(--c26-wine-dark) !important;
}

/* Botón principal añadir */
.buy-row .add{
  background:var(--c26-wine-grad) !important;
}

/* Header / footer continúan en guinda del logo */
.site-head,.head,.head-main,
.nav,.main-nav,.premium-nav,
footer,.footer{
  background:var(--logo-wine-gradient) !important;
  background-color:var(--logo-wine-solid) !important;
}

/* En superficies guinda: letras doradas/perla, nunca negro */
.site-head a,
.head a,
.nav a,
.main-nav a,
.premium-nav a,
footer .footer-title,
.footer .footer-title,
.footer-cat-parent,
footer a:not(.claims-card):not(.footer-whatsapp),
.footer a:not(.claims-card):not(.footer-whatsapp),
.footer-about,.company,.copy{
  color:var(--c26-gold) !important;
  -webkit-text-fill-color:var(--c26-gold) !important;
}

/* Buscador e idioma */
.search,
.lang select,
.tools select{
  background:var(--c26-pearl) !important;
  color:var(--c26-wine-dark) !important;
}
.search input,
.search button{
  color:var(--c26-wine-dark) !important;
  -webkit-text-fill-color:var(--c26-wine-dark) !important;
}

/* WhatsApp conserva su identidad, según ajuste anterior */
.wa,.footer-whatsapp{
  background:#25D366 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.wa *, .footer-whatsapp *, .wa svg,.footer-whatsapp svg{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  stroke:#fff !important;
}

/* MÓVIL: repetir explícitamente para neutralizar estilos previos */
@media(max-width:780px){
  body,
  body p,body li,body label,body small,body strong,body b,
  body span,body div,body summary,
  input,select,textarea,
  .field input,.field select,.field textarea,
  .card-name,.price,.old,
  .card-installment,.card-delivery,
  .bullets,.ship,
  .delivery-planner,
  .delivery-planner *{
    color:var(--c26-wine-dark) !important;
    -webkit-text-fill-color:var(--c26-wine-dark) !important;
  }

  .card-img,.rcard img,.related-card img,
  .gallery-main,.thumbs img,.cart-item img{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }

  .coupon button,
  .pay-btn,.yape-pay-btn,
  .add,.buy-row .add{
    background:var(--c26-wine-grad) !important;
    color:var(--c26-pearl) !important;
    -webkit-text-fill-color:var(--c26-pearl) !important;
    border-color:var(--c26-gold) !important;
  }

  #cartDrawer *,
  #cartDrawer [style*="color"]{
    color:var(--c26-wine-dark) !important;
    -webkit-text-fill-color:var(--c26-wine-dark) !important;
  }

  #cartDrawer .coupon button,
  #cartDrawer .pay-btn,
  #cartDrawer .yape-pay-btn{
    color:var(--c26-pearl) !important;
    -webkit-text-fill-color:var(--c26-pearl) !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C27 — AJUSTE FINAL DE PALETA EN CARRITO / CHECKOUT
   Solo guinda, dorado y perla.
   ====================================================================== */
:root{
  --c27-wine:#79354B;
  --c27-wine-dark:#6F2940;
  --c27-pearl:#F6EFE2;
  --c27-pearl-soft:#FBF7EE;
  --c27-gold:#E2B94F;
  --c27-gold-soft:#F5D978;
  --c27-gold-deep:#A87118;
  --c27-wine-grad:linear-gradient(180deg,#844158 0%,#79354B 55%,#6F2940 100%);
}

/* CARITO: cabecera 100% paleta */
#cartDrawer .drawer-head,
#cartDrawer .drawer-title,
#cartDrawer .drawer-headbar,
#cartDrawer .mini-cart-header,
#cartDrawer .cart-header{
  background:var(--c27-wine-grad) !important;
  background-color:var(--c27-wine) !important;
  border-bottom:1px solid rgba(226,185,79,.35) !important;
}

#cartDrawer .drawer-head *,
#cartDrawer .drawer-title,
#cartDrawer .drawer-headbar *,
#cartDrawer .mini-cart-header *,
#cartDrawer .cart-header *,
#cartDrawer .drawer-head .close,
#cartDrawer .drawer-head .icon,
#cartDrawer .drawer-head svg,
#cartDrawer .drawer-head i,
#cartDrawer .drawer-head span,
#cartDrawer .drawer-head strong,
#cartDrawer .drawer-head b,
#cartDrawer .drawer-head h3,
#cartDrawer .drawer-head h4{
  color:var(--c27-gold) !important;
  -webkit-text-fill-color:var(--c27-gold) !important;
  stroke:currentColor !important;
}

/* Fondo y textos del carrito */
#cartDrawer,
#cartDrawer .drawer-body,
#cartDrawer .drawer-foot,
#cartDrawer .cart-item,
#cartDrawer .order-summary,
#cartDrawer .empty,
#cartDrawer .checkout-form,
#cartDrawer .checkout-fields,
#cartDrawer .checkout-box,
#cartDrawer .coupon,
#cartDrawer .summary{
  background:var(--c27-pearl-soft) !important;
  color:var(--c27-wine-dark) !important;
}

#cartDrawer *,
#cartDrawer label,
#cartDrawer p,
#cartDrawer li,
#cartDrawer span,
#cartDrawer div,
#cartDrawer small,
#cartDrawer strong,
#cartDrawer b,
#cartDrawer input,
#cartDrawer select,
#cartDrawer textarea,
#cartDrawer option,
#cartDrawer [style*='color']{
  color:var(--c27-wine-dark) !important;
  -webkit-text-fill-color:var(--c27-wine-dark) !important;
  border-color:initial;
}

/* Inputs del carrito */
#cartDrawer input,
#cartDrawer select,
#cartDrawer textarea,
#cartDrawer .field input,
#cartDrawer .field select,
#cartDrawer .field textarea,
#cartDrawer .coupon input,
#cartDrawer .qty,
#cartDrawer .buy-row .qty{
  background:var(--c27-pearl) !important;
  color:var(--c27-wine-dark) !important;
  -webkit-text-fill-color:var(--c27-wine-dark) !important;
  border:2px solid var(--c27-gold-deep) !important;
  box-shadow:0 0 8px rgba(226,185,79,.18) !important;
  caret-color:var(--c27-wine-dark) !important;
}
#cartDrawer input::placeholder,
#cartDrawer textarea::placeholder{
  color:rgba(111,41,64,.72) !important;
  -webkit-text-fill-color:rgba(111,41,64,.72) !important;
}

/* Resumen, líneas y separadores */
#cartDrawer hr,
#cartDrawer .divider,
#cartDrawer .line,
#cartDrawer .cart-sep,
#cartDrawer .order-summary,
#cartDrawer .cart-item{
  border-color:rgba(168,113,24,.36) !important;
}

/* Botones del carrito y checkout */
#cartDrawer .coupon button,
#cartDrawer .pay-btn,
#cartDrawer .yape-pay-btn,
#cartDrawer .add,
#cartDrawer .buy-row .add,
.coupon button,
.pay-btn,
.yape-pay-btn{
  background:var(--c27-wine-grad) !important;
  background-color:var(--c27-wine) !important;
  color:var(--c27-pearl) !important;
  -webkit-text-fill-color:var(--c27-pearl) !important;
  border:2px solid var(--c27-gold) !important;
  box-shadow:0 0 9px rgba(226,185,79,.22) !important;
}

#cartDrawer .coupon button *,
#cartDrawer .pay-btn *,
#cartDrawer .yape-pay-btn *,
#cartDrawer .add *,
#cartDrawer .buy-row .add *,
.coupon button *,
.pay-btn *,
.yape-pay-btn *{
  color:var(--c27-pearl) !important;
  -webkit-text-fill-color:var(--c27-pearl) !important;
}

/* Cantidad y controles pequeños */
#cartDrawer .qty button,
#cartDrawer .remove,
#cartDrawer .qty input,
#cartDrawer .qty .btn,
.buy-row .qty,
.buy-row .qty input{
  background:var(--c27-pearl) !important;
  color:var(--c27-wine-dark) !important;
  -webkit-text-fill-color:var(--c27-wine-dark) !important;
  border:2px solid var(--c27-gold-deep) !important;
}

/* Elementos genéricos con tonos ajenos -> paleta */
.text-dark,.text-black,.text-muted,.muted,.gray,.grey,
.text-success,.text-danger,.text-primary,.text-secondary,
.badge,.tag,.pill{
  color:var(--c27-wine-dark) !important;
  -webkit-text-fill-color:var(--c27-wine-dark) !important;
}
.badge,.tag,.pill{
  background:var(--c27-pearl) !important;
  border:1px solid var(--c27-gold-deep) !important;
}

/* Web + móvil iguales */
@media (max-width:780px){
  #cartDrawer .drawer-head,
  #cartDrawer .drawer-title,
  #cartDrawer .drawer-headbar,
  #cartDrawer .mini-cart-header,
  #cartDrawer .cart-header{
    background:var(--c27-wine-grad) !important;
  }
  #cartDrawer .drawer-head *,
  #cartDrawer .drawer-head .close,
  #cartDrawer .drawer-head .icon,
  #cartDrawer .drawer-head svg,
  #cartDrawer .drawer-head span,
  #cartDrawer .drawer-head strong,
  #cartDrawer .drawer-head b,
  #cartDrawer .drawer-head h3,
  #cartDrawer .drawer-head h4{
    color:var(--c27-gold) !important;
    -webkit-text-fill-color:var(--c27-gold) !important;
  }
  #cartDrawer,
  #cartDrawer .drawer-body,
  #cartDrawer .drawer-foot,
  #cartDrawer .cart-item,
  #cartDrawer .order-summary,
  #cartDrawer .coupon,
  #cartDrawer .checkout-form{
    background:var(--c27-pearl-soft) !important;
  }
  #cartDrawer .coupon button,
  #cartDrawer .pay-btn,
  #cartDrawer .yape-pay-btn,
  #cartDrawer .add,
  #cartDrawer .buy-row .add{
    background:var(--c27-wine-grad) !important;
    color:var(--c27-pearl) !important;
    -webkit-text-fill-color:var(--c27-pearl) !important;
    border-color:var(--c27-gold) !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C28 — ajustes finales solicitados
   - textos de botones de pago en dorado
   - productos sin cuadro / sin encasillado, estilo escaparate libre
   ====================================================================== */
:root{
  --c28-wine:#79354B;
  --c28-wine-dark:#6F2940;
  --c28-pearl:#F6EFE2;
  --c28-pearl-soft:#FBF7EE;
  --c28-gold:#E2B94F;
  --c28-gold-soft:#F5D978;
  --c28-gold-deep:#A87118;
  --c28-wine-grad:linear-gradient(180deg,#844158 0%,#79354B 55%,#6F2940 100%);
}

/* 1) Botones de pago: letras doradas, no blancas */
.pay-btn,
.yape-pay-btn,
#cartDrawer .pay-btn,
#cartDrawer .yape-pay-btn,
.checkout-actions .pay-btn,
.checkout-actions .yape-pay-btn,
button.pay-btn,
button.yape-pay-btn{
  background:var(--c28-wine-grad) !important;
  background-color:var(--c28-wine) !important;
  color:var(--c28-gold-soft) !important;
  -webkit-text-fill-color:var(--c28-gold-soft) !important;
  border:2px solid var(--c28-gold) !important;
  box-shadow:0 0 10px rgba(226,185,79,.24) !important;
  text-shadow:0 1px 0 rgba(89,36,52,.25) !important;
}
.pay-btn *,
.yape-pay-btn *,
#cartDrawer .pay-btn *,
#cartDrawer .yape-pay-btn *{
  color:var(--c28-gold-soft) !important;
  -webkit-text-fill-color:var(--c28-gold-soft) !important;
}

/* 2) Productos sin recuadro dorado / sin tarjeta encasillada */
.card,
.rcard,
.mega-product,
.related-card,
.catalog .card,
.category-view .card,
.grid .card,
.products-area .card,
.products-grid .card,
.category-catalog-shell .category-view .card,
.home-products .card,
.product-list .card{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}

.card:hover,
.rcard:hover,
.mega-product:hover,
.related-card:hover,
.catalog .card:hover,
.category-view .card:hover,
.grid .card:hover,
.products-area .card:hover,
.products-grid .card:hover,
.category-catalog-shell .category-view .card:hover{
  box-shadow:none !important;
  transform:none !important;
}

.card-body,
.rcard .card-body,
.mega-product-body,
.related-card .card-body,
.category-view .card-body,
.catalog .card-body,
.products-area .card-body,
.products-grid .card-body,
.category-catalog-shell .category-view .card-body{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:10px 0 0 0 !important;
  text-align:left !important;
}

/* Imágenes limpias, sin filo ni caja */
.card-img,
.rcard img,
.mega-product img,
.related-card img,
.catalog .card img,
.category-view .card img,
.products-area .card img,
.products-grid .card img,
.category-catalog-shell .category-view .card img{
  display:block !important;
  width:100% !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  background:transparent !important;
}

/* Nombre y precios como escaparate libre */
.card-name,
.rname,
.mega-product-name,
.related-name,
.catalog .card-name,
.category-view .card-name,
.products-area .card-name,
.products-grid .card-name,
.category-catalog-shell .category-view .card-name{
  color:var(--c28-wine-dark) !important;
  -webkit-text-fill-color:var(--c28-wine-dark) !important;
  font-weight:800 !important;
  margin:10px 0 8px !important;
  min-height:0 !important;
}

.price,
.rprice,
.mega-product-price,
.related-price,
.catalog .price,
.category-view .price,
.products-area .price,
.products-grid .price,
.category-catalog-shell .category-view .price{
  color:var(--c28-wine-dark) !important;
  -webkit-text-fill-color:var(--c28-wine-dark) !important;
  font-weight:900 !important;
}
.old,
.catalog .old,
.category-view .old,
.products-area .old,
.products-grid .old,
.category-catalog-shell .category-view .old{
  color:rgba(111,41,64,.55) !important;
  -webkit-text-fill-color:rgba(111,41,64,.55) !important;
}

/* Si existe wrapper o borde de cuerpo, también quitarlo */
.card-wrap,
.product-card,
.product-box,
.product-item,
.product-tile,
.catalog-item,
.products-area .product,
.category-view .product,
.products-head + .grid > *,
.products-head + .products-grid > *{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Mantener badge de oferta, pero limpio */
.badge{
  border-radius:10px !important;
}

/* Móvil: mismo comportamiento */
@media (max-width:780px){
  .card,
  .rcard,
  .mega-product,
  .related-card,
  .catalog .card,
  .category-view .card,
  .grid .card,
  .products-area .card,
  .products-grid .card,
  .category-catalog-shell .category-view .card,
  .home-products .card,
  .product-list .card{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
  .card-body,
  .rcard .card-body,
  .mega-product-body,
  .related-card .card-body,
  .category-view .card-body,
  .catalog .card-body,
  .products-area .card-body,
  .products-grid .card-body,
  .category-catalog-shell .category-view .card-body{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:8px 0 0 0 !important;
  }
  .card-img,
  .rcard img,
  .mega-product img,
  .related-card img,
  .catalog .card img,
  .category-view .card img,
  .products-area .card img,
  .products-grid .card img,
  .category-catalog-shell .category-view .card img{
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
  .pay-btn,
  .yape-pay-btn,
  #cartDrawer .pay-btn,
  #cartDrawer .yape-pay-btn{
    color:var(--c28-gold-soft) !important;
    -webkit-text-fill-color:var(--c28-gold-soft) !important;
    border-color:var(--c28-gold) !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C29 — brillo dorado + buscador limpio + franja superior
   ====================================================================== */
:root{
  --c29-wine:#79354B;
  --c29-wine-dark:#6F2940;
  --c29-pearl:#F6EFE2;
  --c29-pearl-soft:#FBF7EE;
  --c29-gold:#E2B94F;
  --c29-gold-light:#F6DC84;
  --c29-gold-bright:#FFF1B0;
  --c29-gold-deep:#A87118;
  --c29-gold-ring:linear-gradient(135deg,#A87118 0%,#E2B94F 24%,#FFF1B0 46%,#E2B94F 68%,#A87118 100%);
  --c29-wine-grad:linear-gradient(180deg,#8A4860 0%,#79354B 55%,#6F2940 100%);
}

/* Franja superior más ancha y letras doradas */
.top-note,
.c9-announcement,
.site-topbar,
.topbar{
  background:var(--c29-wine-grad) !important;
  background-color:var(--c29-wine) !important;
  color:var(--c29-gold-light) !important;
  -webkit-text-fill-color:var(--c29-gold-light) !important;
  padding:12px 20px !important;
  min-height:36px !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.25px !important;
  line-height:1.2 !important;
  box-shadow:inset 0 -1px 0 rgba(255,241,176,.20), 0 4px 18px rgba(80,24,42,.12) !important;
}
.top-note *,
.c9-announcement *,
.site-topbar *,
.topbar *{
  color:var(--c29-gold-light) !important;
  -webkit-text-fill-color:var(--c29-gold-light) !important;
}

/* Buscador limpio: sin cuadro interno feo y con filo dorado brillante */
.search,
form.search,
.head-main .search,
.header-search{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:0 10px 0 0 !important;
  border:2px solid transparent !important;
  border-radius:18px !important;
  background-image:linear-gradient(var(--c29-pearl),var(--c29-pearl)),var(--c29-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 0 0 1px rgba(255,241,176,.28),0 0 16px rgba(246,220,132,.26),0 9px 22px rgba(113,54,70,.14) !important;
  overflow:hidden !important;
}
.search input,
form.search input,
.header-search input{
  flex:1 1 auto !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  padding:0 18px !important;
  height:100% !important;
  color:var(--c29-wine) !important;
  -webkit-text-fill-color:var(--c29-wine) !important;
}
.search input::placeholder,
form.search input::placeholder,
.header-search input::placeholder{
  color:#8C5B6B !important;
  -webkit-text-fill-color:#8C5B6B !important;
  opacity:1 !important;
}
.search button,
form.search button,
.header-search button{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  min-width:44px !important;
  height:100% !important;
  padding:0 14px !important;
  color:var(--c29-wine) !important;
  -webkit-text-fill-color:var(--c29-wine) !important;
  text-shadow:0 0 8px rgba(255,241,176,.55) !important;
}
.search > *{
  border:0 !important;
  box-shadow:none !important;
}

/* Cantidad y botón añadir: dorado brillante y letras doradas */
.qty,
.buy-row .qty,
input.qty,
#qty{
  border:2px solid transparent !important;
  border-radius:12px !important;
  background-image:linear-gradient(var(--c29-pearl),var(--c29-pearl)),var(--c29-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 0 0 1px rgba(255,241,176,.26),0 0 14px rgba(246,220,132,.24),0 8px 20px rgba(113,54,70,.10) !important;
  color:var(--c29-wine) !important;
  -webkit-text-fill-color:var(--c29-wine) !important;
  font-weight:800 !important;
}
.add,
.buy-row .add,
button.add,
input[type="button"].add,
input[type="submit"].add{
  background:var(--c29-wine-grad) !important;
  background-color:var(--c29-wine) !important;
  color:var(--c29-gold-light) !important;
  -webkit-text-fill-color:var(--c29-gold-light) !important;
  border:2px solid transparent !important;
  border-radius:12px !important;
  background-image:linear-gradient(var(--c29-wine-grad),var(--c29-wine-grad)),var(--c29-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 0 0 1px rgba(255,241,176,.22),0 0 16px rgba(246,220,132,.24),0 10px 22px rgba(113,54,70,.16) !important;
  text-shadow:0 1px 0 rgba(86,29,46,.35) !important;
  font-weight:800 !important;
}
.add *,
.buy-row .add *{
  color:var(--c29-gold-light) !important;
  -webkit-text-fill-color:var(--c29-gold-light) !important;
}
.add:hover,
.buy-row .add:hover,
button.add:hover{
  box-shadow:0 0 0 1px rgba(255,241,176,.28),0 0 20px rgba(246,220,132,.30),0 12px 24px rgba(113,54,70,.18) !important;
  transform:translateY(-1px) !important;
}

/* Botones de pago también con dorado más visible */
.pay-btn,
.yape-pay-btn,
#cartDrawer .pay-btn,
#cartDrawer .yape-pay-btn,
.checkout-actions .pay-btn,
.checkout-actions .yape-pay-btn,
button.pay-btn,
button.yape-pay-btn{
  color:var(--c29-gold-light) !important;
  -webkit-text-fill-color:var(--c29-gold-light) !important;
  border:2px solid transparent !important;
  background-image:linear-gradient(var(--c29-wine-grad),var(--c29-wine-grad)),var(--c29-gold-ring) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  box-shadow:0 0 0 1px rgba(255,241,176,.24),0 0 18px rgba(246,220,132,.28),0 10px 22px rgba(113,54,70,.16) !important;
  text-shadow:0 1px 0 rgba(86,29,46,.35) !important;
}
.pay-btn *,
.yape-pay-btn *{
  color:var(--c29-gold-light) !important;
  -webkit-text-fill-color:var(--c29-gold-light) !important;
}

/* Móvil */
@media (max-width:780px){
  .top-note,
  .c9-announcement,
  .site-topbar,
  .topbar{
    padding:13px 16px !important;
    font-size:12px !important;
  }
  .search,
  form.search,
  .head-main .search,
  .header-search{
    border-radius:18px !important;
    box-shadow:0 0 0 1px rgba(255,241,176,.28),0 0 16px rgba(246,220,132,.26),0 8px 18px rgba(113,54,70,.14) !important;
  }
  .add,
  .buy-row .add,
  button.add,
  .pay-btn,
  .yape-pay-btn{
    color:var(--c29-gold-light) !important;
    -webkit-text-fill-color:var(--c29-gold-light) !important;
  }
}


/* ======================================================================
   VICROSES PREMIUM C30 — solo 2 cambios pedidos por el usuario
   1) quitar filtros del catálogo
   2) poner "Ingresar" en letras doradas
   ====================================================================== */

/* 1) Ocultar completamente filtros y ordenar */
.mobile-filter-toggle,
#mobileFilterToggle,
.filters,
#catalogFilters{
  display:none !important;
}
.catalog.category-view,
section.catalog.category-view{
  grid-template-columns:1fr !important;
}

/* 2) Botón Ingresar con letras doradas */
.icon-btn,
a.icon-btn,
.head-tools > a.icon-btn,
.head-tools .icon-btn,
.icon-btn .login-text,
a.icon-btn .login-text,
.head-tools > a.icon-btn .login-text,
.head-tools .icon-btn .login-text,
.icon-btn svg,
a.icon-btn svg,
.head-tools > a.icon-btn svg,
.head-tools .icon-btn svg{
  color:var(--c29-gold-light) !important;
  -webkit-text-fill-color:var(--c29-gold-light) !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  opacity:1 !important;
}


/* ======================================================================
   VICROSES C32 REPARADO
   BASE: C30 estable.
   UNICO AJUSTE VISUAL: catálogo a ancho completo + fotos verticales
   rectangulares, una al costado de otra.
   ====================================================================== */

/* Al ocultarse el filtro, el catálogo debe ocupar todo el ancho. */
.catalog,
.catalog.category-view,
section.catalog,
section.catalog.category-view{
  grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;
  width:100% !important;
}

.catalog > div,
.catalog.category-view > div{
  width:100% !important;
  min-width:0 !important;
}

/* Productos alineados horizontalmente como galería. */
.grid,
.category-view .grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(220px,260px)) !important;
  gap:24px !important;
  justify-content:start !important;
  align-items:start !important;
  width:100% !important;
}

/* Sin caja adicional: se conserva exactamente la estética de C30. */
.card,
.category-view .card{
  width:100% !important;
  max-width:260px !important;
}

/* Único cambio pedido en las fotos: rectángulo vertical. */
.card-img,
.category-view .card-img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:3 / 4 !important;
  object-fit:cover !important;
  display:block !important;
}

@media (max-width:780px){
  .grid,
  .category-view .grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }
  .card,
  .category-view .card{
    max-width:none !important;
  }
  .card-img,
  .category-view .card-img{
    aspect-ratio:3 / 4 !important;
  }
}