/* =====================================================================
   VILANOVA DESIGN - Tema BOUTIQUE
   Crema y dorado, serif en el hero y firma manuscrita. Replica el mockup
   aprobado por la clienta. Se carga DESPUES de assets/css/style.css:
   todo lo de aca gana sin tocar el tema Clasico.
   ===================================================================== */

body.tema-boutique{
  /* Paleta ------------------------------------------------------------ */
  --crema:#ffffff;
  --crema-2:#faf6f0;        /* fondo suave de fotos y bandas */
  --crema-3:#f3ebdd;
  --arena:#fbf3e3;          /* barra de promociones */
  --arena-2:#f7efe2;        /* hero */
  --arena-3:#fbf5ea;        /* pie */

  --dorado:#e0a72b;         /* accion principal */
  --dorado-osc:#c9931e;
  --dorado-claro:#f6e6c2;
  --dorado-suave:#f1e8da;   /* circulos de categoria */

  --marron:#7a5233;
  --marron-osc:#5c3d26;
  --marron-claro:#efe6dd;

  --tinta:#2b2723;
  --gris:#7a736b;
  --gris-claro:#a49c92;
  --linea:#ebe3d6;
  --verde:#2e7d4f;
  --oferta:#c0392b;
  --blanco:#ffffff;

  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --script:'Dancing Script', 'Segoe Script', cursive;
  --sans:'Inter', 'Helvetica Neue', Arial, sans-serif;

  --radio:8px;
  --sombra:0 1px 3px rgba(90,70,40,.09);
  --sombra-alta:0 8px 26px rgba(90,70,40,.14);
  --ancho:1320px;

  background:var(--blanco);
  color:var(--tinta);
}

/* Iconos de linea propios del tema */
.tema-boutique .bq-promo__ico svg,
.tema-boutique .bq-acciones svg,
.tema-boutique .bq-buscador button svg,
.tema-boutique .bq-nav__flecha,
.tema-boutique .bq-beneficio svg,
.tema-boutique .bq-confianza__item svg,
.tema-boutique .bq-card__fav svg,
.tema-boutique .bq-card__cuotas svg,
.tema-boutique .bq-pie__col svg,
.tema-boutique .bq-newsletter button svg,
.tema-boutique .bq-btn svg,
.tema-boutique .carrusel__flecha svg{
  fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}

/* =====================================================================
   Botones del tema
   ===================================================================== */
