.wp-block-post-content .wp-block-html {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}
.site-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: transparent !important;
  z-index: 999 !important;
}

.site-header .site-title a,
.site-header .site-title {
  color: #FAF7F2 !important;
}

.site-header nav a {
  color: #FAF7F2 !important;
}

.site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Sacar el espacio blanco arriba */
.site-header {
  top: 0 !important;
  margin-top: 0 !important;
}

body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-site-blocks {
  padding-top: 0 !important;
}

/* Logo/título en blanco */
.site-header .site-title a,
.site-header .site-title,
.wp-block-site-title a,
.wp-block-site-title {
  color: #FAF7F2 !important;
}

/* Nav links en blanco */
.site-header nav a,
.wp-block-navigation a {
  color: #FAF7F2 !important;
}

/* Nav más a la derecha */
.wp-block-navigation {
  margin-left: auto !important;
}

.site-header .wp-block-group,
.site-header .wp-block-template-part {
  justify-content: flex-end !important;
}
.wp-block-post-title {
  display: none !important;
}
.wp-block-group:has(> .wp-block-post-title) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wp-site-blocks > .wp-block-group:nth-child(2) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Nav transparente por defecto */
.site-header-linear {
  position: fixed !important;
  top: 32px !important;
  left: 0 !important;
  width: 100% !important;
  background: transparent !important;
  z-index: 999 !important;
  transition: background 0.3s ease !important;
}

/* Al pasar el mouse se pone blanco */
.site-header-linear:hover {
  background: #FAF7F2 !important;
}

/* Links blancos por defecto */
.site-header-linear .wp-block-site-title a,
.site-header-linear .wp-block-navigation a {
  color: #FAF7F2 !important;
  transition: color 0.3s ease !important;
}

/* Links oscuros al hover */
.site-header-linear:hover .wp-block-site-title a,
.site-header-linear:hover .wp-block-navigation a {
  color: #2C1A0E !important;
}

