/* ============================================================
   WillDrinks · Sitio público
   Paleta ajustada al sitio real: header/footer navy casi negro,
   acento naranja de marca, contenido en fondo claro (el sitio
   público de WillDrinks siempre ha sido claro con header/footer
   oscuros — el tema 100% oscuro queda solo para el panel admin).
   ============================================================ */
:root{
  --wd-navy:      #141a22;
  --wd-navy-2:    #1d2531;
  --wd-orange:    #f5a623;
  --wd-orange-dim:#d88f14;
  --wd-bg:        #ffffff;
  --wd-ink:       #1c2430;
  --wd-ink-dim:   #6b7280;
  --wd-border:    #e7e5e0;
  --wd-price:     #8a6d1f;
  --wd-danger:    #c0392b;
  --font-display: 'Poppins', sans-serif;
  --font-body:    'Inter', sans-serif;
}
*{box-sizing:border-box;}
body{background:var(--wd-bg); color:var(--wd-ink); font-family:var(--font-body); margin:0;}
h1,h2,h3,.wd-logo{font-family:var(--font-display); font-weight:700;}

/* ---------- Header ---------- */
.wd-topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:.9rem 2rem; background:linear-gradient(90deg, var(--wd-navy), var(--wd-navy-2));
  position:sticky; top:0; z-index:30;
}
.wd-logo{color:var(--wd-orange); text-decoration:none; font-size:1.3rem; letter-spacing:.02em; line-height:1;}
.wd-logo small{display:block; color:#e8e8e8; font-family:var(--font-body); font-weight:400; font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;}
.wd-topbar nav{display:flex; align-items:center; gap:1.75rem;}
.wd-topbar nav a{color:#cfd3d8; text-decoration:none; font-size:.85rem; font-weight:400; text-transform:uppercase; letter-spacing:.05em;}
.wd-topbar nav a.active, .wd-topbar nav a:hover{color:var(--wd-orange);}
.wd-topbar nav a:not(.wd-cta):not(.wd-carrito-icono){position:relative; padding-bottom:.3rem;}
.wd-topbar nav a:not(.wd-cta):not(.wd-carrito-icono)::after{
  content:''; position:absolute; left:50%; bottom:0; width:0; height:1px;
  background:var(--wd-orange); transition:width .3s ease; transform:translateX(-50%);
}
.wd-topbar nav a:not(.wd-cta):not(.wd-carrito-icono):hover::after,
.wd-topbar nav a:not(.wd-cta):not(.wd-carrito-icono).active::after{width:100%;}
.wd-cta{
  background:var(--wd-orange); color:#221a0c; font-weight:700; padding:.55rem 1.3rem;
  border-radius:999px; text-decoration:none; font-size:.85rem; text-transform:none;
}
.wd-cta:hover{background:var(--wd-orange-dim);}

.wd-topbar-derecha{display:flex; align-items:center; gap:1rem;}
.wd-carrito-icono{display:flex !important; align-items:center; gap:.4rem;}
.wd-carrito-icono-wrap{position:relative; display:flex;}
.wd-carrito-badge{
  position:absolute; top:-8px; right:-10px; background:var(--wd-orange); color:#221a0c;
  font-size:.65rem; font-weight:700; min-width:17px; height:17px; border-radius:999px;
  display:flex; align-items:center; justify-content:center; padding:0 3px;
}

/* ---------- Botón hamburguesa (solo visible en móvil) ---------- */
.wd-menu-toggle{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:34px; height:34px; background:transparent; border:none; cursor:pointer; padding:0;
}
.wd-menu-toggle span{display:block; width:100%; height:2px; background:#fff; border-radius:2px; transition:transform .2s, opacity .2s;}
.wd-menu-toggle-activo span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.wd-menu-toggle-activo span:nth-child(2){opacity:0;}
.wd-menu-toggle-activo span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- Logo como imagen (opcional) ---------- */
.wd-logo-img{height:46px; width:auto; display:block;}

/* ---------- Hero (home) ---------- */
.wd-hero-banner{
  margin:1.5rem 2rem 0; border-radius:.75rem; overflow:hidden;
  background:linear-gradient(120deg, #232a33 0%, var(--wd-orange) 130%);
  padding:3rem 2.5rem; color:#fff; position:relative;
}
.wd-hero-banner h1{font-size:2.3rem; line-height:1.15; max-width:640px;}
.wd-hero-banner .wd-hero-tag{color:#232a33; background:#fff; display:inline-block; padding:.2rem .7rem; border-radius:.3rem; font-weight:700; font-size:.8rem; margin-bottom:.6rem;}

.wd-section{padding:2.5rem 2rem;}
.wd-section h2{font-size:1.6rem; text-align:center; margin-bottom:1.5rem;}

.wd-grid-home{display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; max-width:1200px; margin:0 auto;}

.wd-feature{
  background:var(--wd-navy); color:#fff; margin:0 auto 2.5rem; max-width:1100px; width:calc(100% - 4rem);
  border-radius:.75rem; overflow:hidden;
}
.wd-feature-inner{
  display:flex; align-items:center; justify-content:center; gap:2rem;
  max-width:1100px; margin:0 auto; flex-wrap:wrap;
}
.wd-feature-imagen{
  flex:0 0 auto; width:400px; min-height:340px; display:flex; align-items:center; justify-content:center;
}
.wd-feature-imagen img{width:100%; height:100%; object-fit:contain; display:block;}
.wd-feature-texto{flex:0 1 480px; padding:2.5rem 0;}
.wd-feature h2{color:#fff; text-align:left;}
.wd-feature p{color:#c7ccd2;}

/* ---------- Buscador (nombre / marca / país en un solo campo) ---------- */
.wd-buscador{
  padding:0 2rem 1rem; max-width:640px; margin:0 auto;
}
.wd-buscador-caja{
  display:flex; gap:.5rem; align-items:stretch;
}
.wd-buscador-input{
  flex:1; border:1px solid var(--wd-border); border-radius:.4rem; padding:.65rem .9rem;
  font-family:var(--font-body); font-size:.9rem;
}
.wd-buscador-input:focus{outline:2px solid var(--wd-orange); outline-offset:1px;}
.wd-buscador-btn{
  display:flex; align-items:center; justify-content:center;
  background:var(--wd-navy); color:#fff; border:none; border-radius:.4rem;
  width:44px; flex-shrink:0; cursor:pointer;
}
.wd-buscador-btn:hover{background:var(--wd-navy-2);}
.wd-buscador .wd-filtros{padding:.9rem 0 0; margin:0;}
@media (max-width:780px){
  .wd-buscador{padding:0 1rem 1rem;}
}

/* ---------- Filtros / categorías ---------- */
.wd-filtros{padding:0 2rem 1.25rem; display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center;}
.wd-chip{
  border:1px solid var(--wd-border); background:#fff; color:#555; padding:.4rem 1.1rem;
  border-radius:999px; font-size:.82rem; cursor:pointer; font-family:var(--font-body);
}
.wd-chip.active, .wd-chip:hover{background:var(--wd-navy); color:#fff; border-color:var(--wd-navy);}

/* ---------- Grid de catálogo ---------- */
.wd-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5rem;
  padding:0 2rem 3rem; max-width:1280px; margin:0 auto;
}
.wd-card-producto{
  background:#fff; border:1px solid var(--wd-border); border-radius:.4rem;
  overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .15s;
}
.wd-card-producto:hover{box-shadow:0 6px 18px rgba(20,26,34,.08);}
.wd-card-producto .wd-foto{
  aspect-ratio:1/1; background:#f5f4f1; display:flex; align-items:center; justify-content:center;
  color:#b7b3aa; font-size:.72rem; position:relative; overflow:hidden;
}
.wd-foto-img{width:100%; height:100%; object-fit:cover;}
.wd-foto-fallback{width:100%; height:100%; align-items:center; justify-content:center; text-align:center;}
.wd-sello{
  position:absolute; top:.5rem; right:.5rem; background:var(--wd-orange); color:#221a0c;
  font-size:.62rem; font-weight:700; text-transform:uppercase; padding:.2rem .5rem; border-radius:.25rem;
}
.wd-oferta{
  position:absolute; top:.5rem; left:.5rem; background:var(--wd-danger); color:#fff;
  font-size:.62rem; font-weight:700; text-transform:uppercase; padding:.2rem .5rem; border-radius:.25rem;
}
.wd-precio-antes{color:var(--wd-ink-dim); text-decoration:line-through; font-size:.85rem;}
.wd-card-body{padding:1rem 1.1rem 1.2rem; flex:1; display:flex; flex-direction:column;}
.wd-nombre{font-size:.95rem; font-weight:700; margin:0 0 .4rem; line-height:1.25; color:var(--wd-ink);}
.wd-meta{font-size:.76rem; color:var(--wd-ink-dim); margin-bottom:.7rem; line-height:1.5;}
.wd-meta b{color:var(--wd-ink);}
.wd-precio-linea{margin-top:auto; display:flex; align-items:baseline; gap:.5rem; flex-wrap:wrap;}
.wd-precio{font-weight:700; font-size:1.1rem; color:var(--wd-price);}
.wd-agotado-txt{color:var(--wd-danger); font-weight:700; font-size:.75rem; text-transform:uppercase;}
.wd-btn-comprar{
  margin-top:.8rem; display:block; text-align:center; border:1px solid var(--wd-ink); color:var(--wd-ink);
  padding:.45rem; border-radius:.3rem; text-decoration:none; font-size:.82rem;
}
.wd-btn-comprar:hover{background:var(--wd-ink); color:#fff;}

/* -------- Mobile: 2 productos por fila + menú hamburguesa -------- */
@media (max-width: 780px){
  .wd-grid, .wd-grid-home{grid-template-columns:repeat(2, 1fr); gap:.85rem; padding:0 .9rem 2rem;}
  .wd-topbar{padding:.75rem 1rem; position:relative;}
  .wd-menu-toggle{display:flex;}
  .wd-topbar nav{
    display:none; flex-direction:column; align-items:stretch; gap:0;
    position:absolute; top:100%; left:0; right:0;
    background:var(--wd-navy-2); padding:.5rem 1rem 1rem; z-index:40;
    box-shadow:0 8px 16px rgba(0,0,0,.25);
  }
  .wd-topbar nav.wd-nav-abierto{display:flex;}
  .wd-topbar nav a{font-size:.85rem; padding:.65rem 0; border-bottom:1px solid rgba(255,255,255,.08);}
  .wd-topbar nav a.wd-cta{margin-top:.7rem; text-align:center; border-bottom:none;}
  .wd-hero-banner{margin:1rem; padding:2rem 1.3rem;}
  .wd-hero-banner h1{font-size:1.6rem;}
  .wd-feature{margin:0 auto 1.5rem; width:calc(100% - 2rem);}
  .wd-feature-inner{flex-direction:column; text-align:center; justify-content:flex-start;}
  .wd-feature-imagen{width:180px; min-height:auto;}
  .wd-feature-texto{padding:0 1.5rem 1.5rem; flex:0 1 auto;}
  .wd-card-body{padding:.7rem .8rem .9rem;}
  .wd-nombre{font-size:.82rem;}
  .wd-precio{font-size:.95rem;}
}

.wd-paginacion{
  display:flex; align-items:center; justify-content:center; gap:1.5rem;
  padding:0 2rem 3rem; max-width:1280px; margin:0 auto; font-size:.9rem; color:var(--wd-ink-dim);
}
.wd-pagina-link{color:var(--wd-navy); text-decoration:none; font-weight:600; padding:.5rem 1rem; border:1px solid var(--wd-border); border-radius:.4rem;}
.wd-pagina-link:hover{background:var(--wd-navy); color:#fff; border-color:var(--wd-navy);}
@media (max-width:780px){
  .wd-paginacion{flex-direction:column; gap:.75rem; padding:0 1rem 2rem;}
}

/* -------- "No es solo una botella" (Nosotros) -------- */
.wd-proceso{max-width:1100px; margin:0 auto;}
.wd-proceso-intro{text-align:center; margin-bottom:2.5rem;}
.wd-proceso-intro h2{font-size:1.9rem; margin-bottom:.3rem;}
.wd-proceso-intro p{color:var(--wd-ink-dim); font-size:1.05rem;}
.wd-proceso-pasos{display:grid; grid-template-columns:repeat(4,1fr); gap:1.75rem; margin-bottom:2.5rem;}
.wd-proceso-paso{background:#f5f4f1; border-radius:.6rem; padding:1.75rem 1.5rem; text-align:left;}
.wd-proceso-numero{
  display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%;
  background:var(--wd-orange); color:#221a0c; font-weight:700; font-size:1.05rem; margin-bottom:1rem;
}
.wd-proceso-paso h4{margin:0 0 .5rem; font-size:1.02rem; color:var(--wd-navy);}
.wd-proceso-paso p{color:var(--wd-ink-dim); font-size:.87rem; line-height:1.6; margin:0;}
.wd-proceso-final{
  background:var(--wd-navy); color:#fff; border-radius:.6rem; padding:2rem;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
}
.wd-proceso-final-texto{font-size:1.05rem; max-width:560px;}
.wd-proceso-final-texto strong{color:var(--wd-orange);}
.wd-proceso-bienvenida{color:var(--wd-orange); font-weight:700; white-space:nowrap; font-size:1.1rem;}
@media (max-width:900px){
  .wd-proceso-pasos{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .wd-proceso-pasos{grid-template-columns:1fr; padding:0 1rem;}
  .wd-proceso-final{flex-direction:column; text-align:center; margin:0 1rem;}
}

/* -------- Carrusel de banners promocionales (Home) -------- */
.wd-banner-carrusel{
  position:relative; overflow:hidden; background:#f5f4f1;
  max-width:1200px; margin:1.5rem auto 0;
}
.wd-banner-track{display:flex; transition:transform .4s ease;}
.wd-banner-slide{flex:0 0 100%; position:relative;}
.wd-banner-slide a{display:block; position:relative;}
.wd-banner-slide img{width:100%; height:auto; max-height:420px; object-fit:cover; display:block;}
.wd-banner-boton{
  position:absolute; right:2rem; bottom:2rem; background:var(--wd-navy); color:#fff; font-weight:700;
  padding:.65rem 1.4rem; border-radius:999px; font-size:.9rem;
}
.wd-banner-flecha{
  position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:38px; height:38px; border-radius:50%;
  border:none; background:rgba(255,255,255,.85); color:var(--wd-ink); font-size:1.5rem; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.wd-banner-flecha:hover{background:#fff;}
.wd-banner-flecha-izq{left:1rem;}
.wd-banner-flecha-der{right:1rem;}
.wd-banner-puntos{position:absolute; left:0; right:0; bottom:.9rem; display:flex; justify-content:center; gap:.4rem;}
.wd-banner-punto{width:9px; height:9px; border-radius:50%; border:none; background:rgba(255,255,255,.6); padding:0; cursor:pointer;}
.wd-banner-punto-activo{background:#fff;}
@media (max-width:780px){
  .wd-banner-carrusel{margin:1rem 1rem 0;}
  .wd-banner-slide img{max-height:260px;}
  .wd-banner-boton{right:1rem; bottom:1rem; padding:.5rem 1rem; font-size:.8rem;}
}

/* -------- Comentarios de clientes (Home) -------- */
.wd-clientes-carrusel{overflow:hidden; max-width:1100px; margin:0 auto;}
.wd-clientes-track{display:flex; transition:transform .4s ease;}
.wd-cliente-slide{flex:0 0 50%; padding:0 1.25rem; box-sizing:border-box;}
.wd-cliente-item{position:relative;}
.wd-cliente-caja{background:var(--wd-navy); color:#fff; border-radius:.5rem; padding:1.75rem;}
.wd-cliente-caja p{color:#e4e2dc; font-size:.92rem; line-height:1.6; margin-bottom:1rem;}
.wd-cliente-caja h6{margin:0; font-size:1rem; color:#fff;}
.wd-cliente-caja span{color:var(--wd-orange); font-size:.82rem;}
.wd-cliente-avatar{
  width:76px; height:76px; border-radius:50%; border:3px solid var(--wd-orange);
  margin:1.25rem 0 0 2rem; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:1.4rem; color:var(--wd-navy); background:#f0d9a8;
}
.wd-cliente-avatar-foto{background:#eee; overflow:hidden; padding:0;}
.wd-cliente-avatar-foto img{width:100%; height:100%; object-fit:cover; border-radius:50%;}
.wd-clientes-nav{display:flex; justify-content:center; gap:.6rem; margin-top:1.5rem;}
.wd-clientes-flecha{
  width:38px; height:38px; border-radius:50%; border:none; background:var(--wd-orange); color:#221a0c;
  font-size:1.3rem; cursor:pointer; display:flex; align-items:center; justify-content:center;
}
.wd-clientes-flecha:hover{background:var(--wd-orange-dim);}
@media (max-width:780px){
  .wd-cliente-slide{flex:0 0 100%; padding:0 1rem;}
  .wd-cliente-avatar{margin-left:1.5rem;}
}

/* -------- Botón flotante de WhatsApp -------- */
.wd-whatsapp-flotante{
  position:fixed; right:1.25rem; bottom:1.25rem; z-index:80;
  width:56px; height:56px; border-radius:50%; background:#25D366;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.35); transition:transform .15s;
}
.wd-whatsapp-flotante:hover{transform:scale(1.08);}
@media (max-width:780px){
  .wd-whatsapp-flotante{width:50px; height:50px; right:1rem; bottom:1rem;}
}

.wd-btn-carrito{
  margin-top:.5rem; display:block; width:100%; text-align:center; background:var(--wd-ink); color:#fff;
  border:1px solid var(--wd-ink); padding:.45rem; border-radius:.3rem; font-size:.82rem; cursor:pointer;
}
.wd-btn-carrito:hover{background:#000;}
.wd-btn-carrito:disabled{opacity:.7; cursor:default;}
.wd-detalle-acciones{display:flex; align-items:center; gap:.75rem; margin-top:1.25rem; flex-wrap:wrap;}
.wd-detalle-cantidad{width:70px; padding:.5rem; border:1px solid var(--wd-border); border-radius:.3rem; font-family:var(--font-body);}
.wd-btn-carrito-grande{width:auto; flex:1; min-width:180px; margin-top:0; padding:.6rem 1.2rem;}

/* -------- Cotización pública -------- */
.wd-cotizacion-resultados{
  display:none; position:absolute; left:1.5rem; right:1.5rem; top:100%; z-index:10;
  background:#fff; border:1px solid var(--wd-border); border-top:none; border-radius:0 0 .4rem .4rem;
  max-height:280px; overflow-y:auto; box-shadow:0 8px 16px rgba(0,0,0,.1);
}
.wd-cotizacion-resultado{
  display:flex; justify-content:space-between; padding:.6rem 1rem; cursor:pointer; border-bottom:1px solid #f0efec;
}
.wd-cotizacion-resultado:hover{background:#f5f4f1;}
.wd-cotizacion-resultado-vacio{padding:.8rem 1rem; color:var(--wd-ink-dim); font-size:.85rem;}

/* -------- Carrito de compras -------- */
.wd-carrito-item{
  display:grid; grid-template-columns:56px 1fr 70px 100px 32px; align-items:center; gap:.9rem;
  padding:.9rem 0; border-bottom:1px solid var(--wd-border);
}
.wd-carrito-item-foto{
  width:56px; height:56px; border-radius:.35rem; background:#f5f4f1; overflow:hidden;
  display:flex; align-items:center; justify-content:center; font-size:.6rem; color:#b7b3aa; text-align:center;
}
.wd-carrito-item-foto img{width:100%; height:100%; object-fit:cover;}
.wd-carrito-item-nombre{font-weight:600; font-size:.9rem;}
.wd-carrito-item-cant{width:60px; padding:.4rem; border:1px solid var(--wd-border); border-radius:.3rem; font-family:var(--font-body);}
.wd-carrito-item-subtotal{font-weight:700; text-align:right; color:var(--wd-price);}
.wd-carrito-item-quitar{background:none; border:none; color:var(--wd-danger); font-size:1.1rem; cursor:pointer;}
.wd-carrito-form-grid{display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
.wd-carrito-input{
  width:100%; border:1px solid var(--wd-border); border-radius:.35rem; padding:.55rem .7rem;
  font-family:var(--font-body); font-size:.9rem;
}
@media (max-width:780px){
  .wd-carrito-item{grid-template-columns:44px 1fr 55px 32px; grid-template-areas:"foto info cant quitar" "foto info subtotal quitar";}
  .wd-carrito-item-foto{grid-area:foto; width:44px; height:44px;}
  .wd-carrito-item-info{grid-area:info;}
  .wd-carrito-item-cant{grid-area:cant;}
  .wd-carrito-item-subtotal{grid-area:subtotal; text-align:left;}
  .wd-carrito-item-quitar{grid-area:quitar;}
  .wd-carrito-form-grid{grid-template-columns:1fr;}
}

/* -------- Consumo Responsable (en el Home) -------- */
.wd-consumo{padding-top:1rem;}
.wd-consumo-titulo{
  font-size:2rem; text-align:center; color:var(--wd-ink); max-width:1100px; margin:0 auto 2rem;
}
.wd-consumo-grid{display:grid; grid-template-columns:1fr 1fr; gap:3rem; max-width:1100px; margin:0 auto; align-items:start;}
.wd-consumo-texto p{color:var(--wd-ink-dim); font-size:.95rem; line-height:1.7; margin-bottom:1.5rem;}
.wd-consumo-texto h3{font-size:1.15rem; margin:0 0 .8rem;}
.wd-consumo-texto ul{margin:0; padding-left:1.1rem; color:var(--wd-ink-dim); font-size:.92rem; line-height:1.9;}
.wd-consumo-foto{overflow:hidden; background:#f5f4f1; align-self:stretch;}
.wd-consumo-foto img{width:100%; height:100%; object-fit:cover; display:block; min-height:280px;}
@media (max-width:780px){
  .wd-consumo-grid{grid-template-columns:1fr; gap:1.5rem; padding:0 1rem;}
  .wd-consumo-titulo{font-size:1.6rem; padding:0 1rem;}
  .wd-consumo-foto img{min-height:220px;}
}

/* -------- Página de detalle de producto -------- */
.wd-detalle{max-width:1000px; margin:0 auto; padding:1.5rem 2rem 3rem;}
.wd-detalle-volver{color:var(--wd-ink-dim); text-decoration:none; font-size:.85rem; display:inline-block; margin-bottom:1.25rem;}
.wd-detalle-volver:hover{color:var(--wd-navy);}
.wd-detalle-grid{display:grid; grid-template-columns:1fr 1fr; gap:2.5rem;}
.wd-detalle-foto-principal{
  aspect-ratio:1/1; background:#f5f4f1; border-radius:.5rem; overflow:hidden;
  display:flex; align-items:center; justify-content:center; position:relative;
}
.wd-detalle-foto-principal img{width:100%; height:100%; object-fit:cover;}
.wd-detalle-foto-fallback{width:100%; height:100%; align-items:center; justify-content:center; color:#b7b3aa; font-size:.85rem;}
.wd-detalle-miniaturas{display:flex; gap:.6rem; margin-top:.8rem; flex-wrap:wrap;}
.wd-detalle-miniatura{
  width:64px; height:64px; border-radius:.35rem; overflow:hidden; border:1px solid var(--wd-border);
  padding:0; cursor:pointer; background:#f5f4f1;
}
.wd-detalle-miniatura.wd-miniatura-activa{border:2px solid var(--wd-orange);}
.wd-carrusel-flecha{
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:36px; height:36px; border-radius:50%; border:none; background:rgba(20,26,34,.55);
  color:#fff; font-size:1.4rem; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;
}
.wd-carrusel-flecha:hover{background:rgba(20,26,34,.8);}
.wd-carrusel-flecha-izq{left:.6rem;}
.wd-carrusel-flecha-der{right:.6rem;}
.wd-detalle-miniatura img{width:100%; height:100%; object-fit:cover;}
.wd-detalle-titulo{font-size:1.7rem; margin:.2rem 0 1rem;}
.wd-detalle-meta{display:flex; flex-direction:column; gap:.4rem; font-size:.9rem; color:var(--wd-ink-dim); margin-bottom:1.2rem;}
.wd-detalle-meta b{color:var(--wd-ink);}
.wd-detalle-precio{font-family:var(--font-display); font-size:1.8rem; color:var(--wd-price); font-weight:700; display:flex; align-items:center; gap:.7rem;}
.wd-detalle-descripcion{margin-top:1.5rem;}
.wd-detalle-descripcion h3{font-size:1rem; margin-bottom:.4rem;}
.wd-detalle-descripcion p{color:var(--wd-ink-dim); line-height:1.7; font-size:.92rem;}
@media (max-width:780px){
  .wd-detalle{padding:1rem;}
  .wd-detalle-grid{grid-template-columns:1fr; gap:1.2rem;}
}

/* -------- Footer -------- */
.wd-footer{background:var(--wd-navy); color:#c7ccd2; padding:3rem 2rem 1.5rem; margin-top:2rem;}
.wd-footer-grid{display:flex; justify-content:center; flex-wrap:wrap; gap:3.5rem; max-width:1100px; margin:0 auto 2rem;}
.wd-footer-col{flex:0 1 260px;}
.wd-footer h4{color:#fff; font-family:var(--font-display); font-size:1.05rem; margin-bottom:1rem;}
.wd-footer a{color:#c7ccd2; text-decoration:none; display:block; margin-bottom:.5rem; font-size:.85rem;}
.wd-footer a:hover{color:var(--wd-orange);}
.wd-footer p{font-size:.85rem; margin:.2rem 0;}
.wd-footer-social{display:flex; gap:.6rem; margin-top:.8rem; justify-content:center;}
.wd-footer-social a{
  width:34px; height:34px; border-radius:50%; background:#fff; color:var(--wd-navy);
  display:flex; align-items:center; justify-content:center; font-size:.8rem; margin:0;
}
.wd-footer-info{text-align:center; border-top:1px solid rgba(255,255,255,.1); padding-top:1.2rem; font-size:.78rem; color:#8a909a;}
@media (max-width:780px){ .wd-footer-grid{flex-direction:column; align-items:center; text-align:center; gap:2rem;} .wd-footer-col{flex:0 1 auto; width:100%;} .wd-footer-social{justify-content:center;} }

/* -------- Modal de verificación de edad -------- */
.wd-edad-overlay{position:fixed; inset:0; background:rgba(15,18,22,.94); z-index:100; display:flex; align-items:center; justify-content:center; padding:1.5rem;}
.wd-edad-card{background:#fff; border-radius:.6rem; padding:2.2rem; max-width:380px; text-align:center;}
.wd-edad-card h2{color:var(--wd-navy); font-size:1.5rem; margin-bottom:.6rem;}
.wd-edad-logo{height:38px; margin-bottom:.9rem;}
.wd-edad-card p{color:var(--wd-ink-dim); font-size:.85rem; margin-bottom:1.5rem;}
.wd-edad-botones{display:flex; gap:.75rem; justify-content:center;}
.wd-edad-botones button{padding:.55rem 1.3rem; border-radius:.4rem; font-size:.85rem; cursor:pointer; border:1px solid var(--wd-border);}
.wd-btn-si{background:var(--wd-orange); color:#221a0c; font-weight:700; border-color:var(--wd-orange);}
.wd-btn-no{background:transparent; color:var(--wd-ink-dim);}