/* Difriho · Paleta real del catálogo físico · v1.1 · 2026-11-10
 * Colores extraídos de los paneles más claros de la imagen del índice físico:
 *   amarillo crema #FEEFD0 · salmón #F4CFBF · lavanda azulada #CACAE3
 * Cada familia comparte su color con el grupo correspondiente.
 * Solo modifica el CTA «Explorar gamas» y el acento de la cabecera.
 * Conserva sin cambios el botón de especificaciones y sus controladores.
 */

/* Tres tonos pastel tomados del catálogo físico. */
body.df-family-page { /* Granizadoras y distribuidoras */
  --df-physical-cta:#FEEFD0;
  --df-physical-cta-hover:#F8E5BD;
  --df-physical-cta-border:#E8C77C;
  --df-physical-cta-ink:#17394F;
}
body.df-family-page.mn-page, /* Montadoras, sorbeteras y soft */
body.df-family-page.fg-icecream-page { /* Vitrinas de heladería */
  --df-physical-cta:#FEEFD0;
  --df-physical-cta-hover:#F8E5BD;
  --df-physical-cta-border:#E8C77C;
}
body.df-family-page.df-pizza-page { /* Hornos pizza y accesorios */
  --df-physical-cta:#F4CFBF;
  --df-physical-cta-hover:#EDBAA9;
  --df-physical-cta-border:#D69A89;
}
body.df-family-page.df-armarios-page, /* Armarios */
body.df-family-page.fa-page, /* Fuentes de agua */
body.df-family-page.fh-family-page { /* Fabricadoras de hielo */
  --df-physical-cta:#CACAE3;
  --df-physical-cta-hover:#B9BAD9;
  --df-physical-cta-border:#9094C3;
}

/* El acento del H1: «sorbeteras», «de heladería», «y Accesorios», etc.
   En las siete páginas tiene un único span directamente dentro del H1.
   No cambia los demás títulos, secciones ni botones de las gamas. */
body.df-family-page .fg-hero .fg-hero-copy h1 > span {
  color:var(--df-physical-cta)!important;
  -webkit-text-fill-color:var(--df-physical-cta)!important;
}

/* CTA «Explorar gamas»: fondo crema/pastel del índice físico.
   Texto oscuro para un contraste suficiente sobre las tres paletas claras. */
body.df-family-page .fg-hero .fg-hero-actions > a.fg-button.fg-button-primary {
  background:var(--df-physical-cta)!important;
  background-color:var(--df-physical-cta)!important;
  background-image:none!important;
  border:1px solid var(--df-physical-cta-border)!important;
  color:var(--df-physical-cta-ink)!important;
  box-shadow:0 10px 24px rgba(12,41,58,.16)!important;
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
body.df-family-page .fg-hero .fg-hero-actions > a.fg-button.fg-button-primary:hover,
body.df-family-page .fg-hero .fg-hero-actions > a.fg-button.fg-button-primary:focus-visible {
  background:var(--df-physical-cta-hover)!important;
  background-color:var(--df-physical-cta-hover)!important;
  border-color:var(--df-physical-cta-border)!important;
  color:var(--df-physical-cta-ink)!important;
  box-shadow:0 12px 27px rgba(12,41,58,.20)!important;
}
body.df-family-page .fg-hero .fg-hero-actions > a.fg-button.fg-button-primary :is(span,svg,i) {
  color:inherit!important;
}

/* Botón de especificaciones: SIEMPRE blanco, con borde y letras de la gama.
 * Incluye el estado expandido sin introducir efectos de relleno.
 * Se aplica también a accesorios y a la variante de montadoras. */
body.df-family-page .fg-series button.fg-open-specs,
body.df-family-page .fg-series button.fg-open-specs:hover,
body.df-family-page .fg-series button.fg-open-specs:focus-visible,
body.df-family-page .fg-series button.fg-open-specs:active,
body.df-family-page .fg-series button.fg-open-specs[aria-expanded="true"] {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:1.5px solid var(--fg-series-accent,var(--fg-series-active,#297eaa))!important;
  color:var(--fg-series-accent,var(--fg-series-active,#297eaa))!important;
  filter:none!important;
  box-shadow:none!important;
}
body.df-family-page .fg-series button.fg-open-specs > span,
body.df-family-page .fg-series button.fg-open-specs:hover > span,
body.df-family-page .fg-series button.fg-open-specs[aria-expanded="true"] > span {
  color:inherit!important;
}
body.df-family-page.mn-page .mn-main .mn-series button.mn-expand,
body.df-family-page.mn-page .mn-main .mn-series button.mn-expand:hover,
body.df-family-page.mn-page .mn-main .mn-series button.mn-expand:focus-visible,
body.df-family-page.mn-page .mn-main .mn-series button.mn-expand[aria-expanded="true"] {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:1.5px solid var(--mn-type-active,#297eaa)!important;
  color:var(--mn-type-active,#297eaa)!important;
  filter:none!important;
  box-shadow:none!important;
}
@media (prefers-reduced-motion:reduce) {
  body.df-family-page .fg-hero .fg-hero-actions > a.fg-button.fg-button-primary {
    transition:none!important;
  }
}