
: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;
}
.banner_home_page .banner_caption{
    background-color: rgba(253,248,244,0.85);
}
.banner_home_page .banner_caption h2,
.banner_home_page .banner_caption p{
    color: var(--color-text-secundario);
}
.banner_home_page .banner_btn{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
}
.banner_home_page .banner_btn:hover{
    background-color: #fff;
    color: var(--cafe);
    transition: all 0.3s;
}
.banner_home_page .carousel-indicators button{
    background-color: var(--cafe);
}
.ventajas_home_page{
    background-color: var(--color-bg);
    border-top: 1px solid rgba(35,24,20,0.1);
    border-bottom: 1px solid rgba(35,24,20,0.1);
}
.ventaja_item i,
.ventaja_item h3{
    color: var(--color-text-secundario);
}
.ventaja_item p{
    color: #8a7d74;
}
.categorias_home_page_header h2{
    color: var(--cafe);
}
.categorias_home_page_header .ver_todas_categorias{
    color: var(--cafe);
}
.categoria_card_body h3{
    color: var(--color-text-secundario);
}
.categoria_card_body p{
    color: #8a7d74;
}
.categoria_card_link{
    color: var(--cafe);
    transition: all 0.2s;
}
.categoria_card:hover .categoria_card_link{
    color: var(--color-text-secundario);
}
.categoria_card.is-disabled .categoria_card_img img{
    filter: grayscale(50%);
    opacity: .7;
}
.categoria_card.is-disabled .categoria_card_body p.proximamente{
    color: gray;
    font-style: italic;
}
.inspiracion_caption h2,
.inspiracion_caption p{
    color: var(--color-text-secundario);
}
.inspiracion_btn{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
}
.inspiracion_btn:hover{
    background-color: #fff;
    color: var(--cafe);
}
.testimonios_inner{
    background-color: var(--color-bg);
    border: 1px solid rgba(35,24,20,0.1);
}
.testimonios_titulo h2{
    color: var(--cafe);
}
.testimonio_card{
    background-color: #FCF8F4;
}
.testimonio_card .estrellas i{
    color: var(--cafe);
}
.testimonio_card p,
.testimonio_card .autor{
    color: var(--color-text-secundario);
}
.testimonios_nav button{
    background-color: transparent;
    border: 1px solid rgba(35,24,20,0.2);
    color: var(--color-text-secundario);
}
.testimonios_nav button:hover{
    background-color: var(--cafe);
    color: #fff;
    border-color: var(--cafe);
}
.newsletter_home_page{
    background-color: var(--cafe);
}
.newsletter_icon{
    background-color: rgba(255,255,255,0.15);
    color: #fff;
}
.newsletter_texto h2{
    color: #fff;
}
.newsletter_texto p{
    color: rgba(255,255,255,0.8);
}
.newsletter_form input[type="email"]{
    color: var(--color-text-secundario);
}
.newsletter_form button{
    background-color: var(--color-text-secundario) !important;
    color: #fff;
    border: solid 1px var(--color-text-secundario) !important;
    transition: all 0.3s;
}
.newsletter_form button:hover{
    background-color: #fff !important;
    color: var(--cafe);
    border-color: #fff !important;
}
.newsletter_msg{
    color: #fff;
}
.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 {
    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-bg);
    color: var(--color-text-secundario);
}
.site-footer a{
    color: var(--color-text-secundario);
}
.site-footer .footer__desc{
    color: #8a7d74;
}
.footer__social a{
    color: var(--color-text-secundario);
    transition: all 0.3s;
}
.footer__social a:hover{
    background-color: var(--cafe);
    color: #fff;
    border-color: var(--cafe);
}
.footer__list a,
.footer__contacto a{
    color: #8a7d74;
    transition: color 0.2s;
}
.footer__list a:hover,
.footer__contacto a:hover{
    color: var(--cafe);
}
.footer__contacto li{
    color: #8a7d74;
}
.shop_banner_static .shop_banner_caption{
    background-color: rgba(253,248,244,0.85);
}
.shop_banner_static .shop_banner_caption h2{
    color: var(--color-text-secundario);
}
.shop_banner_static .shop_banner_btn{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
}
.shop_banner_static .shop_banner_btn:hover{
    background-color: #fff;
    color: var(--cafe);
    transition: all 0.3s;
}
.shop_filtro_btn{
    background-color: #fff;
    color: var(--color-text-secundario);
    border: 1px solid rgba(35,24,20,0.2);
}
.shop_filtro_btn:hover{
    border-color: var(--cafe);
    color: var(--cafe);
}
.shop_filtro_btn.is-active{
    background-color: var(--color-text-secundario);
    color: #fff;
    border-color: var(--color-text-secundario);
}
.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: sticky;      /* banner pegajoso también en móvil */
    top: 0;
    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; }
}
@media screen and (max-width: 1023px){
.inspiracion_caption{
    background-color: rgba(253,248,244,0.9);
}
}
.footer__bott{
    background-color: #f3e9e0;
    color: #8a7d74;
    border-top: 1px solid rgba(35,24,20,0.1);
}
.footer__pagos i{
    color: var(--color-text-secundario);
}