/* Nav fijo al hacer scroll */
.wp-site-blocks {
  padding-top: 0 !important;
}
.entry-content > .wp-block-column:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-block-columns.alignfull:first-child {
  margin-top: 0 !important;
}
.site-header-linear.scrolled .wp-block-site-title a,
.site-header-linear.scrolled .wp-block-navigation a {
  color: #2C1A0E !important;
}
.site-header-linear {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.wp-block-group.gapless-group {
  padding: 0 !important;
  margin: 0 !important;
}

.site-header-linear {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50% - 20px) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding-left:  35px!important;
  padding-right:  35px!important;
}
.site-header-linear {
  left: 0 !important;
  right: 0 !important;
}
.wp-block-column {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wp-block-columns {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.is-layout-flow > * {
  margin-block-start: 0 !important;
}
.wp-block-group.gapless-group {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  margin-top: -30px !important;
}
/* ===== RESPONSIVE MOBILE ===== */
@media (max-width: 768px) {
  .banner-avella {
    padding: 60px 24px !important;
    text-align: center !important;
    flex-direction: column !important;
  }

  .banner-avella h1 {
    font-size: 28px !important;
  }

  .historia-sec {
    padding: 50px 24px !important;
  }

  .historia-sec h2 {
    font-size: 26px !important;
  }

  .prods-wrap {
    padding: 40px 20px !important;
  }

  .prods-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .prods-titulo {
    font-size: 22px !important;
  }
}

@media (max-width: 480px) {
  .prods-grid {
    grid-template-columns: 1fr !important;
  }

  .banner-avella {
    padding: 40px 16px !important;
  }

  .historia-sec h2 {
    font-size: 22px !important;
  }
}
@media (max-width: 768px) {
  /* Nav pegado arriba en mobile */
  .site-header-linear {
    top: 0 !important;
    padding: 0 16px !important;
  }

  /* Sacar el bloque blanco del logo en mobile */
  .wp-block-group.gapless-group {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  /* Banner ocupa bien en mobile */
  .banner-avella {
    padding: 100px 20px 60px !important;
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  .banner-avella h1 {
    font-size: 32px !important;
  }

  .banner-avella a {
    width: 100% !important;
    text-align: center !important;
  }

  /* Historia en mobile */
  .historia-sec {
    padding: 50px 20px !important;
  }

  .historia-sec h2 {
    font-size: 26px !important;
  }

  /* Productos en mobile */
  .prods-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .prods-wrap {
    padding: 40px 16px !important;
  }
}
@media (max-width: 768px) {
  .site-header-linear {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(44,26,14,0.85) !important;
    backdrop-filter: blur(8px) !important;
    padding: 8px 16px !important;
    z-index: 9999 !important;
  }

  .site-header-linear .wp-block-site-title a,
  .site-header-linear .wp-block-navigation a {
    color: #FAF7F2 !important;
  }

  .banner-avella {
    padding: 120px 20px 60px !important;
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  .banner-avella h1 {
    font-size: 30px !important;
  }

  /* Sacar el espacio gris lateral */
  body {
    overflow-x: hidden !important;
  }

  .wp-block-post-content .wp-block-html {
    overflow-x: hidden !important;
  }
}
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
  }

  .site-header-linear {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    background: #2C1A0E !important;
    padding: 12px 20px !important;
    height: auto !important;
  }

  .banner-avella {
    padding: 80px 20px 50px !important;
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  .banner-avella h1 {
    font-size: 28px !important;
  }

  .prods-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .prods-wrap {
    padding: 40px 16px !important;
  }
}
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
  }

  .wp-block-post-content .wp-block-html {
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .banner-avella {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    padding: 80px 20px 50px !important;
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  .banner-avella h1 { font-size: 28px !important; }

  .historia-sec {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    padding: 50px 20px !important;
  }

  .prods-wrap {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    padding: 40px 16px !important;
  }

  .prods-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.wp-block-site-title {
  display: none !important;
}
.wp-block-site-tagline {
  display: none !important;
}
/* Nav oscuro al scrollear — se maneja con la clase .scrolled que agrega el JS */
.site-header-linear.scrolled {
  background: #FAF7F2 !important;
  box-shadow: 0 2px 20px rgba(44,26,14,0.10) !important;
}

.site-header-linear.scrolled .wp-block-site-title a,
.site-header-linear.scrolled .wp-block-site-title,
.site-header-linear.scrolled .wp-block-navigation a {
  color: #2C1A0E !important;
}
.wc-block-product .wp-block-woocommerce-product-image + * ,
.wc-block-product [data-block-name="woocommerce/product-title"],
.wc-block-product [data-block-name="woocommerce/product-price"],
.wp-block-woocommerce-product-title,
.wc-block-components-product-name {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.wc-block-product a {
  display: block !important;
}

.wc-block-product .wc-block-components-product-name,
.wc-block-product h2,
.wc-block-product h3 {
  display: block !important;
  visibility: visible !important;
  font-size: 14px !important;
  color: #2C1A0E !important;
  font-weight: 500 !important;
  text-align: center !important;
  padding: 0 10px !important;
}
.woocommerce ul.products li.product .button,
.wc-block-components-product-button .wp-block-button__link,
.wc-block-grid__product .wp-block-button__link,
.wc-block-product .wp-block-button__link {
  background: #2C1A0E !important;
  color: #FAF7F2 !important;
  border-radius: 3px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border: none !important;
  transition: background 0.2s !important;
}

.woocommerce ul.products li.product .button:hover,
.wc-block-product .wp-block-button__link:hover {
  background: #8C6239 !important;
}
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  .banner-avella,
  .historia-sec,
  .porq-av,
  .testis-av,
  .prods-wrap,
  .footer-av {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    position: relative !important;
  }

  .wp-block-post-content .wp-block-html {
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .banner-avella {
    padding: 80px 20px 50px !important;
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }

  .banner-avella h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .prods-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .porq-av-grid {
    grid-template-columns: 1fr !important;
  }

  .testis-av-grid {
    grid-template-columns: 1fr !important;
  }

  .footer-av-main {
    grid-template-columns: 1fr 1fr !important;
    padding: 32px 20px !important;
    gap: 20px !important;
  }
}

@media (max-width: 480px) {
  .prods-grid {
    grid-template-columns: 1fr !important;
  }

  .footer-av-main {
    grid-template-columns: 1fr !important;
  }
}