.tema-boutique .bq-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:42px;padding:0 26px;border:1.5px solid transparent;border-radius:6px;
  font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;cursor:pointer;transition:.2s;white-space:nowrap;
}
.tema-boutique .bq-btn svg{width:16px;height:16px}
.tema-boutique .bq-btn--dorado{background:var(--dorado);color:#fff;box-shadow:0 2px 8px rgba(224,167,43,.35)}
.tema-boutique .bq-btn--dorado:hover{background:var(--dorado-osc);box-shadow:0 4px 14px rgba(224,167,43,.42)}
.tema-boutique .bq-btn--linea{border-color:var(--tinta);color:var(--tinta);background:transparent}
.tema-boutique .bq-btn--linea:hover{background:var(--tinta);color:#fff}
.tema-boutique .bq-btn--wsp{background:#fff;border-color:#25a35a;color:#1e8449}
.tema-boutique .bq-btn--wsp:hover{background:#25a35a;color:#fff}

/* Los botones compartidos (carrito, checkout, cuenta) toman el dorado */
.tema-boutique .btn{border-radius:6px;letter-spacing:.06em}
.tema-boutique .btn--dorado{background:var(--dorado);color:#fff}
.tema-boutique .btn--dorado:hover{background:var(--dorado-osc)}

/* =====================================================================
   1. Barra de promociones
   ===================================================================== */
.tema-boutique .bq-promo{background:var(--arena);border-bottom:1px solid rgba(200,170,110,.22)}
.tema-boutique .bq-promo__inner{
  display:flex;align-items:center;justify-content:center;gap:56px;
  min-height:30px;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;
}
.tema-boutique .bq-promo__item{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;color:#4a4038;
}
.tema-boutique .bq-promo__item b{font-weight:800;color:var(--tinta)}
.tema-boutique .bq-promo__ico{display:inline-flex;width:15px;height:15px}
.tema-boutique .bq-promo__ico svg{width:15px;height:15px}
.tema-boutique .bq-promo__ico.es-dorado{color:#d99a1f}
.tema-boutique .bq-promo__ico.es-verde{color:var(--verde)}

/* =====================================================================
   2. Cabecera
   ===================================================================== */
.tema-boutique .bq-cabecera{
  background:#fff;position:sticky;top:0;z-index:60;box-shadow:0 1px 0 var(--linea);
}
.tema-boutique .bq-top{
  display:flex;align-items:center;gap:30px;padding-top:15px;padding-bottom:15px;
}
.tema-boutique .bq-logo{flex:none;display:block}
.tema-boutique .bq-logo img{height:66px;width:auto;object-fit:contain}

.tema-boutique .bq-buscador{position:relative;flex:1;max-width:470px;margin:0 auto}
.tema-boutique .bq-buscador input{
  width:100%;height:42px;border:1px solid #e2d9c9;border-radius:7px;background:#fff;
  padding:0 44px 0 16px;font-size:13.5px;outline:none;transition:.2s;
}
.tema-boutique .bq-buscador input::placeholder{color:#b3aa9d}
.tema-boutique .bq-buscador input:focus{border-color:var(--dorado);box-shadow:0 0 0 3px rgba(224,167,43,.16)}
.tema-boutique .bq-buscador button{
  position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;border-radius:6px;
  background:transparent;color:#6f665c;cursor:pointer;display:grid;place-items:center;transition:.2s;
}
.tema-boutique .bq-buscador button:hover{background:var(--arena);color:var(--dorado-osc)}
.tema-boutique .bq-buscador button svg{width:18px;height:18px}

.tema-boutique .bq-acciones{display:flex;align-items:center;gap:26px;flex:none;margin-left:auto}
.tema-boutique .bq-accion{
  display:inline-flex;align-items:center;gap:8px;position:relative;
  font-size:12.5px;font-weight:500;color:#4a4038;transition:.2s;
}
.tema-boutique .bq-accion:hover{color:var(--dorado-osc)}
.tema-boutique .bq-accion svg{width:21px;height:21px;stroke-width:1.4}
.tema-boutique .bq-accion--carrito svg{width:23px;height:23px}
.tema-boutique .bq-burbuja{
  position:absolute;top:-6px;left:14px;min-width:16px;height:16px;padding:0 4px;
  border-radius:9px;background:var(--dorado);color:#fff;font-size:10px;font-weight:700;
  display:grid;place-items:center;line-height:1;
}

.tema-boutique .bq-burger{
  display:none;flex-direction:column;gap:4px;width:26px;background:none;border:0;
  cursor:pointer;padding:4px 0;color:var(--tinta);
}
.tema-boutique .bq-burger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:.2s}
.tema-boutique .bq-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.tema-boutique .bq-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.tema-boutique .bq-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* =====================================================================
   3. Menu de categorias
   ===================================================================== */
.tema-boutique .bq-nav{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);background:#fff}
.tema-boutique .bq-nav__inner{
  display:flex;align-items:stretch;gap:0;min-height:36px;
  overflow-x:auto;scrollbar-width:none;
}
.tema-boutique .bq-nav__inner::-webkit-scrollbar{display:none}
.tema-boutique .bq-nav__grupo{position:relative;display:flex}
.tema-boutique .bq-nav__item{
  display:inline-flex;align-items:center;gap:4px;padding:0 13px;white-space:nowrap;
  font-size:10.5px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;
  color:#3a332c;transition:.2s;
}
.tema-boutique .bq-nav__item:hover,
.tema-boutique .bq-nav__item.is-activo{color:var(--dorado-osc)}
.tema-boutique .bq-nav__flecha{width:11px;height:11px;opacity:.65;stroke-width:2}

.tema-boutique .bq-submenu{
  position:absolute;top:100%;left:0;min-width:210px;background:#fff;
  border:1px solid var(--linea);border-radius:0 0 8px 8px;box-shadow:var(--sombra-alta);
  padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:70;
}
.tema-boutique .bq-nav__grupo:hover .bq-submenu,
.tema-boutique .bq-nav__grupo:focus-within .bq-submenu{opacity:1;visibility:visible;transform:none}
.tema-boutique .bq-submenu a{
  display:block;padding:7px 18px;font-size:13px;color:#4a4038;transition:.15s;
}
.tema-boutique .bq-submenu a:hover{background:var(--arena);color:var(--dorado-osc)}

/* El panel desplegable solo aparece en celular, y solo al tocar el boton:
   quien manda es .panel-categorias / .is-abierto de style.css. */
.tema-boutique .bq-panel{border-top:1px solid var(--linea)}
.tema-boutique .bq-panel .panel-categorias__titulo:hover,
.tema-boutique .bq-panel .panel-categorias__hijo:hover{color:var(--dorado-osc)}

/* =====================================================================
   4. Hero
   ===================================================================== */
.tema-boutique .bq-hero{
  position:relative;background:var(--arena-2);overflow:hidden;
  min-height:470px;display:flex;align-items:center;
}
.tema-boutique .bq-hero__foto{position:absolute;inset:0}
.tema-boutique .bq-hero__foto img{width:100%;height:100%;object-fit:cover;display:block}
.tema-boutique .bq-hero__velo{
  position:absolute;inset:0;
  background:linear-gradient(90deg,
    var(--arena-2) 0%, rgba(247,239,226,.97) 30%, rgba(247,239,226,.72) 43%,
    rgba(247,239,226,.25) 55%, rgba(247,239,226,0) 66%);
}
.tema-boutique .bq-hero__inner{position:relative;width:100%;padding-top:54px;padding-bottom:132px}
.tema-boutique .bq-hero__texto{max-width:520px}

.tema-boutique .bq-hero__titulo{margin:0 0 16px;font-weight:400;letter-spacing:0}
.tema-boutique .bq-hero__serif{
  display:block;font-family:var(--serif);font-size:46px;line-height:1.14;
  font-weight:400;color:#3a332b;max-width:7.4em;letter-spacing:.004em;
}
.tema-boutique .bq-hero__script{
  display:inline-flex;align-items:flex-start;gap:6px;
  font-family:var(--script);font-size:56px;line-height:1.05;font-weight:600;
  color:#3a332b;margin-top:2px;
}
.tema-boutique .bq-corazon{
  width:30px;height:26px;flex:none;margin-top:12px;
  fill:none;stroke:var(--dorado);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
}
.tema-boutique .bq-hero__bajada{
  font-size:14px;line-height:1.55;color:#5f574e;max-width:23em;margin:0 0 24px;
}
.tema-boutique .bq-hero__inner .bq-btn--dorado{box-shadow:0 3px 12px rgba(224,167,43,.4)}

/* Tarjeta de beneficios, apoyada abajo a la izquierda del hero */
.tema-boutique .bq-beneficios{
  position:absolute;left:20px;bottom:26px;z-index:3;
  display:flex;align-items:stretch;gap:0;
  background:#fff;border:1px solid #efe7da;border-radius:8px;
  box-shadow:0 6px 22px rgba(90,70,40,.13);padding:14px 4px;
}
.tema-boutique .bq-beneficio{
  display:flex;align-items:center;gap:9px;padding:0 18px;
  border-right:1px solid #f0e9dd;
}
.tema-boutique .bq-beneficio:last-child{border-right:0}
.tema-boutique .bq-beneficio i{display:inline-flex;color:var(--dorado);flex:none}
.tema-boutique .bq-beneficio svg{width:21px;height:21px}
.tema-boutique .bq-beneficio strong{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.07em;color:var(--tinta);line-height:1.3;
}
.tema-boutique .bq-beneficio span{
  display:block;font-size:9px;font-weight:500;letter-spacing:.055em;color:#8a8177;line-height:1.35;
}

/* =====================================================================
   5. Secciones
   ===================================================================== */
.tema-boutique .bq-seccion{padding-top:34px}
.tema-boutique .bq-seccion--cats{padding-top:32px}

.tema-boutique .bq-seccion__head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;
}
.tema-boutique .bq-seccion__titulo{
  display:flex;align-items:center;gap:9px;margin:0;
  font-size:12.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--tinta);
}
.tema-boutique .bq-flor{display:inline-flex;width:17px;height:17px}
.tema-boutique .bq-flor svg{width:17px;height:17px;fill:var(--dorado)}
.tema-boutique .bq-flor__centro{fill:#fff;opacity:.85}
.tema-boutique .bq-seccion__link{font-size:11.5px;color:#8b8278;transition:.2s}
.tema-boutique .bq-seccion__link:hover{color:var(--dorado-osc)}

/* =====================================================================
   6. Categorias en circulo
   ===================================================================== */
.tema-boutique .bq-cats{
  display:grid;grid-template-columns:repeat(10,1fr);gap:10px;
}
.tema-boutique .bq-cat{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.tema-boutique .bq-cat__circulo{
  width:82px;height:82px;border-radius:50%;overflow:hidden;background:var(--dorado-suave);
  display:grid;place-items:center;transition:.25s;
}
.tema-boutique .bq-cat__circulo img{width:100%;height:100%;object-fit:cover;transition:.4s}
.tema-boutique .bq-cat:hover .bq-cat__circulo{box-shadow:0 5px 16px rgba(90,70,40,.16)}
.tema-boutique .bq-cat:hover .bq-cat__circulo img{transform:scale(1.07)}
.tema-boutique .bq-cat__nombre{
  font-size:11.5px;line-height:1.3;color:#4a4038;max-width:9em;
}

/* =====================================================================
   7. Tarjeta de producto
   ===================================================================== */
.tema-boutique .card{
  background:#fff;border:1px solid #ede7dd;border-radius:9px;overflow:hidden;
  display:flex;flex-direction:column;position:relative;transition:.25s;
}
.tema-boutique .card:hover{box-shadow:0 8px 22px rgba(90,70,40,.13);border-color:#e2d7c4}

.tema-boutique .bq-card__medio{position:relative;overflow:hidden}
.tema-boutique .bq-card__img{position:relative;display:block;aspect-ratio:1/1;background:var(--crema-2);overflow:hidden}
.tema-boutique .bq-card__img img{width:100%;height:100%;object-fit:cover;transition:.5s}
.tema-boutique .card:hover .bq-card__img img{transform:scale(1.05)}

.tema-boutique .bq-card__fav{
  position:absolute;top:9px;right:9px;width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,.94);border:1px solid #ece5da;display:grid;place-items:center;
  cursor:pointer;color:#9a9188;transition:.2s;z-index:3;padding:0;
}
.tema-boutique .bq-card__fav svg{width:15px;height:15px}
.tema-boutique .bq-card__fav:hover{color:var(--dorado-osc);border-color:var(--dorado)}
.tema-boutique .bq-card__fav.is-activo{color:#fff;background:var(--dorado);border-color:var(--dorado)}
.tema-boutique .bq-card__fav.is-activo svg{fill:currentColor}

.tema-boutique .bq-card__etiqueta{
  position:absolute;top:9px;left:9px;z-index:3;border-radius:4px;
  padding:3px 8px;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#fff;
}
.tema-boutique .bq-card__etiqueta.es-oferta{background:var(--oferta)}
.tema-boutique .bq-card__etiqueta.es-nuevo{background:var(--dorado);color:#fff}
.tema-boutique .bq-card__etiqueta.es-agotado{background:#8c847a}

.tema-boutique .bq-card__cuerpo{padding:11px 13px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.tema-boutique .bq-card__nombre{
  margin:0;font-size:12.5px;font-weight:400;line-height:1.38;color:#4a4038;letter-spacing:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;
}
/* Puntitos de color: llevan a la ficha con ese color ya elegido */
.tema-boutique .bq-card__colores{display:flex;gap:5px;margin:2px 0 1px}
.tema-boutique .bq-card__color{
  width:14px;height:14px;border-radius:50%;display:block;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:transform .15s, box-shadow .15s;
}
.tema-boutique .bq-card__color:hover{
  transform:scale(1.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2), 0 0 0 2px var(--dorado);
}

.tema-boutique .bq-card__precios{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto}
.tema-boutique .bq-card__precio{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--tinta)}
.tema-boutique .bq-card__antes{font-size:12px;color:var(--gris-claro);text-decoration:line-through}
.tema-boutique .bq-card__cuotas{
  display:inline-flex;align-items:center;gap:5px;margin-top:3px;
  font-size:10.5px;font-weight:500;color:#6f665c;
}
.tema-boutique .bq-card__cuotas svg{width:13px;height:13px;color:#9a9188}

/* Boton de compra. Con mouse aparece deslizandose sobre la foto; en pantallas
   tactiles no hay hover, asi que queda siempre visible debajo de la foto. */
.tema-boutique .bq-card__agregar{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  border:0;padding:11px 10px;background:var(--dorado);color:#fff;cursor:pointer;
  font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;transition:background .2s;
}
.tema-boutique .bq-card__agregar svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.tema-boutique .bq-card__agregar:hover{background:var(--dorado-osc)}
.tema-boutique .bq-card__agregar:disabled{opacity:.6;cursor:wait}
.tema-boutique .bq-card__agregar.es-agotado{background:#8c847a}

@media (hover:hover) and (pointer:fine){
  .tema-boutique .bq-card__agregar{
    position:absolute;left:0;right:0;bottom:0;
    transform:translateY(100%);transition:transform .22s ease, background .2s;
  }
  .tema-boutique .card:hover .bq-card__agregar,
  .tema-boutique .bq-card__agregar:focus-visible{transform:translateY(0)}
}

/* =====================================================================
   8. Carrusel
   ===================================================================== */
.tema-boutique .bq-carrusel .carrusel__pista{gap:14px;padding:4px 2px 8px}
.tema-boutique .bq-carrusel .carrusel__pista>.card{flex:0 0 232px}
.tema-boutique .carrusel__flecha{
  top:calc(50% - 40px);width:34px;height:34px;background:#fff;border:1px solid #e6ddcd;
  color:#5f574e;box-shadow:0 3px 10px rgba(90,70,40,.14);
}
.tema-boutique .carrusel__flecha:hover{background:var(--dorado);border-color:var(--dorado);color:#fff}
.tema-boutique .carrusel__flecha--izq{left:-15px}
.tema-boutique .carrusel__flecha--der{right:-15px}
.tema-boutique .carrusel__flecha{transition:opacity .2s, background .2s, color .2s}
.tema-boutique .carrusel__flecha.esta-oculta{opacity:0;visibility:hidden;pointer-events:none}

/* =====================================================================
   9. Franja de confianza
   ===================================================================== */
.tema-boutique .bq-confianza{background:var(--arena-2);margin-top:44px;padding:20px 0}
.tema-boutique .bq-confianza__inner{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.tema-boutique .bq-confianza__item{display:flex;align-items:center;gap:11px}
.tema-boutique .bq-confianza__item i{display:inline-flex;color:var(--dorado);flex:none}
.tema-boutique .bq-confianza__item svg{width:23px;height:23px}
.tema-boutique .bq-confianza__item strong{
  display:block;font-size:11px;font-weight:700;letter-spacing:.075em;color:var(--tinta);line-height:1.35;
}
.tema-boutique .bq-confianza__item span{display:block;font-size:11px;color:#7d746a;line-height:1.4}

/* =====================================================================
   10. Catalogo en preparacion
   ===================================================================== */
.tema-boutique .bq-proximamente{
  text-align:center;background:var(--arena-2);border:1px solid #efe6d6;border-radius:12px;
  padding:48px 24px;
}
.tema-boutique .bq-proximamente__flor{width:64px;margin:0 auto 16px;opacity:.9}
.tema-boutique .bq-proximamente__flor svg{width:64px;height:64px}
.tema-boutique .bq-proximamente__flor svg g{fill:var(--dorado)}
.tema-boutique .bq-proximamente h2{
  font-family:var(--serif);font-size:34px;font-weight:500;color:#3a332b;margin:0 0 10px;letter-spacing:0;
}
.tema-boutique .bq-proximamente p{color:#6f665c;max-width:38em;margin:0 auto 22px}
.tema-boutique .bq-proximamente__botones{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* =====================================================================
   11. Pie
   ===================================================================== */
.tema-boutique .bq-pie{background:var(--arena-3);border-top:1px solid #f0e7d6;margin-top:0;font-size:13px}
.tema-boutique .bq-pie__grid{
  display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1fr;gap:38px;
  padding-top:38px;padding-bottom:32px;
}
.tema-boutique .bq-pie__marca img{height:78px;width:auto;object-fit:contain;margin-bottom:12px}
.tema-boutique .bq-pie__marca p{font-size:12.5px;line-height:1.6;color:#6f665c;max-width:20em;margin:0}

.tema-boutique .bq-pie__col h4{
  font-size:11px;font-weight:700;letter-spacing:.11em;color:var(--tinta);margin:0 0 14px;
}
.tema-boutique .bq-pie__col a,
.tema-boutique .bq-pie__col p{
  display:flex;align-items:flex-start;gap:9px;color:#5f574e;margin:0 0 10px;
  font-size:12.5px;line-height:1.5;transition:.2s;
}
.tema-boutique .bq-pie__col a:hover{color:var(--dorado-osc)}
.tema-boutique .bq-pie__col svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--dorado)}
.tema-boutique .bq-pie__nota{font-size:12.5px;color:#6f665c;margin:0 0 12px !important;display:block !important}

.tema-boutique .bq-newsletter{position:relative;display:block;max-width:280px}
.tema-boutique .bq-newsletter input{
  width:100%;height:40px;border:1px solid #e6ddcd;border-radius:6px;background:#fff;
  padding:0 46px 0 14px;font-size:13px;outline:none;transition:.2s;
}
.tema-boutique .bq-newsletter input:focus{border-color:var(--dorado);box-shadow:0 0 0 3px rgba(224,167,43,.16)}
.tema-boutique .bq-newsletter button{
  position:absolute;right:4px;top:4px;width:34px;height:32px;border:0;border-radius:5px;
  background:var(--dorado);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s;
}
.tema-boutique .bq-newsletter button:hover{background:var(--dorado-osc)}
.tema-boutique .bq-newsletter button svg{width:16px;height:16px}
.tema-boutique .newsletter__msg{font-size:12px;margin-top:8px;color:var(--verde)}

.tema-boutique .bq-pie__legal{border-top:1px solid #f0e7d6;padding:14px 0;font-size:11.5px;color:#857c72}
.tema-boutique .bq-pie__legal-inner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.tema-boutique .bq-pie__legal nav{display:flex;gap:18px;flex-wrap:wrap}
.tema-boutique .bq-pie__legal a{transition:.2s}
.tema-boutique .bq-pie__legal a:hover{color:var(--dorado-osc)}

/* =====================================================================
   12. Retoques a las paginas internas (categoria, producto, carrito...)
   ===================================================================== */
/* En la home el pie viene pegado a la franja de confianza; en el resto no. */
.tema-boutique .principal{padding-bottom:46px}
.tema-boutique.pagina-home .principal{padding-bottom:0}

.tema-boutique .seccion__titulo,
.tema-boutique .titulo-centrado{letter-spacing:.02em}
.tema-boutique .migas{font-size:12px;color:#8b8278}
.tema-boutique .prod__nombre{font-size:27px;font-weight:600;letter-spacing:-.01em}
.tema-boutique .prod__precio #precioActual,
.tema-boutique .prod__precio span:first-child{color:var(--tinta)}
.tema-boutique .estrellas{color:var(--dorado)}
.tema-boutique .prod__stock--si{color:var(--verde)}
.tema-boutique .tabs__btn.is-activo{color:var(--dorado-osc);border-bottom-color:var(--dorado)}
.tema-boutique .swatch.is-activo,
.tema-boutique .chip.is-activo{border-color:var(--dorado);box-shadow:0 0 0 2px rgba(224,167,43,.28)}
.tema-boutique .paginador__item.is-activa{background:var(--dorado);border-color:var(--dorado);color:#fff}

/* Cartel de "agregado al carrito" */
.tema-boutique .modal-cart__caja{border-color:#ede4d4;border-radius:12px}
.tema-boutique .modal-cart__tilde{background:#f6efe2;color:var(--dorado-osc)}
.tema-boutique .modal-cart__titulo{font-family:var(--serif);font-size:26px;font-weight:500;
  letter-spacing:0;color:#3a332b}
.tema-boutique .modal-cart__prod{background:var(--crema-2);border-color:#ede4d4}
.tema-boutique .wsp-flotante{box-shadow:0 6px 18px rgba(37,163,90,.35)}

/* =====================================================================
   13. Responsive
   ===================================================================== */
@media (max-width:1180px){
  .tema-boutique .bq-cats{grid-template-columns:repeat(5,1fr);gap:16px}
  .tema-boutique .bq-cat__circulo{width:76px;height:76px}
  .tema-boutique .bq-pie__grid{grid-template-columns:1fr 1fr;gap:30px}
}

@media (max-width:960px){
  .tema-boutique .bq-nav{display:none}
  .tema-boutique .bq-burger{display:flex}
  .tema-boutique .bq-buscador{order:3;flex:0 0 100%;max-width:none;margin:10px 0 0}
  .tema-boutique .bq-top{flex-wrap:wrap;gap:14px;padding-bottom:12px}
  .tema-boutique .bq-acciones{gap:16px}
  .tema-boutique .bq-accion span{display:none}
  .tema-boutique .bq-accion--carrito span.bq-burbuja{display:grid}

  .tema-boutique .bq-hero{min-height:0}
  .tema-boutique .bq-hero__inner{padding-top:34px;padding-bottom:34px}
  .tema-boutique .bq-hero__velo{
    background:linear-gradient(180deg, rgba(247,239,226,.96) 0%, rgba(247,239,226,.86) 52%, rgba(247,239,226,.55) 100%);
  }
  .tema-boutique .bq-hero__serif{font-size:32px}
  .tema-boutique .bq-hero__script{font-size:40px}
  .tema-boutique .bq-corazon{width:22px;height:20px;margin-top:8px}
  .tema-boutique .bq-beneficios{
    position:static;margin-top:24px;padding:10px 2px;
    display:grid;grid-template-columns:repeat(3,1fr);
  }
  .tema-boutique .bq-beneficio{padding:0 10px}

  .tema-boutique .bq-confianza__inner{grid-template-columns:1fr 1fr;gap:16px}
}

@media (max-width:700px){
  .tema-boutique .bq-promo__inner{gap:0;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
  .tema-boutique .bq-promo__item{flex:0 0 auto;padding-right:26px}
  .tema-boutique .bq-logo img{height:52px}
  .tema-boutique .bq-cats{grid-template-columns:repeat(4,1fr);gap:12px}
  .tema-boutique .bq-cat__circulo{width:66px;height:66px}
  .tema-boutique .bq-cat__nombre{font-size:10.5px}
  .tema-boutique .bq-beneficios{grid-template-columns:1fr;gap:10px;padding:12px}
  .tema-boutique .bq-beneficio{border-right:0;border-bottom:1px solid #f0e9dd;padding:0 0 9px}
  .tema-boutique .bq-beneficio:last-child{border-bottom:0;padding-bottom:0}
  .tema-boutique .bq-carrusel .carrusel__pista>.card{flex:0 0 168px}
  .tema-boutique .bq-pie__grid{grid-template-columns:1fr;gap:26px}
  .tema-boutique .bq-pie__legal-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .tema-boutique .bq-hero__serif{font-size:27px}
  .tema-boutique .bq-hero__script{font-size:34px}
}

@media (max-width:460px){
  .tema-boutique .bq-cats{grid-template-columns:repeat(3,1fr)}
}