/* ===== Página de Contacto ===== */
.contacto_hero{
    background-color: var(--color-bg);
    border-bottom: 1px solid rgba(35,24,20,0.1);
}
.contacto_hero_eyebrow{
    color: var(--terracota);
}
.contacto_hero_caption h1,
.contacto_hero_caption p{
    color: var(--color-text-secundario);
}
.contacto_info{
    background-color: var(--color-bg);
    border-bottom: 1px solid rgba(35,24,20,0.1);
}
.contacto_info_item{
    transition: background-color 0.3s;
}
.contacto_info_item i,
.contacto_info_item h3{
    color: var(--color-text-secundario);
}
.contacto_info_item p{
    color: #8a7d74;
}
.contacto_info_item:hover{
    background-color: #fff;
}
.contacto_form_col h2,
.contacto_horario h3{
    color: var(--cafe);
}
.contacto_form_intro,
.contacto_aside_content{
    color: #8a7d74;
}
.contacto_field label{
    color: var(--color-text-secundario);
}
.contacto_field input,
.contacto_field textarea{
    color: var(--color-text-secundario);
    background-color: #fff;
    border: 1px solid rgba(35,24,20,0.2);
}
.contacto_field input:focus,
.contacto_field textarea:focus{
    outline: none;
    border-color: var(--cafe);
}
.contacto_submit{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
    transition: all 0.3s;
}
.contacto_submit:hover{
    background-color: #fff;
    color: var(--cafe);
}
.contacto_alert--ok{
    background-color: #e7f1e3;
    color: #3f6b34;
    border: 1px solid #c9d6b9;
}
.contacto_alert--error{
    background-color: #f7e6dd;
    color: #9a4a26;
    border: 1px solid #e9a178;
}
.contacto_horario{
    background-color: var(--color-bg);
    border: 1px solid rgba(35,24,20,0.1);
}
.contacto_horario li span:last-child{
    color: var(--color-text-secundario);
    font-weight: 600;
}
.contacto_horario li span:first-child{
    color: #8a7d74;
}
.contacto_mapa{
    border: 1px solid rgba(35,24,20,0.1);
}

/* ===== Página de Inspiración ===== */
.inspiracion_hero_caption{
    background-color: rgba(253,248,244,0.88);
    padding: 1.4em 1.6em;
    border-radius: 8px;
}
.inspiracion_hero_eyebrow{
    color: var(--terracota);
}
.inspiracion_hero_caption h1,
.inspiracion_hero_caption p{
    color: var(--color-text-secundario);
}
.inspiracion_hero_btn{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
    transition: all 0.3s;
}
.inspiracion_hero_btn:hover{
    background-color: #fff;
    color: var(--cafe);
}
.inspiracion_lead h2,
.inspiracion_section_header h2,
.inspiracion_ideas_section h2,
.inspiracion_cierre_inner h2{
    color: var(--cafe);
}
.inspiracion_lead p,
.inspiracion_idea p,
.inspiracion_estilo_body p{
    color: #8a7d74;
}
.inspiracion_ver_todo,
.inspiracion_estilo_link{
    color: var(--cafe);
    transition: color 0.2s;
}
.inspiracion_estilo_card:hover .inspiracion_estilo_link{
    color: var(--color-text-secundario);
}

