/* TEST REAL DE CARGA */
html {
  outline: 8px solid lime !important;
}

/* BS-LIVE custom-v3 - 2026-01-04 */
html::before{
  content:"custom-v3 LOADED";
  position:fixed; left:10px; bottom:10px;
  background:#000; color:#fff;
  padding:6px 10px; z-index:999999;
  font:12px/1 Arial;
}
/* BS-TEST-2026-01-04 */

/* ======================================
   Bella Skin – Search Bar Styling
   PrestaShop 8.1.5
   ====================================== */

/* Campo de búsqueda */
#search_widget input[type="search"],
#search_widget input.search-widget-input,
.search-widget input[type="search"] {
  background-color: #FFFFFF;
  color: #2B2B2B;
  border: 1px solid rgba(43, 43, 43, 0.35);
  border-radius: 6px;
  height: 44px;
  padding: 0 12px;
}

/* Placeholder */
#search_widget input::placeholder,
.search-widget input::placeholder {
  color: #9A9A9A;
  opacity: 1;
}

/* Botón / icono lupa */
#search_widget button[type="submit"],
.search-widget button[type="submit"] {
  background: transparent;
  color: #2B2B2B;
  border: none;
  padding: 0 10px;
  cursor: pointer;
}

/* Hover del icono */
#search_widget button[type="submit"]:hover,
.search-widget button[type="submit"]:hover {
  color: #1F1F1F;
}

/* Focus (cuando haces clic en el campo) */
#search_widget input:focus,
.search-widget input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(43, 43, 43, 0.12);
  border-color: rgba(43, 43, 43, 0.55);
}

/* =====================================================
   BellaSkin – Add to Cart NEGRO (Producto, Listado, Quick View)
   PrestaShop 8.1 – FINAL
===================================================== */

/* PRODUCTO (página de producto) */
body#product form#add-to-cart-or-refresh button.btn.btn-primary,
body#product form#add-to-cart-or-refresh .btn.add-to-cart {
  background-color: #2B2B2B !important;
  border: 1px solid #2B2B2B !important;
  color: #FFFFFF !important;
  border-radius: 6px;
  min-height: 48px;
  padding: 14px 26px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
}

/* HOVER producto */
body#product form#add-to-cart-or-refresh button.btn.btn-primary:hover,
body#product form#add-to-cart-or-refresh .btn.add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}

/* LISTADO DE PRODUCTOS */
.product-miniature .btn.btn-primary,
.product-miniature button.add-to-cart {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
}

/* HOVER listado */
.product-miniature .btn.btn-primary:hover,
.product-miniature button.add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
}

/* QUICK VIEW (modal) */
.quickview .btn.btn-primary,
.quickview button.add-to-cart {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
}

/* HOVER quick view */
.quickview .btn.btn-primary:hover,
.quickview button.add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
}

/* --- STOP debug outline rojo (global) --- */
html, body, #wrapper, #content-wrapper, main, .container, .row, #product,
* {
  outline: none !important;
}
/* =========================
   BellaSkin - Force Add to Cart Black (PS8 Classic)
   Pegar al FINAL de custom-v5.css
========================= */

/* PRODUCTO (botón real) */
#add-to-cart-or-refresh button[data-button-action="add-to-cart"],
#add-to-cart-or-refresh .add-to-cart,
#add-to-cart-or-refresh button.add-to-cart {
  background-color: #2B2B2B !important;
  border: 1px solid #2B2B2B !important;
  color: #FFFFFF !important;
}

/* Hover */
#add-to-cart-or-refresh button[data-button-action="add-to-cart"]:hover,
#add-to-cart-or-refresh .add-to-cart:hover,
#add-to-cart-or-refresh button.add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}

/* QUICK VIEW (modal) */
.quickview #add-to-cart-or-refresh button[data-button-action="add-to-cart"],
.quickview #add-to-cart-or-refresh .add-to-cart,
.quickview #add-to-cart-or-refresh button.add-to-cart {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
}

.quickview #add-to-cart-or-refresh button[data-button-action="add-to-cart"]:hover,
.quickview #add-to-cart-or-refresh .add-to-cart:hover,
.quickview #add-to-cart-or-refresh button.add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}
#add-to-cart-or-refresh a.btn[data-button-action="add-to-cart"],
.quickview #add-to-cart-or-refresh a.btn[data-button-action="add-to-cart"]{
  background-color:#2B2B2B !important;
  border-color:#2B2B2B !important;
  color:#FFFFFF !important;
}
/* ===============================
   BellaSkin – FORCE Add to Cart BLACK
   Producto (PS 8 Classic)
=============================== */

body#product
.product-actions
button.btn.btn-primary.add-to-cart[data-button-action="add-to-cart"] {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
  text-transform: none !important;
}

/* Hover */
body#product
.product-actions
button.btn.btn-primary.add-to-cart[data-button-action="add-to-cart"]:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}
/* ================================
   BellaSkin - Force Add to Cart BLACK
   (Product + Quickview)
================================ */

/* PRODUCT PAGE: button add-to-cart */
body#product button.btn.btn-primary.add-to-cart,
body#product .product-add-to-cart button.btn.btn-primary,
body#product form#add-to-cart-or-refresh button.btn.btn-primary.add-to-cart,
body#product form#add-to-cart-or-refresh .product-add-to-cart button.btn.btn-primary {
  background-color: #2B2B2B !important;
  border: 1px solid #2B2B2B !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  min-height: 48px !important;
  padding: 14px 26px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

