/* ---------------------------------------------------------------------------
   El banner de cookies de Basis.
   Adaptado del de Santa Luisa, donde esta hoja bajó el banner del 42,7% al
   12,7% de la pantalla de un teléfono. Un aviso que tapa media pantalla no se
   lee, se cierra — y un cierre apurado no es consentimiento informado.
   Los colores son los de Basis, declarados abajo porque el tema no publica
   variables con estos nombres.
   --------------------------------------------------------------------------- */

:root {
  --cod-basis-gris: #636363;
  --cod-basis-naranja: #f26621;
  --cod-basis-claro: #d6d6d6;
}

/* Nota heredada del modelo:
   los colores que el plugin sí expone se configuran en su pantalla, no
   ahí. Pelearles con !important sería esconder dónde se deciden.

   Los tres botones quedan del mismo ancho y peso. Un banner donde «Aceptar»
   es grande y «Rechazar» es chico no recoge un consentimiento válido.
   --------------------------------------------------------------------------- */

.cookieadmin_law_container {
  width: min(400px, calc(100% - 32px));
  font-family: var(--font-body);
}

.cookieadmin_consent_inside {
  padding: 13px 15px 12px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
}

#cookieadmin_notice_title {
  font-size: 12.5px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding-left: 0;
}

.cookieadmin_notice_con {
  font-size: 11px;
  line-height: 1.42;
  padding: 0;
  margin-top: 5px;
}

#cookieadmin_notice {
  margin: 0;
  font-size: 11px;
  line-height: 1.42;
}

/* En una sola fila y del mismo ancho: los tres pesan igual. */
.cookieadmin_consent_btns {
  gap: 6px;
  margin-top: 10px;
  flex-wrap: nowrap;
  justify-content: stretch;
}

.cookieadmin_consent_inside .cookieadmin_btn {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 7px 4px;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 999px;
  white-space: nowrap;
}

/* El logotipo del proveedor no es parte de la identidad del proyecto.
   La licencia Pro además trae una casilla «Hide Powered by Link» en los
   ajustes del plugin; esto lo resuelve aunque esa casilla no se marque. */
.cookieadmin_law_container .cookieadmin-poweredby {
  display: none;
}

/* El panel de «Configurar», con el mismo criterio que el banner:
   tipografía y espacios reducidos, y sin el logotipo del proveedor.
   La regla anterior sólo alcanzaba al banner; el panel es otro contenedor y
   traía su propio «Powered by». */
.cookieadmin_cookie_modal {
  font-family: var(--font-body);
  max-height: 72vh;
}

.cookieadmin_cookie_modal .cookieadmin-poweredby {
  display: none;
}

#cookieadmin_preference_title {
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

.cookieadmin_details_wrapper {
  padding: 0 14px;
  font-size: 11.5px;
  line-height: 1.45;
}

.cookieadmin_details_wrapper p,
.cookieadmin_details_wrapper li,
.cookieadmin_details_wrapper div {
  font-size: 11.5px;
  line-height: 1.45;
}

.cookieadmin_modal_footer {
  padding: 10px 14px;
}

.cookieadmin_modal_footer .cookieadmin_btn,
.cookieadmin_modal_footer_links .cookieadmin_btn {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 7px 14px;
  border-radius: 999px;
}

/* El borde de los botones es lo único de color que el plugin NO expone en sus
   ajustes: lo trae fijo en gris. Por eso se corrige acá y no allá. El resto de
   los colores —fondos, textos, enlaces, interruptores— se configuran en la
   pantalla de CookieAdmin, que es donde corresponde. */
.cookieadmin_btn {
  border-color: var(--cod-basis-claro);
}

.cookieadmin_btn:hover {
  border-color: var(--cod-basis-naranja);
}

/* El plugin trae tres azules escritos a mano en su hoja, sin ajuste que los
   gobierne: el «Siempre activas», el texto por defecto de los botones y el
   interruptor encendido. Son los únicos colores que hay que corregir desde
   acá; todo lo demás sale de su pantalla de ajustes. */
.cookieadmin_act {
  color: var(--cod-basis-naranja);
  font-weight: 600;
}

button.cookieadmin_btn {
  color: var(--cod-basis-gris);
}

input:checked + .cookieadmin_slider {
  background-color: var(--cod-basis-naranja);
}