/* Banda de Realidad Aumentada (acento fuerte) */
.inspiracion_ra{
    background-color: var(--cafe);
}
.inspiracion_ra_badge{
    background-color: rgba(255,255,255,0.15);
    color: #fff;
}
.inspiracion_ra_intro h2{
    color: #fff;
}
.inspiracion_ra_intro p{
    color: rgba(255,255,255,0.85);
}
.inspiracion_ra_paso{
    background-color: rgba(255,255,255,0.07);
}
.inspiracion_ra_num{
    background-color: var(--terracota);
    color: #fff;
}
.inspiracion_ra_paso i{
    color: var(--verde-salvia);
}
.inspiracion_ra_paso h3{
    color: #fff;
}
.inspiracion_ra_paso p{
    color: rgba(255,255,255,0.8);
}
.inspiracion_ra_btn{
    background-color: #fff;
    color: var(--cafe);
    border: solid 1px #fff;
    transition: all 0.3s;
}
.inspiracion_ra_btn:hover{
    background-color: var(--terracota);
    color: #fff;
    border-color: var(--terracota);
}

/* Tarjetas de estilos / ideas */
.inspiracion_estilo_card{
    background-color: #FCF8F4;
}
.inspiracion_estilo_body h3{
    color: var(--color-text-secundario);
}
.inspiracion_idea{
    background-color: var(--color-bg);
    border: 1px solid rgba(35,24,20,0.08);
    transition: background-color 0.3s;
}
.inspiracion_idea:hover{
    background-color: #fff;
}
.inspiracion_idea i{
    color: var(--cafe);
}
.inspiracion_idea h3{
    color: var(--color-text-secundario);
}

/* Cierre / CTA final */
.inspiracion_cierre{
    background-color: var(--color-bg);
    border-top: 1px solid rgba(35,24,20,0.1);
}
.inspiracion_cierre_inner p{
    color: #8a7d74;
}
.inspiracion_cierre_btn{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
    transition: all 0.3s;
}
.inspiracion_cierre_btn:hover{
    background-color: #fff;
    color: var(--cafe);
}

/* ===== Página de Ofertas ===== */
.ofertas_hero{
    background-color: var(--color-bg);
    border-bottom: 1px solid rgba(35,24,20,0.1);
}
.ofertas_hero_badge{
    background-color: var(--terracota);
    color: #fff;
}
.ofertas_hero_caption h1,
.ofertas_hero_caption p{
    color: var(--color-text-secundario);
}
.ofertas_hero_btn{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
    transition: all 0.3s;
}
.ofertas_hero_btn:hover{
    background-color: #fff;
    color: var(--cafe);
}
.ofertas_perks{
    background-color: var(--color-bg);
    border-bottom: 1px solid rgba(35,24,20,0.1);
}
.ofertas_perk i,
.ofertas_perk h3{
    color: var(--color-text-secundario);
}
.ofertas_perk p{
    color: #8a7d74;
}
.ofertas_section_header h2{
    color: var(--cafe);
}
.ofertas_ver_todo{
    color: var(--cafe);
}
.ofertas_vacio{
    color: #8a7d74;
}
.ofertas_cierre{
    background-color: var(--color-bg);
    border-top: 1px solid rgba(35,24,20,0.1);
}
.ofertas_cierre_inner h2{
    color: var(--cafe);
}
.ofertas_cierre_inner p{
    color: #8a7d74;
}
.ofertas_cierre_btn{
    background-color: var(--cafe);
    color: #fff;
    border: solid 1px var(--cafe);
    transition: all 0.3s;
}
.ofertas_cierre_btn:hover{
    background-color: #fff;
    color: var(--cafe);
}

/* ===== Página de Categorías ===== */
.categorias_hero{
    background-color: var(--color-bg);
    border-bottom: 1px solid rgba(35,24,20,0.1);
}
.categorias_hero_eyebrow{
    color: var(--terracota);
}
.categorias_hero_caption h1,
.categorias_hero_caption p{
    color: var(--color-text-secundario);
}
.categoria_card_count{
    color: #8a7d74;
}
.categorias_vacio{
    color: #8a7d74;
}
.categorias_productos_header h2{
    color: var(--cafe);
}
.categorias_productos_link{
    color: var(--cafe);
}