/*
Theme Name: Astra Child
Template: astra
*/

/* PALETA MAYA MADEINGUATE */
:root {
  --ast-global-color-0: #2d6b4f;
  --ast-global-color-1: #1a4a35;
  --ast-global-color-2: #0f0e0c;
  --ast-global-color-3: #1a1714;
  --ast-global-color-4: #f5f0e8;
  --ast-global-color-5: #faf7f2;
  --ast-global-color-6: #e8e2d9;
  --ast-global-color-7: #c9a84c;
  --ast-global-color-8: #0f0e0c;
}

/* TIPOGRAFIA */
body, button, input, select, textarea {
  font-family: 'Jost', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title,
.woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
}

/* HEADER */
#masthead,
.site-header,
.ast-primary-header-bar,
.main-header-bar {
  background-color: #0f0e0c !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
}

#masthead .menu-link,
#masthead .ast-builder-menu-1 .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
  color: #f5f0e8 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.ast-builder-menu-1 .menu-item:hover > .menu-link {
  color: #c9a84c !important;
}

/* CARRITO */
.ast-site-header-cart .ast-cart-menu-wrap,
.ast-header-woo-cart {
  color: #f5f0e8 !important;
}

/* FONDO GENERAL */
body {
  background-color: #faf7f2 !important;
}

/* BOTONES */
.ast-button, button, .button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit {
  background-color: #c9a84c !important;
  color: #0f0e0c !important;
  font-family: 'Jost', sans-serif !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  border: none !important;
  transition: all 0.3s !important;
}

.ast-button:hover, button:hover, .button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: #c4723a !important;
  color: #ffffff !important;
}

/* FOOTER */
.site-footer {
  background-color: #0f0e0c !important;
  color: rgba(245,240,232,0.7) !important;
}

.site-footer a {
  color: #c9a84c !important;
}

.ast-footer-copyright {
  color: rgba(245,240,232,0.4) !important;
}

/* WOOCOMMERCE */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
  color: #2d6b4f !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.3rem !important;
  font-weight: 300 !important;
}

.woocommerce span.onsale {
  background-color: #c4723a !important;
  border-radius: 0 !important;
}

/* LINKS */
a {
  color: #2d6b4f;
}

a:hover {
  color: #c9a84c;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
  color: #0f0e0c;
}

/* HERO TEXT FIX */
.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2,
.wp-block-cover__inner-container p,
.wp-block-cover .wp-block-cover__inner-container *,
.hero-section h1,
.hero-section p {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ==========================================================================
   SOLUCIÓN AL HERO BOX (SOLO PARA LA SECCIÓN HERO)
   ========================================================================== */

/* Usamos el ID del h1 que me pasaste para pintar únicamente su contenedor superior */
.wp-block-spectra-container:has([data-spectra-id="spectra-mg61nv6j-vt1gwb"]),
.uagb-container-wrap:has([data-spectra-id="spectra-mg61nv6j-vt1gwb"]) {
  background-color: #2d6b4f !important;
}

/* En caso de que tu editor no soporte ":has", esta es la alternativa manual segura: */
.caja-hero-verde {
  background-color: #2d6b4f !important;
}

/* Forzar el texto blanco solo dentro de ese título específico */
[data-spectra-id="spectra-mg61nv6j-vt1gwb"] {
  color: #fbfbfb !important;
}