/* ==========================================================
   IDONMS Cookie Consent Manager
   cookies.css
   ========================================================== */

:root{
    --cc-primary:#a8cf3a;
    --cc-primary-hover:#92b833;
    --cc-secondary:#012970;
    --cc-text:#444;
    --cc-title:#012970;
    --cc-bg:#ffffff;
    --cc-border:#e8edf4;
    --cc-shadow:0 20px 60px rgba(0,0,0,.15);
    --cc-radius:18px;
}

/* ===========================
   Fondo oscuro
=========================== */

.cookie-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:99990;

}

.cookie-overlay.show{

    opacity:1;

    visibility:visible;

}

/* ===========================
   Banner
=========================== */

.cookie-banner{

    position:fixed;

    left:30px;

    right:30px;

    bottom:30px;

/*    max-width:980px;
*/
    margin:auto;

    background:var(--cc-bg);

    border-radius:var(--cc-radius);

    box-shadow:var(--cc-shadow);

    padding:25px;

    display:flex;

    gap:35px;

    align-items:center;

    transform:translateY(120px);

    opacity:0;

    visibility:hidden;

    transition:.45s;

    z-index:99991;

}

.cookie-banner.show{

    transform:translateY(0);

    opacity:1;

    visibility:visible;

}

.cookie-content{

    flex:1;

}

.cookie-title{

    font-size:20px;

    font-weight:700;

    color:var(--cc-title);

    margin-bottom:15px;

}

.cookie-text{

    font-size:15px;

    color:var(--cc-text);

    line-height:1.7;

}

.cookie-text a{

    color:var(--cc-secondary);

    font-weight:600;

    text-decoration:none;

}

.cookie-text a:hover{

    text-decoration:underline;

}

/* ===========================
   Botones
=========================== */

.cookie-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.cookie-btn{

    border:none;

    cursor:pointer;

    font-weight:600;

    border-radius:10px;

    padding:13px 24px;

    transition:.25s;

    font-size:15px;

}

.cookie-btn.accept{

    background:var(--cc-primary);

    color:#fff;

}

.cookie-btn.accept:hover{

    background:var(--cc-primary-hover);

}

.cookie-btn.reject{

    background:#f4f5f8;

    color:#444;

}

.cookie-btn.reject:hover{

    background:#e7eaf0;

}

.cookie-btn.settings{

    background:#fff;

    border:1px solid #d9dee7;

    color:var(--cc-secondary);

}

.cookie-btn.settings:hover{

    border-color:var(--cc-secondary);

}

/* ===========================
   Modal
=========================== */

.cookie-modal{

    position:fixed;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%) scale(.9);

    width:650px;

    max-width:95%;

    background:#fff;

    border-radius:18px;

    box-shadow:var(--cc-shadow);

    padding:35px;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:99992;

}

.cookie-modal.show{

    opacity:1;

    visibility:visible;

    transform:translate(-50%,-50%) scale(1);

}

.cookie-modal h3{

    color:var(--cc-title);

    font-size:28px;

    margin-bottom:20px;

}

.cookie-option{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

    border-bottom:1px solid #edf0f5;

}

.cookie-option:last-child{

    border:none;

}

.cookie-option strong{

    display:block;

    color:var(--cc-secondary);

    margin-bottom:4px;

}

.cookie-option small{

    color:#666;

    line-height:1.6;

}

/* ===========================
   Switch
=========================== */

.cookie-switch{

    position:relative;

    width:52px;

    height:28px;

}

.cookie-switch input{

    display:none;

}

.cookie-slider{

    position:absolute;

    inset:0;

    background:#ccc;

    border-radius:50px;

    cursor:pointer;

    transition:.3s;

}

.cookie-slider:before{

    content:"";

    position:absolute;

    width:22px;

    height:22px;

    left:3px;

    top:3px;

    background:#fff;

    border-radius:50%;

    transition:.3s;

}

.cookie-switch input:checked + .cookie-slider{

    background:var(--cc-primary);

}

.cookie-switch input:checked + .cookie-slider:before{

    transform:translateX(24px);

}

/* ===========================
   Footer Modal
=========================== */

.cookie-modal-footer{

    display:flex;

    justify-content:flex-end;

    gap:12px;

    margin-top:30px;

}

/* ===========================
   Responsive
=========================== */

@media(max-width:992px){

.cookie-banner{

flex-direction:column;

align-items:flex-start;

padding:30px;

}

.cookie-buttons{

width:100%;

}

.cookie-btn{

flex:1;

}

}

@media(max-width:768px){

.cookie-banner{

left:15px;

right:15px;

bottom:15px;

padding:25px;

}

.cookie-title{

font-size:22px;

}

.cookie-modal{

padding:25px;

}

.cookie-modal h3{

font-size:24px;

}

.cookie-buttons{

flex-direction:column;

}

.cookie-btn{

width:100%;

}

}