/* HOVER */
body#product button.btn.btn-primary.add-to-cart:hover,
body#product .product-add-to-cart button.btn.btn-primary:hover,
body#product form#add-to-cart-or-refresh button.btn.btn-primary.add-to-cart:hover,
body#product form#add-to-cart-or-refresh .product-add-to-cart button.btn.btn-primary:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}

/* QUICKVIEW / MODAL */
.quickview button.btn.btn-primary.add-to-cart,
.quickview .product-add-to-cart button.btn.btn-primary {
  background-color: #2B2B2B !important;
  border: 1px solid #2B2B2B !important;
  color: #FFFFFF !important;
}

.quickview button.btn.btn-primary.add-to-cart:hover,
.quickview .product-add-to-cart button.btn.btn-primary:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}
/* ================================
   BellaSkin – FORCE ADD TO CART BLACK
   Product page + Quickview
================================ */

/* PRODUCT PAGE */
body#product button.btn.btn-primary.add-to-cart,
body#product button.btn.btn-primary.add-to-cart:focus,
body#product button.btn.btn-primary.add-to-cart:active {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
}

/* PRODUCT PAGE – HOVER */
body#product button.btn.btn-primary.add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}

/* QUICK VIEW (MODAL) */
.quickview button.btn.btn-primary.add-to-cart,
.quickview button.btn.btn-primary.add-to-cart:focus {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
}

/* QUICK VIEW – HOVER */
.quickview button.btn.btn-primary.add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}
/* ================================
   BellaSkin – FINAL OVERRIDE
   product-actions add-to-cart
================================ */

/* PRODUCT PAGE */
body#product .product-actions .add-to-cart {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
}

/* HOVER */
body#product .product-actions .add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}

/* QUICK VIEW (MODAL) */
.quickview .product-actions .add-to-cart {
  background-color: #2B2B2B !important;
  border-color: #2B2B2B !important;
  color: #FFFFFF !important;
}

/* QUICK VIEW – HOVER */
.quickview .product-actions .add-to-cart:hover {
  background-color: #1F1F1F !important;
  border-color: #1F1F1F !important;
  color: #FFFFFF !important;
}
/* ===============================
   BELLA SKIN – BOTÓN CARRITO (HEADER)
   =============================== */

/* Contenedor del bloque carrito */
#_desktop_cart .blockcart,
.header-top #_desktop_cart .blockcart{
  display: inline-flex;
  align-items: center;
}

/* Link/botón clickeable */
#_desktop_cart .blockcart a,
#_desktop_cart .blockcart .header,
#_desktop_cart .blockcart .cart-preview{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #2B2B2B;      /* <-- fondo */
  color: #FFFFFF !important; /* <-- texto */
  border: 1px solid #2B2B2B;
  text-decoration: none !important;
  line-height: 1;
}

/* Hover */
#_desktop_cart .blockcart a:hover,
#_desktop_cart .blockcart .cart-preview:hover{
  background: #1F1F1F;
  border-color: #1F1F1F;
  color: #FFFFFF !important;
}

/* Icono del carrito (si es material-icons / svg) */
#_desktop_cart .blockcart i,
#_desktop_cart .blockcart .material-icons,
#_desktop_cart .blockcart svg{
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  opacity: 1;
}

/* Texto “Carrito” y contador (0) */
#_desktop_cart .blockcart span,
#_desktop_cart .blockcart .cart-products-count{
  color: #FFFFFF !important;
  font-weight: 600;
  font-size: 14px;
}

/* Si el tema usa badge para el contador */
#_desktop_cart .cart-products-count{
  background: #FFFFFF;
  color: #2B2B2B !important;
  border-radius: 999px;
  padding: 2px 8px;
  margin-left: 6px;
  font-size: 12px;
  font-weight: 700;
}
/* =========================================================
   BELLA SKIN – CARRITO HEADER (NUDE / LOGO COLOR)
   ========================================================= */

/* Ajusta este color si quieres afinar el nude */
:root{
  --bella-nude: #E9DED3;   /* nude del logo */
  --bella-nude-hover: #DCCEC0;
  --bella-text-dark: #2B2B2B;
}

/* Contenedor carrito */
#_desktop_cart .blockcart{
  display: inline-flex;
  align-items: center;
}

/* Botón carrito */
#_desktop_cart .blockcart a,
#_desktop_cart .blockcart .cart-preview{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 10px;
  background-color: var(--bella-nude) !important;
  color: var(--bella-text-dark) !important;
  border: 1px solid var(--bella-nude) !important;
  text-decoration: none !important;
  font-weight: 600;
  transition: all .2s ease;
}

/* Hover carrito */
#_desktop_cart .blockcart a:hover,
#_desktop_cart .blockcart .cart-preview:hover{
  background-color: var(--bella-nude-hover) !important;
  border-color: var(--bella-nude-hover) !important;
  color: var(--bella-text-dark) !important;
}

