/* ==========================================================
   MÁLAGA 26|27 — tema del aviso de cookies (CookieConsent v3)
   Mismos colores y tipografías que la web.
   ========================================================== */
#cc-main {
  --cc-font-family: 'Hanken Grotesk', system-ui, sans-serif;
  --cc-modal-border-radius: 18px;
  /* La librería usa esta variable en botones Y en los bloques de
     categoría: aquí el radio de los bloques; los botones van en
     píldora más abajo */
  --cc-btn-border-radius: 14px;
  --cc-modal-margin: 1.25rem;
  --cc-z-index: 2147483000;

  --cc-bg: #FFF9EF;                 /* papel */
  --cc-primary-color: #16303B;      /* marino */
  --cc-secondary-color: #3A4F58;
  --cc-link-color: #C7431C;         /* coral */
  --cc-overlay-bg: rgba(22, 48, 59, 0.55);

  --cc-btn-primary-bg: #16303B;
  --cc-btn-primary-color: #FFF9EF;
  --cc-btn-primary-border-color: #16303B;
  --cc-btn-primary-hover-bg: #C7431C;
  --cc-btn-primary-hover-color: #FFF9EF;
  --cc-btn-primary-hover-border-color: #C7431C;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #16303B;
  --cc-btn-secondary-border-color: #16303B;
  --cc-btn-secondary-hover-bg: #F6BE2C;   /* sol */
  --cc-btn-secondary-hover-color: #16303B;
  --cc-btn-secondary-hover-border-color: #16303B;

  --cc-separator-border-color: #E6DAC4;
  --cc-toggle-on-bg: #0C5E5C;              /* teal */
  --cc-toggle-off-bg: #9AA6AB;
  --cc-toggle-on-knob-bg: #FFF9EF;
  --cc-toggle-off-knob-bg: #FFF9EF;
  --cc-toggle-readonly-bg: #C9D3D2;
  --cc-toggle-readonly-knob-bg: #FFF9EF;
  --cc-toggle-readonly-knob-icon-color: #0C5E5C;
  --cc-toggle-enabled-icon-color: #0C5E5C;
  --cc-toggle-disabled-icon-color: #9AA6AB;

  --cc-section-category-border: #E6DAC4;
  --cc-cookie-category-block-bg: #F3E9D7;          /* papel sombra */
  --cc-cookie-category-block-border: #F3E9D7;
  --cc-cookie-category-block-hover-bg: #EFE2CB;
  --cc-cookie-category-block-hover-border: #EFE2CB;
  --cc-cookie-category-expanded-block-bg: #FFF9EF;
  --cc-cookie-category-expanded-block-hover-bg: #F3E9D7;

  --cc-footer-bg: #F3E9D7;
  --cc-footer-color: #3A4F58;
  --cc-footer-border-color: #E6DAC4;
}

/* Recuadro con el borde marino de la web */
#cc-main .cm,
#cc-main .pm { border: 2.5px solid #16303B; box-shadow: 6px 6px 0 #16303B; }

/* Títulos con la tipografía de titulares */
#cc-main .cm__title,
#cc-main .pm__title { font-family: 'Young Serif', Georgia, serif; font-weight: 400; letter-spacing: -0.01em; }
#cc-main .cm__title { font-size: 1.35rem; }

#cc-main .cm__btn,
#cc-main .pm__btn { font-weight: 700; border-width: 2px; border-radius: 999px; }
#cc-main .pm__close-btn,
#cc-main .cm__btn--close { border-radius: 50%; }

/* En móvil el panel ocupa toda la pantalla: sin borde ni sombra */
@media screen and (max-width: 640px) {
  #cc-main .pm { border: none; box-shadow: none; }
}

/* Tablas de cookies: que no se corten dentro del bloque */
#cc-main .pm__section-desc-wrapper { overflow: hidden; }
#cc-main .pm__table-th,
#cc-main .pm__table-td { padding-left: 1rem; padding-right: 1rem; }
#cc-main .pm__table-td { word-break: break-word; }
#cc-main .pm__badge { background: #0C5E5C; color: #FFF9EF; }

/* ── Botón flotante para cambiar la elección ── */
.cc-reabrir {
  position: fixed; left: 16px; bottom: 16px; z-index: 900;
  width: 46px; height: 46px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #FFF9EF; color: #16303B;
  border: 2px solid #16303B; box-shadow: 3px 3px 0 #16303B;
  cursor: pointer; opacity: 0.92;
  transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}
.cc-reabrir:hover { background: #F6BE2C; opacity: 1; transform: translate(-1px, -1px); box-shadow: 4px 4px 0 #16303B; }
.cc-reabrir:focus-visible { outline: 3px solid #C7431C; outline-offset: 3px; }
/* Mientras el aviso o el panel están abiertos, el botón se aparta */
html.show--consent .cc-reabrir,
html.show--preferences .cc-reabrir { opacity: 0; pointer-events: none; }
@media (max-width: 600px) { .cc-reabrir { width: 42px; height: 42px; left: 12px; bottom: 12px; } }

/* El enlace del pie, algo más visible que el resto de la línea legal */
.footer-legal a[data-cc] { color: rgba(255, 249, 239, 0.75); text-decoration: underline; text-underline-offset: 3px; }
.footer-legal a[data-cc]:hover { color: #F6BE2C; }