/* ============================================================
   SUMIVAL · Skin del banner de cookies (cookiesplus)
   Reestiliza el banner del módulo según el diseño del tema
   Sumival. Carga DESPUÉS de cookiesplus.css (ver hookDisplayHeader).
   Solo aspecto: no toca la lógica de consentimiento del módulo.
   ============================================================ */

/* Sin scrim: el diseño usa una barra inferior no bloqueante */
#cookiesplus-overlay { display: none !important; }

/* ---- Tarjeta inferior centrada (independiente de la posición configurada) ---- */
#cookiesplus-modal.cookiesplus-top,
#cookiesplus-modal.cookiesplus-center,
#cookiesplus-modal.cookiesplus-bottom,
#cookiesplus-modal.cookiesplus-bottom-left,
#cookiesplus-modal.cookiesplus-bottom-right,
#cookiesplus-modal {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 16px !important;
    transform: translateX(-50%) !important;
    width: 560px !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 32px);
    padding: 20px 22px !important;
    background-color: #fff !important;
    color: #1E2733 !important;
    border: 1px solid #DDE4EE !important;
    border-radius: 4px !important;
    box-shadow: 0 16px 44px rgba(16, 32, 56, .18) !important;
    font-family: "Inter", system-ui, sans-serif;
}

/* Texto base */
#cookiesplus-content { padding: 0; }
#cookiesplus-modal .cookiesplus-text { font-size: 13px; color: #475467; line-height: 1.55; }
#cookiesplus-modal .cookiesplus-text a { color: #1A5FBE; font-weight: 600; }
#cookiesplus-modal .cookiesplus-info div { max-height: 32vh; }

/* Título "Uso de cookies" con icono, sobre el texto básico */
#cookiesplus-content .cookiesplus-info:first-of-type .cookiesplus-text::before {
    content: "Uso de cookies";
    display: block;
    padding-left: 28px;
    line-height: 20px;
    margin-bottom: 10px;
    font: 800 15px/20px "Manrope", system-ui, sans-serif;
    color: #1E2733;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A5FBE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 8.5h.01M15.5 9.5h.01M12 13h.01M9.5 15.5h.01M15 15h.01'/%3E%3C/svg%3E") left center / 19px 19px no-repeat;
}

/* ---- Filas de finalidades ---- */
#cookiesplus-modal .cookiesplus-finalities { margin-top: 4px; }
#cookiesplus-modal .cookieplus-finality-container {
    display: block;
    padding: 12px 0;
    border-top: 1px solid #EAEFF6;
}
#cookiesplus-modal .cookiesplus-finality-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
#cookiesplus-modal .cookiesplus-finality-title strong { font: 700 13px/1.3 "Manrope", sans-serif; color: #1E2733; }
#cookiesplus-modal .cookiesplus-finality-content { font-size: 12px; color: #677488; }

/* ---- Interruptor (verde on / gris off, sin ✔✘ ni etiquetas No/Sí) ---- */
#cookiesplus-modal .cookiesplus-finality-switch-container label:not(.technical) { display: none; }
#cookiesplus-modal .cookiesplus-finality-switch-container span.technical {
    background: none;
    color: #8B97A8;
    font: 600 12px/1 "Manrope", sans-serif;
    padding: 0;
}
#cookiesplus-modal .cookiesplus-finality-switch {
    width: 38px;
    height: 22px;
    margin: 0 0 0 10px;
    background: #DDE4EE;
    border-radius: 999px;
}
#cookiesplus-modal .cookiesplus-finality-switch:before {
    width: 18px;
    height: 18px;
    top: 2px;
    left: 2px;
    box-shadow: 0 1px 3px rgba(16, 32, 56, .3);
}
#cookiesplus-modal .cookiesplus-finality-checkbox[value="off"]:checked ~ .cookiesplus-finality-switch { background: #DDE4EE; }
#cookiesplus-modal .cookiesplus-finality-checkbox[value="off"]:checked ~ .cookiesplus-finality-switch:before { content: ""; color: transparent; left: 2px; }
#cookiesplus-modal .cookiesplus-finality-checkbox[value="on"]:checked ~ .cookiesplus-finality-switch { background: #1F8A4C; }
#cookiesplus-modal .cookiesplus-finality-checkbox[value="on"]:checked ~ .cookiesplus-finality-switch:before { content: ""; color: transparent; left: 18px; }

/* ---- Botones (fila flex; ghost / outline / azul) ---- */
#cookiesplus-modal .cookiesplus-actions { height: auto; min-height: 0; margin-top: 6px; }
#cookiesplus-modal .first-layer > .row:first-child,
#cookiesplus-modal .second-layer > .row:first-child {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
#cookiesplus-modal .first-layer > .row:first-child > [class*="col-"],
#cookiesplus-modal .second-layer > .row:first-child > [class*="col-"] { display: contents; }

#cookiesplus-modal .cookiesplus-btn {
    flex: 1 1 120px;
    width: auto;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px !important;
    font: 600 13.5px/1 "Manrope", system-ui, sans-serif !important;
    border: 1.5px solid transparent !important;
    border-radius: 2px !important;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}
#cookiesplus-modal .cookiesplus-btn span { font-weight: 600; }
#cookiesplus-modal .cookiesplus-btn:focus,
#cookiesplus-modal .cookiesplus-btn:focus-visible { outline: none !important; outline-offset: 0 !important; }

/* Rechazar → ghost */
#cookiesplus-modal button.cookiesplus-reject {
    order: 1;
    background: transparent !important;
    color: #1E2733 !important;
    border-color: #DDE4EE !important;
}
#cookiesplus-modal button.cookiesplus-reject:hover { background: #F1F5FA !important; border-color: #1E2733 !important; }

/* Configurar → outline */
#cookiesplus-modal button.cookiesplus-more-information,
#cookiesplus-modal button.cookiesplus-save.cookiesplus-accept-selected {
    order: 2;
    background: #fff !important;
    color: #1E2733 !important;
    border-color: #DDE4EE !important;
}
#cookiesplus-modal button.cookiesplus-more-information:hover,
#cookiesplus-modal button.cookiesplus-save.cookiesplus-accept-selected:hover { background: #E7EEF6 !important; border-color: #1E2733 !important; }

/* Aceptar / Aceptar todas → azul corporativo */
#cookiesplus-modal button.cookiesplus-accept {
    order: 3;
    background: #1A5FBE !important;
    color: #fff !important;
    border-color: #1A5FBE !important;
}
#cookiesplus-modal button.cookiesplus-accept:hover { background: #093F95 !important; border-color: #093F95 !important; }

/* Espaciador bootstrap de la segunda capa: no aporta en flex */
#cookiesplus-modal .second-layer > .row:first-child > .col-md-2 { display: none; }

/* Pie: "Atrás" y enlace de política */
#cookiesplus-modal .cookiesplus-footer-actions { margin: 12px 0 0; }
#cookiesplus-modal #cookiesplus-back { color: #677488; font: 600 12.5px/1 "Manrope", sans-serif; }
#cookiesplus-modal #cookiesplus-back:hover { color: #1E2733; }
#cookiesplus-modal .cookiesplus-policy { color: #1A5FBE; font-size: 12.5px; }

@media (max-width: 560px) {
    #cookiesplus-modal { left: 10px !important; right: 10px !important; bottom: 10px !important; transform: none !important; width: auto !important; max-width: none !important; padding: 17px 18px !important; }
}