/* Icono carrito */
#_desktop_cart .blockcart i,
#_desktop_cart .blockcart .material-icons,
#_desktop_cart .blockcart svg{
  color: var(--bella-text-dark) !important;
  fill: var(--bella-text-dark) !important;
  opacity: 1;
}

/* Texto "Carrito" */
#_desktop_cart .blockcart span{
  color: var(--bella-text-dark) !important;
}

/* Contador (0) */
#_desktop_cart .cart-products-count{
  background: var(--bella-text-dark) !important;
  color: #FFFFFF !important;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
}
body::before,
body::after{
  content: none !important;
  display: none !important;
}
/* ==============================
   BellaSkin - Carrito header (NUDE)
   ============================== */

:root{
  --bs-nude: #E9E1D8;        /* nude base */
  --bs-nude-border: #D6CCC1;
  --bs-dark: #2B2B2B;
}

/* Contenedor del carrito */
#header .header-nav #_desktop_cart .blockcart.cart-preview,
#header .header-nav #_desktop_cart .blockcart{
  background: var(--bs-nude) !important;
  border: 1px solid var(--bs-nude-border) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
}

/* A veces el fondo está en .header, lo forzamos también */
#header .header-nav #_desktop_cart .blockcart .header{
  background: transparent !important;
}

/* Link completo del carrito */
#header .header-nav #_desktop_cart .blockcart a,
#header .header-nav #_desktop_cart .blockcart .shopping-cart{
  color: var(--bs-dark) !important;
  text-decoration: none !important;
}

/* Ícono del carrito (estabas forzándolo a blanco en custom-v6.css) */
#header .header-nav #_desktop_cart .blockcart i.material-icons.shopping-cart,
#header .header-nav #_desktop_cart .blockcart .material-icons{
  color: var(--bs-dark) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* “Carrito:” y el contador */
#header .header-nav #_desktop_cart .blockcart span,
#header .header-nav #_desktop_cart .blockcart .cart-products-count{
  color: var(--bs-dark) !important;
}

/* Hover */
#header .header-nav #_desktop_cart .blockcart.cart-preview:hover{
  filter: brightness(0.97) !important;
}

/* Override: quita el blanco que estaba forzando custom-v6.css */
#_desktop_cart .blockcart i,
#_desktop_cart .blockcart .material-icons,
#_desktop_cart .blockcart svg{
  color: #2B2B2B !important;
  fill: #2B2B2B !important;
}
body::before,
body::after{
  content: none !important;
  display: none !important;
}
/* ==============================
   HEADER CART – NUDE TOTAL
   ============================== */

:root{
  --bs-nude: #E9E1D8;        /* nude base (logo) */
  --bs-nude-border: #D6CCC1;
  --bs-text: #2B2B2B;
}

/* Contenedor carrito */
#header .header-nav #_desktop_cart .blockcart,
#header .header-nav #_desktop_cart .cart-preview{
  background: var(--bs-nude) !important;
  border: 1px solid var(--bs-nude-border) !important;
  border-radius: 12px !important;
  padding: 6px 12px !important;
}

/* Icono + texto carrito */
#header .header-nav #_desktop_cart a,
#header .header-nav #_desktop_cart i.material-icons,
#header .header-nav #_desktop_cart .shopping-cart{
  color: var(--bs-text) !important;
}

/* CONTADOR → nude (antes negro) */
#header .header-nav #_desktop_cart .cart-products-count{
  background: var(--bs-nude) !important;
  color: var(--bs-text) !important;
  border: 1px solid var(--bs-nude-border) !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  font-weight: 600 !important;
  margin-left: 8px !important;
}

/* Hover suave */
#header .header-nav #_desktop_cart:hover .blockcart{
  background: #EFE8DF !important;
}
/* === FIX: quitar badge de debug "custom-... LOADED" === */
body::after,
body::before{
  content: none !important;
  display: none !important;
}
/* =========================================================
   BellaSkin - Header Cart (NUDE)
   ========================================================= */

:root{
  --bs-nude: #E8DED3;   /* nude (como el logo) */
  --bs-black: #2B2B2B;  /* negro BellaSkin */
}

/* Contenedor del carrito (pill) */
#header .header-nav #_desktop_cart .blockcart .header{
  background: var(--bs-nude) !important;
  border: 1px solid rgba(43,43,43,0.18) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
}

/* Texto "Carrito:" */
#header .header-nav #_desktop_cart .blockcart,
#header .header-nav #_desktop_cart .blockcart a,
#header .header-nav #_desktop_cart .blockcart .cart-preview{
  color: var(--bs-black) !important;
}

/* Ícono del carrito */
#header .header-nav #_desktop_cart .blockcart .material-icons,
#header .header-nav #_desktop_cart .blockcart i.material-icons.shopping-cart{
  color: var(--bs-black) !important;
}

/* CONTADOR (la burbujita con el número) */
#header .header-nav #_desktop_cart .blockcart .cart-products-count{
  background: var(--bs-nude) !important;
  color: var(--bs-black) !important;
  border: 1px solid rgba(43,43,43,0.18) !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  line-height: 18px !important;
  min-width: 18px !important;
  text-align: center !important;
  font-weight: 700 !important;
}
/* Fallback por si el tema usa otro span para el contador */
#header .header-nav #_desktop_cart .blockcart .cart-preview span{
  color: var(--bs-black) !important;
}
/* =========================================================
   BellaSkin – Botón SUSCRIBIRSE en negro
   ========================================================= */

