
:root {
    --color-header: #ffffff;
    --color-footer: rgb(27, 27, 27);
    --color-bg:    #FDF8F4;
    --color-text:   #030201;
    --color-text-secundario: #231814;

    --verde-salvia:   #C9D6B9; /* secundario/sutilezas */
    --verde-rpecios: #958e09; /* verde para los precios*/
    --azul-acero:     #A9C2CF; /* primario/tech */
    --terracota:      #E9A178; /* acentos/contraste */
    --cafe: #554434;

    --morado: #8157EB
}
#masthead{
    background-color: var(--color-header);
}
#masthead a{
    color: rgb(0, 0, 0);
}
#site-navigation .menu-toggle{
    color: var(--color-text);
}
.header-buscador button{
    color: black;
    background-color: transparent;
}
#primary-menu{
    background-color: white;
}
.img_categoria_home_page h2{
    color: var(--color-text-secundario);
    transition: all 0.2s;
}
.categorias_home_page .is-active:hover h2{
    color: var(--cafe);
    transition: all 0.2s;
}
.productos_recientes_home h2{
  color: var(--color-text-secundario);
}
#areality-search-modal .asm-close,
.search__results .product .woocommerce-loop-product__link,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
#areality-mini-cart .mini_cart_item a,
.woocommerce ul.products li .woocommerce-loop-product__link h2,
.productos_recientes_home .producto-item a{
  color: var(--color-text-secundario);
}
#areality-search-modal .asm-close:hover,
.search__results .product .woocommerce-loop-product__link:hover,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title:hover,
#areality-mini-cart .mini_cart_item a:hover,
.woocommerce ul.products li .woocommerce-loop-product__link h2:hover,
.productos_recientes_home .producto-item a:hover{
  color: var(--cafe);
}
.productos_recientes_home .producto-item i{
    background-color: var(--color-bg);
    transition: all 0.2s;
}
.producto-item:hover i{
    background-color: var(--color-text);
    color: white;
    transition: all 0.2s;
}
.productos_recientes_home .producto-item:hover{
    background-color: white;
}
.producto-item:hover .oferta-aviso{
  background-color: var(--color-text);
  color: white;
  transition: all 0.5s;
}
.productos_recientes_home .producto-item .precio{
    color: var(--verde-rpecios) !important;
}

#areality-search-modal form button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__form button,
.wp-block-woocommerce-cart .wc-block-cart__submit-container a,
.search__results .product .button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button a,
.productos_recientes_home .producto-item button,
.product__summary .single_add_to_cart_button{
  background-color: var(--cafe) !important;
  transition: all 0.5s !important;
  border: solid 1px var(--cafe) !important;
  color: white;
}
#areality-search-modal form button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__form button:hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-container a:hover,
.search__results .product .button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button a:hover,
.productos_recientes_home .producto-item button:hover,
.product__summary .single_add_to_cart_button:hover{
    background-color: white !important;
    border: solid 1px var(--cafe) !important;
    color: var(--cafe) !important;
    transition: all 0.5s !important;
}
body {
    background: var(--color-bg);
    color: var(--color-text);
}
button{
    color: white;
}
a{
    color: var(--terracota);
}
.contenedor_botones_areality button{
    background-color: var(--color-footer);
}
.site-footer{
    background-color: var(--color-footer);
    color: white;
}
.site-footer a{
    color: white;
}
.woocommerce ul.products li.product .button{
    background-color: var(--cafe);
    color: var(--color-bg);
    border: solid 1px var(--cafe);
    transition: all 0.5s;
}
.woocommerce ul.products li.product .button:hover{
    background-color: white;
    color: var(--cafe);
    border: solid 1px var(--cafe);
    transition: all 0.5s;
}
#areality-cart-drawer .remove_from_cart_button,
#areality-mini-cart .remove_from_cart_button{
    color: #a00 !important;
}
#areality-cart-drawer .remove_from_cart_button:hover,
#areality-mini-cart .remove_from_cart_button:hover{
    color: #a00 !important;
    background: transparent !important;
}
/* móvil: header por encima del overlay */
@media (max-width:768px){
  /* ajusta el selector según tu tema: .site-header, #masthead, etc. */
  .site-header, #masthead{
    position: relative;    /* o sticky/fixed si ya lo usas */
    z-index: 2000;         /* mayor que el overlay (900) y el nav (1001) */
  }

  /* por claridad, mantenemos estas capas */
  #site-navigation{ z-index: 1101; position: relative; }
  #mobile-menu-overlay{ z-index: 900; }
}
.proximamente,
.is-disabled h2{
    color: gray !important;
}
.sub-proximamente {
  display: block;       /* fuerza salto de línea */
  font-size: .9em;      /* un poco más pequeño */
  opacity: .8;          /* tenue */
  margin-top: .25rem;   /* separación del título */
  line-height: 1.1;
}
.buscador__footer button{
    color: var(--color-text);
    transition: all 0.3s;
}
.buscador__footer button:hover{
    color: white;
    background-color: var(--color-text);
    transition: all 0.3s;
}
.footer__bott{
    background-color: #030201;
    color: white;
}