/* Miru — estados hover/focus reales.
   Espejo 1:1 de los atributos style-hover / style-focus del diseño, para que los
   estados funcionen también fuera del editor (export, port a código).
   Un id por declaración única; los valores no se tocan. */

[data-h="1"]:hover {
  color: #16130F !important;
}

[data-h="2"]:hover {
  background: #FAF9F6 !important;
}

[data-h="3"]:hover {
  background: #B92C7A !important;
  color: #FFFFFF !important;
}

[data-h="4"]:hover {
  border-color: #16130F !important;
}

[data-h="5"]:hover {
  border-color: #16130F !important;
  color: #16130F !important;
}

[data-h="6"]:hover {
  background: #B92C7A !important;
}

[data-h="7"]:hover {
  color: #B92C7A !important;
}

[data-h="8"]:hover {
  color: #F17FB6 !important;
}

[data-h="9"]:hover {
  color: #FFFFFF !important;
}

[data-h="10"]:hover {
  transform: scale(1.04) !important;
}

[data-hf="1"]:focus,
[data-hf="1"]:focus-visible {
  border-bottom-color: #B92C7A !important;
}

[data-hf="2"]:focus,
[data-hf="2"]:focus-visible {
  border-color: #B92C7A !important;
}

/* FAQs de la home: los colores viven aquí porque el markup los lleva inline */
[data-faq] summary:hover {
  color: #B92C7A !important;
}

[data-faq] summary:hover [data-faq-mas],
[data-faq][open] [data-faq-mas] {
  color: #B92C7A !important;
}