#newsletter_block_left button,
#newsletter_block_left .btn,
#newsletter_block_left .btn-primary {
    background-color: #000 !important;   /* negro */
    color: #FFFFFF !important;            /* texto blanco */
    border: 1px solid #000 !important;
    padding: 14px 26px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border-radius: 6px !important;
}

/* HOVER */
#newsletter_block_left button:hover,
#newsletter_block_left .btn:hover,
#newsletter_block_left .btn-primary:hover {
    background-color: #1F1F1F !important; /* gris profundo */
    border-color: #1F1F1F !important;
    color: #FFFFFF !important;
}
/* ===========================
   BellaSkin — Carrito Opción B
   Icono negro + contador nude
   =========================== */

/* Icono del carrito en negro */
#_desktop_cart .shopping-cart,
#header .shopping-cart,
.material-icons.shopping-cart {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Contador (número) en nude */
#_desktop_cart .cart-products-count,
#header .cart-products-count {
    background-color: #B7A89E !important; /* nude */
    color: #FFFFFF !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 2px 6px !important;
    min-width: 22px !important;
    text-align: center !important;
}
/* ===========================
   Top bar WhatsApp link
   =========================== */

/* Estado normal: texto negro */
#desktop_contact_link a[href^="tel:"] {
  color: #1F1F1F !important;      /* negro */
  text-decoration: none !important;
}

/* Hover: texto nude (como el branding) */
#desktop_contact_link a[href^="tel:"]:hover {
  color: #F0D6BF !important;      /* ajusta al nude exacto de tu marca */
  text-decoration: none !important;
}
/* BellaSkin – Header Whatsapp hover (v12)  */
/* Estado normal: negro */
#desktop_contact_link a,
#desktop_contact_link a:link,
#desktop_contact_link a:visited {
  color: #000000 !important;
  text-decoration: none;
}

/* Hover: nude (como el logo) */
#desktop_contact_link a:hover,
#desktop_contact_link a:focus {
  color: #C7A18A !important; /* ajusta el código al nude exacto que uses */
  text-decoration: none;
}
/* ====== BellaSkin Whatsapp Hover Override v12 ====== */

/* Estado normal */
header #desktop_contact_link a,
#header #desktop_contact_link a {
  color: #000 !important;
  text-decoration: none !important;
}

/* Hover */
header #desktop_contact_link a:hover,
#header #desktop_contact_link a:hover {
  color: #C7A18A !important; /* nude */
  text-decoration: none !important;
}
/* WhatsApp hover – versión fuerte */
#header #desktop_contact_link .contact-link a {
    color: #000000;
    transition: color .3s ease;
}

#header #desktop_contact_link .contact-link a:hover {
    color: #E9D6CC; /* Nude */
}
/* WhatsApp header link (por nombre y por hover) */
#header #desktop_contact_link .contact-link a {
  color: #000000 !important;
}

#header #desktop_contact_link .contact-link a:hover {
  color: var(--bs-nude, #E9D6CC) !important;
}
/* HEADER NUDE BACKGROUND */
#header,
#header .header-nav,
#header .header-banner {
    background-color: var(--bs-nude, #E9D6CC) !important;
}
/* Carrito: fondo negro + texto y bordes en nude */
.blockcart.cart-preview.inactive {
    background-color: #000000 !important;
    border: 2px solid var(--bs-nude, #E9D6CC) !important;
    border-radius: 40px !important;
    padding: 6px 18px !important;
}
/* Icono carrito nude */
.blockcart.cart-preview.inactive .material-icons.shopping-cart {
    color: var(--bs-nude, #E9D6CC) !important;
}
/* Contador carrito nude */
.blockcart.cart-preview.inactive .cart-products-count {
    background-color: var(--bs-nude, #E9D6CC) !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    border-radius: 20px !important;
    padding: 1px 6px !important;
}
/* Texto Carrito nude */
.blockcart.cart-preview.inactive .cart-label {
    color: var(--bs-nude, #E9D6CC) !important;
}
/* Hover carrito */
.blockcart.cart-preview.inactive:hover {
    background-color: var(--bs-nude, #E9D6CC) !important;
    border-color: #000000 !important;
}

.blockcart.cart-preview.inactive:hover .material-icons.shopping-cart {
    color: #000000 !important;
}

.blockcart.cart-preview.inactive:hover .cart-label {
    color: #000000 !important;
}

.blockcart.cart-preview.inactive:hover .cart-products-count {
    background-color: #000000 !important;
    color: var(--bs-nude, #E9D6CC) !important;
    border-color: var(--bs-nude, #E9D6CC) !important;
}
/* HEADER TOP NUDE */
#header .header-top {
    background-color: var(--bs-nude, #E9D6CC) !important;
}
/* LOGO SIN FONDO */
#header .header-logo,
#header .header-logo img {
    background: transparent !important;
}
/* MENU PRINCIPAL – NORMAL Y HOVER */
#header .header-top a,
#header .header-top .menu > li > a {
    color: #333333 !important;
}

#header .header-top .menu > li > a:hover {
    color: #000000 !important;
    opacity: 0.7;
}
#header .header-top {
    align-items: center !important;
}
#search_widget input[type="search"] {
    background-color: #F4ECE7 !important;
    border: 1px solid #E0D3C8 !important;
}
#header .header-top .menu > li > a:hover {
    opacity: 0.6 !important;
    transition: opacity 0.2s ease-in-out !important;
}
/* =========================
   BellaSkin – Footer nude
   ========================= */
#footer,
#footer .footer-container {
  background-color: #F4ECE7 !important; /* nude suave */
}

