/* femsanare.com cookie banner, in the site's own language: the footer's deep ground
   (--color--black-900 #001212), Poppins light in white 500 (#f3f3f3), square corners,
   and the site's outlined pink button (--color--verdigris #f06898) for both choices,
   so Rechazar weighs exactly as much as Aceptar.
   The WhatsApp button owns the bottom right corner (right 20px, 58px wide; 16px and
   54px under 480px). The banner sits bottom left and stops 20px short of it; on
   phones it spans the width and rises 16px above it instead. */
.consent {
  position: fixed;
  left: 20px;
  right: 98px;
  bottom: 20px;
  z-index: 9998;
  box-sizing: border-box;
  max-width: 560px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  padding: 20px 24px;
  background: #001212;
  border: 1px solid #505050;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
  color: #f3f3f3;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 140%;
}
.consent[hidden] { display: none; }
.consent .consent-txt { flex: 1 1 260px; margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
.consent a { color: #f06898; text-decoration: underline; }
.consent-actions { display: flex; gap: 12px; }
.consent button {
  font: inherit;
  font-weight: 400;
  color: #f06898;
  background: transparent;
  border: 1px solid #f06898;
  border-radius: 0;
  padding: 12px 24px;
  cursor: pointer;
  transition: color .3s cubic-bezier(.55, .085, .68, .53), background-color .3s cubic-bezier(.55, .085, .68, .53);
}
.consent button:hover, .consent button:focus-visible { background: #f06898; color: #001212; }
.consent button:focus-visible { outline: 2px solid #f3f3f3; outline-offset: 2px; }
@media (max-width: 479px) {
  .consent { left: 16px; right: 16px; bottom: 86px; max-width: none; padding: 16px; font-size: 14px; }
  .consent-actions { width: 100%; }
  .consent button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .consent button { transition: none; } }