/* Banner de consentimiento de cookies (mismo que la landing: js/cookie-consent.js).
   Autocontenido: solo usa clases fs-consent_* para no chocar con los estilos de la app. */
.fs-consent_component { display: none; }
.fs-consent_component.show { display: flex; justify-content: center; align-items: center; }
.fs-consent_banner {
  z-index: 9999; position: fixed; inset: auto 1% 1% auto; display: block;
  max-width: 23rem; margin-left: auto; margin-right: auto; padding: 1.25rem;
  background-color: #f5f5f5; border-radius: 8px; box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
}
.fs-consent_banner_wrapper { display: flex; flex-flow: column; gap: .75rem; }
.fs-consent_banner_paragraph { margin: 0; color: #1d1d1d; font-family: Montserrat, Arial, sans-serif; font-size: .8rem; line-height: 1.45; }
.fs-consent_banner_paragraph a { color: #153636; text-decoration: underline; font-weight: 600; }
.fs-consent_banner_buttons { display: flex; flex-flow: wrap; justify-content: flex-end; align-items: center; gap: 16px; }
.fs-consent_allow, .fs-consent_deny {
  display: block; min-height: 44px; padding: .6rem 1.1rem; border-radius: 8px;
  font-family: Montserrat, Arial, sans-serif; font-size: .9rem; font-weight: 400; line-height: 1.5; text-decoration: none; cursor: pointer;
}
.fs-consent_allow { color: #fff; background-color: #153636; border: 2px solid #153636; }
.fs-consent_deny { color: #153636; background-color: transparent; border: 2px solid #153636; }
@media screen and (max-width: 479px) {
  .fs-consent_banner { inset: auto 2% 2% 2%; max-width: none; }
}