/* Borde superior sutil para separarlo del contenido */
#footer {
  border-top: 1px solid #E0D3C8 !important;
}

/* Color de texto en footer */
#footer,
#footer p,
#footer span {
  color: #333333 !important;
}

/* Enlaces en el footer */
#footer a {
  color: #333333 !important;
}

#footer a:hover {
  color: #DE8C6C !important;  /* un nude un poco más cálido al pasar el mouse */
}
/* Newsletter fondo nude */
#footer .block_newsletter {
  background-color: #F4ECE7 !important;
}
/* Input newsletter más elegante */
#footer .block_newsletter input[type="email"] {
  background-color: #ffffff !important;
  border: 1px solid #D6CFC8 !important;
}

/* Botón newsletter y hover */
#footer .block_newsletter button {
  background-color: #111 !important;
  color: #fff !important;
}

#footer .block_newsletter button:hover {
  background-color: #DEBCA7 !important;
  color: #111 !important;
}
#footer .footer-container {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
header#header,
#header .header-nav,
#header .header-top {
  background-color: #EDE3DB !important; /* mismo nude exacto */
}
#footer, #footer .footer-container {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
#footer, #footer p, #footer li, #footer a {
  color: #3a3a3a !important;
}
#footer .block_newsletter {
  background-color: #EFE6DE !important;
  padding: 20px 0 !important;
}
/* Fondo del bloque newsletter igual al footer (nude suave) */
#footer .block_newsletter {
    background-color: #F4EBE3 !important;  /* Tono nude suave */
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    border: none !important;
}

/* Ajuste de separación */
#footer .block_newsletter form {
    margin-top: 10px !important;
}

/* Estilo del botón suscribir */
#footer .block_newsletter input[type="submit"],
#footer .block_newsletter button {
    background-color: #000 !important;  /* Negro elegante */
    color: #fff !important;
    border-radius: 6px !important;
    border: none !important;
}

/* Hover del botón */
#footer .block_newsletter input[type="submit"]:hover,
#footer .block_newsletter button:hover {
    background-color: #222 !important;
}
/* HOVER NUDE EN EL MENU PRINCIPAL */
#header .header-nav a:hover {
    color: var(--bs-nude-text) !important;
    transition: color 0.25s ease-in-out;
}
/* CAMBIAR COLOR DEL PRECIO PRINCIPAL A NUDE */
.current-price-h5 {
    color: var(--bs-nude-text) !important;
}
#product .product-prices .current-price .current-price-value {
    color: var(--bs-nude-text) !important;
}
/* BS – Precio producto en nude */
.product-prices .current-price .current-price-value,
.product-price .current-price-value,
#product .current-price-value {
  color: #C46A3A !important;  /* nude clarito */
}
/* ================================
   BS – Precio de producto en nude
   ================================ */
#product span.current-price-value,
#product .product-prices .current-price .current-price-value,
#product .product-price .current-price-value,
#product .current-price span.price,
#product .current-price .price {
  color: #C46A3A !important; /* nude directo */
}
/* ================================
   BS – Precio de producto en nude (negritas)
   ================================ */
#product span.current-price-value,
#product .product-prices .current-price .current-price-value,
#product .product-price .current-price-value,
#product .current-price span.price,
#product .current-price .price {
    color: #C46A3A !important;
    font-weight: 700 !important; /* Negrilla */
}
/* Precio de producto – Nude + Negrita */
#product span.current-price-value,
#product .product-prices .current-price .current-price-value,
#product .product-price .current-price-value,
#product .current-price span.price,
#product .current-price .price {
    color: #C46A3A !important;  /* Nude */
    font-weight: 700 !important; /* Negrita */
}
/* Precio del producto – nude + NEGRITA */
#product h5.current-price,
#product .product-price h5,
#product .product-prices .product-price h5,
#product span.current-price-value,
#product .product-prices .current-price .current-price-value,
#product .product-price .current-price-value,
#product .current-price span.price,
#product .current-price .price {
  color: #C46A3A !important;   /* nude */
  font-weight: 700 !important; /* negrita */
}
#product span.current-price-value {
  color: #C46A3A !important;
  font-weight: 700 !important;
}
/* ===========================================
   Pestañas de ficha de producto (Descripción, Detalles…)
   =========================================== */

/* Estilo base de las pestañas */
.tabs .nav-tabs .nav-link {
  color: #555555;              /* texto base */
  font-weight: 400;
  border: none;
  border-bottom: 2px solid transparent;
  background-color: transparent;
  padding: 0.75rem 1.5rem;
}

/* Hover: subrayado nude y texto un poco más oscuro */
.tabs .nav-tabs .nav-link:hover {
  color: #222222;
  border-bottom-color: #E0C2A3;   /* nude / arena suave */
}

