/* =========================
COOKIE BANNER
========================= */

#cookie-banner{
position:fixed;
bottom:25px;
left:50%;
transform:translateX(-50%);
background:white;
padding:28px;
box-shadow:0 15px 40px rgba(0,0,0,0.18);
border-radius:12px;
z-index:9999;
max-width:520px;
border-top:4px solid #c79b6b; /* dorado de la web */
font-family: system-ui, -apple-system, sans-serif;
}

#cookie-banner h3{
margin:0 0 8px 0;
font-size:18px;
color:#0f3c6e;
}

#cookie-banner p{
font-size:14px;
line-height:1.5;
color:#4a5568;
}

/* =========================
BOTONES BANNER
========================= */

.cookie-actions{
display:flex;
gap:10px;
margin-top:18px;
}

.cookie-actions button{
padding:10px 16px;
border-radius:8px;
border:none;
cursor:pointer;
font-weight:600;
transition:all .2s ease;
}

#cookie-accept{
background:#c79b6b;
color:white;
}

#cookie-accept:hover{
background:#b98a55;
}

#cookie-reject{
background:#eef2f7;
color:#0f3c6e;
}

#cookie-customise{
background:#0f3c6e;
color:white;
}

#cookie-customise:hover{
background:#0b2f56;
}

/* =========================
BOTÓN FLOTANTE
========================= */

#cookie-floating-btn{
position: fixed;
bottom: 25px;
left: 25px;

width: 56px;
height: 56px;

border-radius: 50%;
border: none;

background: white;
box-shadow:0 10px 25px rgba(0,0,0,0.18);

cursor: pointer;
z-index: 9999;

display: flex;
align-items: center;
justify-content: center;

transition: transform 0.2s, box-shadow 0.2s;
}

#cookie-floating-btn:hover{
transform: scale(1.08);
box-shadow:0 12px 30px rgba(0,0,0,0.25);
}

#cookie-floating-btn img{
width:28px;
height:28px;
}

/* =========================
OVERLAY MODAL
========================= */

.cookie-settings-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(15,60,110,0.55);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
overflow:auto;
padding:20px;
}

/* =========================
COOKIE SETTINGS BOX
========================= */

.cookie-settings-box{
width:720px;
max-width:90vw;
max-height:85vh;
overflow-y:auto;
background:white;
border-radius:12px;
padding:30px;
box-shadow:0 20px 45px rgba(0,0,0,0.25);
}

.cookie-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
}

.cookie-header h2{
font-size:22px;
margin:0;
color:#0f3c6e;
}

#cookie-close{
border:none;
background:none;
font-size:20px;
cursor:pointer;
color:#6b7280;
}

.cookie-intro{
font-size:14px;
color:#4a5568;
margin-bottom:22px;
line-height:1.6;
}

/* =========================
SECCIONES
========================= */

.cookie-section{
border-top:1px solid #e5e7eb;
padding:18px 0;
}

.cookie-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
overflow:hidden;
cursor:pointer;
}

.cookie-row strong{
color:#0f3c6e;
}

.cookie-row p{
margin:4px 0 0 0;
font-size:13px;
color:#6b7280;
}

/* =========================
DETALLES
========================= */

.cookie-details{
max-height:0;
overflow:hidden;
transition:max-height .35s ease, padding .3s ease;
padding:0 12px;
background:#f8fafc;
border-radius:8px;
font-size:13px;
margin-top:10px;
}

.cookie-section.active .cookie-details{
max-height:500px;
padding:14px;
}

.cookie-table div{
margin-bottom:6px;
}

.always-active{
color:#c79b6b;
font-weight:600;
font-size:13px;
}

/* =========================
FOOTER BUTTONS
========================= */

.cookie-footer{
display:flex;
justify-content:space-between;
margin-top:25px;
gap:12px;
}

.cookie-footer button{
flex:1;
padding:12px;
border-radius:8px;
font-weight:600;
cursor:pointer;
border:none;
transition:all .2s;
}

.btn-primary{
background:#c79b6b;
color:white;
}

.btn-primary:hover{
background:#b98a55;
}

.btn-secondary{
background:#0f3c6e;
color:white;
}

.btn-secondary:hover{
background:#0b2f56;
}

body.cookie-modal-open{
overflow:hidden;
}

/* =========================
CHECKBOX
========================= */

.checkbox-wrapper{
display:inline-block;
position:relative;
width:24px;
height:24px;
flex-shrink:0;
}

.checkbox-wrapper input{
opacity:0;
width:0;
height:0;
position:absolute;
}

.custom-checkbox{
position:absolute;
top:0;
left:0;
width:24px;
height:24px;
background-color:#e5e7eb;
border-radius:6px;
cursor:pointer;
transition:all .2s;
}

.checkbox-wrapper input:checked + .custom-checkbox{
background-color:#c79b6b;
}

.custom-checkbox::after{
content:"";
position:absolute;
display:none;
left:7px;
top:3px;
width:6px;
height:12px;
border:solid white;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}

.checkbox-wrapper input:checked + .custom-checkbox::after{
display:block;
}

.cookie-table div, 
.cookie-table div span.cookie-desc {
    font-size: 14px;      /* mismo tamaño que el resto de la tabla */
    line-height: 1.5;     /* opcional para mejorar legibilidad */
}