/*
 * SIYG · Editorial chrome
 * Alcance deliberadamente limitado: cabecera/navegación + color de botones.
 * No altera composición, tipografía, tamaños, bloques ni contenido.
 */

:root {
  --siyg-editorial-petroleum: #031C2C;
  --siyg-editorial-sand: #D8CEC2;
  --siyg-editorial-paper: #FAF7F2;
  --siyg-editorial-ink: #171512;
  --siyg-editorial-warm-gray: #6F6861;
  --siyg-editorial-earth: #B38C75;

  /* Conservamos el sistema de botones existente y sustituimos solo su paleta. */
  --si-button-primary-bg: var(--siyg-editorial-earth);
  --si-button-primary-text: var(--siyg-editorial-ink);
  --si-button-secondary-border: var(--siyg-editorial-earth);
  --si-button-secondary-text: var(--siyg-editorial-paper);
  --si-button-secondary-fill: rgba(179, 140, 117, .08);
}

/* ==========================================================
   CABECERA EDITORIAL
   Misma estructura y comportamiento; nueva presencia visual.
   ========================================================== */
body .site-header,
body.home .site-header,
body.front-page .site-header {
  background: var(--siyg-editorial-sand);
  background-color: var(--siyg-editorial-sand);
  border-bottom: 1px solid rgba(3, 28, 44, .12);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease;
}