/* Activo: pestaña seleccionada (Descripción, Detalles…) */
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-item.show .nav-link {
  color: #222222 !important;      /* negro */
  font-weight: 600 !important;    /* un poco más fuerte */
  border: none;
  border-bottom: 2px solid #C8A45D !important; /* nude dorado */
  background-color: transparent;
}
.product-images > li.thumb.selected,
.product-images .thumb.selected {
    border: 4px solid #d4af37 !important; /* Oro */
}
.modal-body .product-name {
    color: #D4AF37 !important;
    font-weight: 700 !important;
}
/* Precio en la vista del carrito (página del carrito) */
#cart .price,
#cart .product-price,
.cart-summary-line .value,
.cart-summary-line .value .price {
    color: #C46A3A !important; /* Terracota */
    font-weight: 700 !important;
}
.blockcart .price,
.blockcart .product-price {
    color: #C46A3A !important;
    font-weight: 700 !important;
}
/* Hover del nombre de producto en carrito */
#cart .product-line-info a:hover {
    color: #EBDED3 !important;
}
/* Color normal del nombre */
#cart .product-line-info a {
    color: #222 !important;  /* negro */
    text-decoration: none;
}
/* Hover para el enlace "Seguir comprando" en el carrito */
#cart a.label:hover {
    color: #EBDED3 !important;
}
#blockcart-modal .product-price {
    color: #C46A3A !important;
    font-weight: 700 !important;
}
#blockcart-modal .cart-content p,
#blockcart-modal .cart-content span {
    color: #C46A3A !important;
    font-weight: 600;
}
/* Precio en listados, búsqueda y categorías */
.product-price-and-shipping .price {
    color: #C46A3A !important;
    font-weight: 700 !important;
}
.product-price-and-shipping .regular-price {
    color: #777 !important;
}
.product-miniature:hover .product-price-and-shipping .price {
    color: #EBDEC3 !important; /* nude suave */
}
.product-miniature .quick-view:hover {
    background-color: rgba(196,106,58,0.1) !important;
    color: #C46A3A !important;
    border-radius: 4px;
    padding: 4px 8px;
}
.forgot-password a {
    background-color: #C46A3A !important;
    color: #ffffff !important;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none !important;
    font-weight: 600;
}

.forgot-password a:hover {
    background-color: #9A4F28 !important;
}
.no-account a {
    background-color: #C46A3A !important;
    color: #ffffff !important;
    padding: 6px 14px;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none !important;
    font-weight: 600;
    transition: background .2s ease-in-out;
}

.no-account a:hover {
    background-color: #9A4F28 !important;
}
/* Hover del botón idioma */
.dropdown:hover .expand-more,
.dropdown .expand-more:hover {
    color: #C46A3A !important; /* cobre */
    background-color: #EBDEC3 !important; /* nude suave */
    padding: 4px 8px;
    border-radius: 4px;
}
#search_filters_brands .facet .facet-label:hover,
#search_filters_brands .facet a:hover {
  color: #E9BFA6 !important;
  padding-left: 4px;
  transition: all 0.2s ease-in-out;
}
/* Registro: enlace "Inicie sesión" */
#registration .no-account a {
  color: #C46A3A; /* cobre / terracota */
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

/* Hover */
#registration .no-account a:hover {
  color: #E9BFA6; /* nude */
  text-decoration: none;
}
#registration .no-account a:hover {
  color: #E9BFA6;
  letter-spacing: 0.3px;
}
body#registration section.register-form p > a[href*="iniciar-sesion"] {
  color: #C46A3A !important;
  font-weight: 600;
  text-decoration: none !important;
}

body#registration section.register-form p > a[href*="iniciar-sesion"]:hover {
  color: #E9BFA6 !important;
}
/* ===============================
   CONTACTO – Botones principales
   =============================== */

/* Botón Enviar */
body#contact .contact-form button,
body#contact .contact-form input[type="submit"] {
  background-color: #C46A3A;
  color: #fff;
  border: none;
  font-weight: 600;
  transition: all .2s ease-in-out;
}

body#contact .contact-form button:hover,
body#contact .contact-form input[type="submit"]:hover {
  background-color: #E9BFA6; /* nude */
  color: #4a2a1a;
}

/* ===============================
   CONTACTO – Input file
   =============================== */

/* Botón "Seleccionar archivo" */
body#contact .contact-form input[type="file"]::file-selector-button {
  background-color: #C46A3A;
  color: #fff;
  border: none;
  padding: .5rem 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

body#contact .contact-form input[type="file"]::file-selector-button:hover {
  background-color: #E9BFA6;
  color: #4a2a1a;
}

/* Firefox fallback */
body#contact .contact-form input[type="file"]::-webkit-file-upload-button {
  background-color: #C46A3A;
  color: #fff;
  border: none;
  padding: .5rem 1rem;
  font-weight: 600;
  cursor: pointer;
}

body#contact .contact-form input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #E9BFA6;
  color: #4a2a1a;
}

/* ===============================
   CONTACTO – Links dentro del form
   =============================== */

body#contact .contact-form a {
  color: #C46A3A;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease-in-out;
}

body#contact .contact-form a:hover {
  color: #E9BFA6;
}
/* ===============================
   CONTACTO – Seleccionar archivo
   =============================== */

