/* ============================================================
   MARCA — Amarillo → Naranja (site-wide) + hover de botones (amarillo/azul)
   ------------------------------------------------------------
   Se encola el ÚLTIMO (functions.php, prioridad 110) para ganar la cascada
   sobre tokens.css y los CSS de módulo, sin tocar esos archivos.
   No lleva @media: aplica en móvil, tablet y desktop.
   ============================================================ */

/* 1) Vuelca TODO el amarillo a naranja en una sola línea.
   Redefinir el custom property --s1 aquí (archivo cargado al final) hace que
   cada `var(--s1)` del sitio —tags/eyebrows, viñetas, barras, dots, badges y
   rellenos de botón— pase de #E8AF4F (amarillo) a #FF9103 (naranja), sin editar
   tokens.css ni los módulos. */
:root {
  --s1: #FF9103;             /* naranja — antes amarillo #E8AF4F */
  --s1-hover: #E8AF4F;       /* amarillo — SOLO para el hover de botones */
  --s1-hover-ink: var(--p3); /* azul navy (#052840) del texto en hover */
}

/* 2) HOVER de botones → fondo amarillo + texto azul.
   ------------------------------------------------------------------------- */

/* Header CTA "Contact Us" — sobrescribe el hover naranja previo (tenía !important). */
.anvil-header .anvil-cta:hover,
.anvil-header .anvil-cta:focus,
.anvil-cta:hover,
.anvil-cta:focus,
.anvil-cta-mobile:hover,
.anvil-cta-mobile:focus {
  background-color: var(--s1-hover) !important;
  color: var(--s1-hover-ink) !important;
  -webkit-text-fill-color: var(--s1-hover-ink) !important;
}

/* Botón primario del hero del Home (no tenía estado hover). */
.v3-btn-primary:hover,
.v3-btn-primary:focus {
  background: var(--s1-hover);
  color: var(--p3);
  box-shadow: 0 8px 24px rgba(255, 145, 3, 0.28);
}

/* CTA del hero de sector (antes se rellenaba con --s1 → ahora amarillo). */
.acm-shero-cta:hover,
.acm-shero-cta:focus {
  background: var(--s1-hover);
  color: var(--p3);
  border-color: var(--s1-hover);
}

/* CTA del slider de proyectos. */
.acm-projects-cta:hover,
.acm-projects-cta:focus {
  background: var(--s1-hover);
  color: var(--p3);
}

/* Botón del heat-map (thematic section). */
.acm-th-hm-btn:hover,
.acm-th-hm-btn:focus {
  background: var(--s1-hover);
  color: var(--p3);
}

/* Botón de envío del formulario de contacto (Gravity Forms) — el hover original
   era naranja + texto blanco con !important; lo pasamos a amarillo + azul. */
.acm-contact .gform_wrapper .gform_footer input[type="submit"]:hover,
.acm-contact .gform_wrapper .gform_footer input[type="submit"]:focus,
.acm-contact .gform_wrapper .gform_footer input.gform_button:hover,
.acm-contact .gform_wrapper .gform_footer input.gform_button:focus,
.acm-contact .gform_wrapper .gform_footer button:hover,
.acm-contact .gform_wrapper .gform_footer button:focus,
.acm-contact #gform_submit_button_1:hover,
.acm-contact #gform_submit_button_1:focus,
.acm-contact .gform_button.button:hover,
.acm-contact .gform_button.button:focus {
  background-color: var(--s1-hover) !important;
  color: var(--p3) !important;
  -webkit-text-fill-color: var(--p3) !important;
}

/* 3) Texto de botones específicos (petición del cliente).
   ------------------------------------------------------------------------- */

/* MEET YOUR EXPERT — botón de LinkedIn: el a:hover global del padre le pintaba
   el texto de naranja. Forzamos que el texto SIEMPRE quede blanco. */
.acm-vp-linkedin:hover,
.acm-vp-linkedin:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Header CTA "Contact Us": texto BLANCO en estado normal (antes navy).
   El hover sigue en azul (definido arriba). */
.anvil-header .anvil-cta,
.anvil-cta,
.anvil-cta-mobile {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Botón Submit del formulario de contacto: texto BLANCO en estado normal
   (antes navy). El hover sigue en azul (definido arriba). */
.acm-contact .gform_wrapper .gform_footer input[type="submit"],
.acm-contact .gform_wrapper .gform_footer input.gform_button,
.acm-contact .gform_wrapper .gform_footer button,
.acm-contact .gform_wrapper .gform-footer input[type="submit"],
.acm-contact #gform_submit_button_1,
.acm-contact .gform_button.button {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* 4) Las sombras "glow" de los botones rellenos estaban tintadas de amarillo
   (rgba(232,175,79,...)); las pasamos a tinte naranja para acompañar al relleno. */
.v3-btn-primary,
.acm-th-hm-btn {
  box-shadow: 0 8px 24px rgba(255, 145, 3, 0.25);
}