body .site-header.is-scrolled,
body.home .site-header.is-scrolled,
body.front-page .site-header.is-scrolled {
  background: color-mix(in srgb, var(--siyg-editorial-paper) 94%, transparent);
  background-color: color-mix(in srgb, var(--siyg-editorial-paper) 94%, transparent);
  border-bottom-color: rgba(3, 28, 44, .16);
  box-shadow: 0 8px 28px rgba(23, 21, 18, .06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body .site-header .brand,
body.home .site-header .brand,
body.front-page .site-header .brand,
body .site-header .brand:link,
body .site-header .brand:visited {
  color: var(--siyg-editorial-petroleum);
}

/* Identidad: respetar siempre el color original del isotipo subido desde WordPress. */
body .site-header .brand-mark,
body .site-header .brand img {
  filter: none;
}

body .site-header .brand-mark::before {
  display: none;
  animation: none;
}

body .site-header .brand:hover,
body .site-header .brand:focus-visible {
  opacity: .78;
  filter: none;
}

body .site-header .brand:focus-visible,
body.home .site-header .brand:focus-visible,
body.front-page .site-header .brand:focus-visible {
  outline-color: rgba(3, 28, 44, .45);
}

body .site-header .menu,
body.home .site-header .menu,
body.front-page .site-header .menu {
  color: var(--siyg-editorial-petroleum);
}

body .site-header .menu > li > a {
  color: var(--siyg-editorial-petroleum);
}

body .site-header .menu > li > a:hover,
body .site-header .menu > li > a:focus-visible,
body.home .site-header .menu a:hover,
body.home .site-header .menu a:focus-visible,
body.front-page .site-header .menu a:hover,
body.front-page .site-header .menu a:focus-visible {
  color: var(--siyg-editorial-earth);
}

body .site-header .menu .sub-menu {
  border-color: rgba(3, 28, 44, .14);
  background: var(--siyg-editorial-paper);
  color: var(--siyg-editorial-petroleum);
  box-shadow: 0 18px 48px rgba(23, 21, 18, .09);
}

body .site-header .menu .sub-menu a,
body .site-header .menu .sub-menu a:visited {
  color: var(--siyg-editorial-petroleum);
}

body .site-header .menu .sub-menu a:hover,
body .site-header .menu .sub-menu a:focus,
body .site-header .menu .sub-menu a:active {
  color: var(--siyg-editorial-earth);
}

body .site-header .menu-toggle,
body.home .site-header .menu-toggle,
body.front-page .site-header .menu-toggle {
  color: var(--siyg-editorial-petroleum);
}

body .site-header .menu-toggle-lines::before,
body .site-header .menu-toggle-lines::after,
body .site-header .menu-toggle-lines span,
body.home .site-header .menu-toggle-lines::before,
body.home .site-header .menu-toggle-lines::after,
body.home .site-header .menu-toggle-lines span,
body.front-page .site-header .menu-toggle-lines::before,
body.front-page .site-header .menu-toggle-lines::after,
body.front-page .site-header .menu-toggle-lines span {
  background: currentColor;
  box-shadow: none;
}

@media (max-width: 900px) {
  body .site-header .menu,
  body.home .site-header .menu,
  body.front-page .site-header .menu {
    border-color: rgba(3, 28, 44, .12);
    background: var(--siyg-editorial-paper);
    color: var(--siyg-editorial-petroleum);
  }

  body .site-header .menu a,
  body.home .site-header .menu a,
  body.front-page .site-header .menu a {
    color: var(--siyg-editorial-petroleum);
  }
}

/* ==========================================================
   BOTONES · SOLO COLOR
   Conservamos dimensiones, tipografía, radios y comportamiento.
   ========================================================== */

/* Botones gobernados por el sistema general del tema. */
.btn-primary,
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-element-button,
button[type="submit"]:not(.si-faq__question):not(.si-faq__group-toggle),
input[type="submit"],
.form-submit input[type="submit"],
.siyg-cookie-button.is-primary,
.si-btn:not(.si-btn-ghost),
.si-hero-questions__button--primary,
.si-faq__btn {
  background-color: var(--siyg-editorial-earth) !important;
  background-image: none !important;
  border-color: var(--siyg-editorial-earth) !important;
  color: var(--siyg-editorial-ink) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.wp-element-button:hover,
.wp-element-button:focus-visible,
button[type="submit"]:not(.si-faq__question):not(.si-faq__group-toggle):hover,
button[type="submit"]:not(.si-faq__question):not(.si-faq__group-toggle):focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
.siyg-cookie-button.is-primary:hover,
.siyg-cookie-button.is-primary:focus-visible,
.si-btn:not(.si-btn-ghost):hover,
.si-btn:not(.si-btn-ghost):focus-visible,
.si-hero-questions__button--primary:hover,
.si-hero-questions__button--primary:focus-visible,
.si-faq__btn:hover,
.si-faq__btn:focus-visible {
  background-color: var(--siyg-editorial-petroleum) !important;
  border-color: var(--siyg-editorial-petroleum) !important;
  color: var(--siyg-editorial-paper) !important;
}

/* Botones propios de páginas/módulos que no pasan por .btn. */
.siyg-qesi-btn--primary,
.siyg-acomp-button--primary,
.siyg-yolanda-button--primary,
.siyg-entry .siyg-conversion-cta__button--primary,
.siyg-cf__submit,
.siyg-escena-submit,
.siyg-escena-cliente__submit {
  background: var(--siyg-editorial-earth) !important;
  border-color: var(--siyg-editorial-earth) !important;
  color: var(--siyg-editorial-ink) !important;
  box-shadow: none;
}

.siyg-qesi-btn--primary:hover,
.siyg-qesi-btn--primary:focus-visible,
.siyg-acomp-button--primary:hover,
.siyg-acomp-button--primary:focus-visible,
.siyg-yolanda-button--primary:hover,
.siyg-yolanda-button--primary:focus-visible,
.siyg-entry .siyg-conversion-cta__button--primary:hover,
.siyg-entry .siyg-conversion-cta__button--primary:focus-visible,
.siyg-cf__submit:hover,
.siyg-cf__submit:focus-visible,
.siyg-escena-submit:hover,
.siyg-escena-submit:focus-visible,
.siyg-escena-cliente__submit:hover,
.siyg-escena-cliente__submit:focus-visible {
  background: var(--siyg-editorial-petroleum) !important;
  border-color: var(--siyg-editorial-petroleum) !important;
  color: var(--siyg-editorial-paper) !important;
}

/* Secundarios: retiramos el azul sin cambiar su estructura. */
.siyg-qesi-btn--ghost,
.siyg-acomp-button--ghost,
.siyg-yolanda-button--ghost,
.siyg-entry .siyg-conversion-cta__button--secondary {
  border-color: var(--siyg-editorial-earth) !important;
}

.siyg-qesi-section--light .siyg-qesi-btn--ghost,
.siyg-qesi-section--soft .siyg-qesi-btn--ghost,
.siyg-yolanda-section--light .siyg-yolanda-button--ghost,
.siyg-yolanda-section--soft .siyg-yolanda-button--ghost {
  color: var(--siyg-editorial-petroleum) !important;
}

/* Filtros del glosario: solo estado cromático, sin tocar geometría. */
.siyg-section-filter button.is-active,
.siyg-section-filter button:hover,
.siyg-section-filter button:focus-visible {
  border-color: var(--siyg-editorial-petroleum) !important;
  background: var(--siyg-editorial-petroleum) !important;
  color: var(--siyg-editorial-paper) !important;
}

/* WhatsApp: conserva posición, tamaño y animación; cambia solo el color de marca local. */
.bwf-whatsapp svg {
  fill: var(--siyg-editorial-petroleum) !important;
}

.bwf-whatsapp::before {
  border-color: rgba(179, 140, 117, .48) !important;
}

@media (max-width: 700px) {
  .bwf-whatsapp {
    border-color: rgba(179, 140, 117, .48) !important;
  }
}

/* Eliminamos residuos de resplandor turquesa en controles recoloreados. */
.siyg-cf__submit:hover,
.siyg-cf__submit:focus-visible,
.siyg-escena-submit:hover,
.siyg-escena-submit:focus-visible,
.siyg-escena-cliente__submit:hover,
.siyg-escena-cliente__submit:focus-visible {
  box-shadow: 0 10px 28px rgba(3, 28, 44, .12) !important;
}

.bwf-whatsapp,
.bwf-whatsapp:hover,
.bwf-whatsapp:focus {
  filter: none !important;
  box-shadow: none !important;
}

.bwf-whatsapp:hover svg,
.bwf-whatsapp:focus svg {
  fill: var(--siyg-editorial-earth) !important;
}