body#contact label.btn.btn-default[for="file-upload"] {
  background-color: #C46A3A;
  color: #fff;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .2s ease-in-out;
}

/* Hover */
body#contact label.btn.btn-default[for="file-upload"]:hover {
  background-color: #E9BFA6; /* nude */
  color: #4a2a1a;
}
/* ===============================
   CONTACTO – Botón WhatsApp
   =============================== */

body#contact .contact-rich .block .data a[href^="tel:Whatsapp"] {
  display: inline-block;
  background-color: #25D366; /* WhatsApp */
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

/* Hover – nude premium */
body#contact .contact-rich .block .data a[href^="tel:Whatsapp"]:hover {
  background-color: #E9BFA6; /* nude */
  color: #4a2a1a;
}
/* ===============================
   CONTACTO – Botón Correo
   =============================== */

body#contact .contact-rich .block .data a[href^="mailto"] {
  display: inline-block;
  background-color: #E9BFA6; /* nude */
  color: #4a2a1a;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

/* Hover – cobre */
body#contact .contact-rich .block .data a[href^="mailto"]:hover {
  background-color: #C46A3A; /* cobre */
  color: #fff;
}
/* =========================================
   CONTACTO – BOTÓN MAIL (FORZADO AL THEME)
   ========================================= */

body#contact .contact-rich .block .data a[href^="mailto"] {
  display: inline-block !important;
  background-color: #E9BFA6 !important; /* nude */
  color: #4a2a1a !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  transition: all .2s ease-in-out;
}

/* Hover */
body#contact .contact-rich .block .data a[href^="mailto"]:hover {
  background-color: #C46A3A !important; /* cobre */
  color: #ffffff !important;
}
/* CONTACTO: mail como botón (gana a theme) */
body#contact #wrapper #left-column .contact-rich .block .data.email a[href^="mailto"]{
  display: inline-block !important;
  background: #E9BFA6 !important;  /* nude */
  color: #4a2a1a !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}

/* Hover */
body#contact #wrapper #left-column .contact-rich .block .data.email a[href^="mailto"]:hover{
  background: #C46A3A !important;  /* cobre */
  color: #fff !important;
}

/* MISMO BREAKPOINT DEL THEME (clave) */
@media (min-width: 576px){
  body#contact #wrapper #left-column .contact-rich .block .data.email a[href^="mailto"]{
    font-size: .875rem !important; /* o el tamaño que quieras */
  }
}
/* ===============================
   CONTACTO – MAIL COMO BOTÓN
   GANA A THEME
================================ */

body#contact
#left-column
.contact-rich
.block
.data.email
a[href^="mailto"] {
  display: inline-block !important;
  background-color: #E9BFA6 !important; /* nude */
  color: #4a2a1a !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  border: none !important;
}

/* Hover */
body#contact
#left-column
.contact-rich
.block
.data.email
a[href^="mailto"]:hover {
  background-color: #C46A3A !important; /* cobre */
  color: #ffffff !important;
}

/* MISMO BREAKPOINT DEL THEME */
@media (min-width: 576px) {
  body#contact
  #left-column
  .contact-rich
  .block
  .data.email
  a[href^="mailto"] {
    font-size: .875rem !important;
  }
}
/* HEADER – ENVÍO GRATIS */
.header-free-shipping {
  font-size: 0.875rem;
  font-weight: 500;
  color: #4a2a1a;
  background-color: #F5E6DB;
  padding: 6px 14px;
  border-radius: 20px;
  margin-right: 12px;
  white-space: nowrap;
}

/* Desktop: alineado a la derecha o centro */
@media (min-width: 768px) {
  .header-free-shipping {
    margin-left: auto;
  }
}
/* Contenedor del header nav */
.header-nav {
  display: flex;
  align-items: center;
}

/* Leyenda envío gratis – centrada */
.header-free-shipping {
  margin: 0 auto;          /* 👈 esto lo centra */
  text-align: center;
}
.header-free-shipping {
  line-height: 1.4;
  padding: 6px 0;
}
.header-free-shipping {
  font-size: 0.9rem;
  font-weight: 500;
  color: #4a2a1a; /* nude oscuro elegante */
}
@media (max-width: 767px) {
  .header-free-shipping {
    font-size: 0.8rem;
    text-align: center;
    padding: 6px 12px;
  }
}
/* FIX: Botón "IR A LA CAJA" visible sin hover (modal add-to-cart) */
#blockcart-modal .cart-content-btn .btn,
#blockcart-modal .cart-content-btn .btn-primary,
#blockcart-modal .cart-content-btn a.btn {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* Estilo base del botón (ajusta si ya lo tienes definido) */
#blockcart-modal .cart-content-btn .btn-primary,
#blockcart-modal .cart-content-btn a.btn-primary {
  background: #232323 !important;
  border-color: #232323 !important;
  color: #ffffff !important;
}

/* Hover (si quieres mantener tu cobre/terracota) */
#blockcart-modal .cart-content-btn .btn-primary:hover,
#blockcart-modal .cart-content-btn a.btn-primary:hover {
  background: #C46A3A !important;
  border-color: #C46A3A !important;
  color: #ffffff !important;
}
/* BOTÓN "IR A LA CAJA" (carrito) - visible sin hover */
#cart .cart-detailed-actions a,
#cart .cart-detailed-actions .btn,
#cart .cart-detailed-actions .btn-primary,
#cart .cart-detailed-actions a.btn-primary,
.cart-summary .checkout a,
.cart-summary .checkout .btn {
  background-color: #111 !important;   /* o tu terracota #C46A3A */
  color: #fff !important;
  border: 1px solid #111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

/* Hover (opcional) */
#cart .cart-detailed-actions a:hover,
#cart .cart-detailed-actions .btn:hover,
.cart-summary .checkout a:hover {
  background-color: #C46A3A !important;
  border-color: #C46A3A !important;
  color: #fff !important;
}
/* Títulos de columnas del mega menú */
.mega-menu .category-title,
.mega-menu h4 {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #2b2b2b;
}
/* Subcategorías */
.mega-menu ul li a {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    padding: 3px 0;
    color: #555;
}
/* Hover elegante */
.mega-menu ul li a:hover {
    color: #000;
    text-decoration: none;
}
/* Reducir espacio vertical entre items */
.mega-menu ul {
    margin-top: 6px;
}
.bs-cat-intro { margin: 12px 0 18px; }
.bs-cat-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.bs-cat-chips a{
  display:inline-block;
  padding:8px 12px;
  border:1px solid #d9c7bd; /* nude */
  border-radius:999px;
  color:#232323;
  text-decoration:none;
  font-weight:600;
  font-size:.9rem;
}
.bs-cat-chips a:hover{
  background:#f3e7e1; /* nude suave */
}
/* Subcategorías estilo chips */
.bs-subcats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 22px;
}

.bs-subcats a {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #d9c7bd;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #232323;
  text-decoration: none;
}

.bs-subcats a:hover {
  background: #f3e7e1;
}
/* Oculta miniaturas/imagenes de subcategorías */
#subcategories img,
#subcategories .subcategory-image,
.subcategories img,
.subcategories .subcategory-image {
  display: none !important;
}
/* Contenedor de subcategorías en grid */
#subcategories ul,
.subcategories ul {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0;
  margin: 16px 0 0;
  list-style: none;
}

/* Cada item */
#subcategories li,
.subcategories li {
  flex: 1 1 220px;      /* ancho mínimo por tarjeta */
  max-width: 320px;     /* evita que se hagan gigantes */
}

/* Link como tarjeta */
#subcategories li a,
.subcategories li a {
  display: block;
  padding: 14px 16px;
  border: 1px solid #e4d6cc;
  border-radius: 10px;
  background: #ffffff;
  color: #232323;
  text-decoration: none;
  font-weight: 600;
}

/* Hover (nude/cobre, según tu línea) */
#subcategories li a:hover,
.subcategories li a:hover {
  background: #f4e6dc;     /* nude */
  border-color: #c46a3a;   /* cobre/terracota */
  color: #c46a3a;
}
.subcategory.active a,
.subcategory a.active {
  background: #c46a3a;   /* tu tono dominante */
  color: #fff;
  border-color: #c46a3a;
}
.subcategory a {
  background: #fff;
  border: 1px solid #e4d6cc;
}
/* Quitar columna izquierda en páginas de categoría */
body#category.layout-left-column #left-column{
  display: none !important;
}

/* Expandir el contenido a 100% */
body#category.layout-left-column #content-wrapper{
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* SOLO contenido, NO header */
body#category .layout-left-column #content-wrapper > .row {
  display: flex !important;
  flex-wrap: wrap !important;
}
.block-category h1{
  text-align: center;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-bottom: 1.5rem;
}
/* Contenedor de descripción de categoría */
.block-category .category-description,
.block-category .category-intro{
  max-width: 720px;
  margin: 0 auto 2.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.7;
  color: #555;
}
.block-category p{
  max-width: 720px;
  margin: 0 auto 2.5rem;
  text-align: center;
}
/* Mostrar y estilizar descripción de categoría (debajo del H1) */
.block-category .category-description,
.block-category .category-intro,
.block-category p {
  display: block !important;
  max-width: 780px;
  margin: 0 auto 2.5rem;
  text-align: center;
  line-height: 1.7;
  color: #555;
}
.category-description {
  max-width: 820px;
  margin: 1rem auto 0;
  font-size: 1rem;
  line-height: 1.7;
  color: #555;
}

.category-description p {
  margin: 0;
}
.block-category {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#js-product-list-header .category-description{
  max-width: 900px;
  margin: 14px auto 0;
  line-height: 1.6;
}
.block-category .category-description{
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.6;
}

.category-additional-description{
  max-width: 1000px;
  margin: 0 auto;
  line-height: 1.7;
  color: #232323;
}
/* Mantener el mismo alto del header-nav en todas las páginas (incluye categorías) */
#header .header-nav{
  padding: 10px 0 !important;
  min-height: 48px;
}

#header .header-nav .container{
  display: flex;
  align-items: center;
}

/* Por si en categorías alguien lo aplasta */
body#category #header .header-nav,
.page-category #header .header-nav{
  padding: 10px 0 !important;
  min-height: 48px;
}
#header .header-nav .container{
  display: flex !important;
  align-items: center;
}

#header .header-nav .container > .row{
  flex: 1 1 100%;
  width: 100%;
}