/* ============================================================
   PANADERÍA RUIZ · COOKIE CONSENT
   ============================================================ */

.pr-cookie[hidden],
.pr-cookie-modal[hidden]{
    display:none!important;
}


/* BANNER */

.pr-cookie{
    position:fixed;
    left:0;
    right:0;
    bottom:0;

    z-index:99999;

    padding:16px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(5,22,49,.20)
        );

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


.pr-cookie__box{
    width:min(1180px,100%);

    margin:0 auto;

    display:grid;

    grid-template-columns:
        auto
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:18px;

    padding:18px 20px;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius:17px;

    background:
        linear-gradient(
            120deg,
            #082d6e 0%,
            #103f8c 100%
        );

    box-shadow:
        0
        20px
        60px
        rgba(5,25,60,.30);

    color:#fff;
}


.pr-cookie__icon{
    display:grid;
    place-items:center;

    width:52px;
    height:52px;

    border-radius:14px;

    background:
        rgba(255,255,255,.10);

    font-size:27px;
}


.pr-cookie__eyebrow{
    margin-bottom:3px;

    color:#ffd36c;

    font-size:8px;
    font-weight:900;

    letter-spacing:1.5px;
}


.pr-cookie__content h2{
    margin:0;

    color:#fff;

    font-size:16px;
    font-weight:900;
}


.pr-cookie__content p{
    max-width:690px;

    margin:
        5px
        0
        0;

    color:
        rgba(255,255,255,.78);

    font-size:9px;

    line-height:1.5;
}


.pr-cookie__settings-link{
    margin-top:7px;
    padding:0;

    border:0;

    background:none;

    color:#ffd36c;

    cursor:pointer;

    font:inherit;
    font-size:8px;
    font-weight:900;

    text-decoration:underline;
}


.pr-cookie__actions{
    display:flex;
    align-items:center;

    gap:8px;
}


.pr-cookie__btn{
    min-height:39px;

    padding:
        0
        13px;

    border-radius:9px;

    cursor:pointer;

    white-space:nowrap;

    font:inherit;

    font-size:8px;
    font-weight:900;
}


.pr-cookie__btn--primary{
    border:
        1px solid
        #f4c65a;

    background:#f4c65a;

    color:#17315a;
}


.pr-cookie__btn--secondary{
    border:
        1px solid
        rgba(255,255,255,.28);

    background:
        rgba(255,255,255,.08);

    color:#fff;
}


.pr-cookie__btn:hover{
    filter:brightness(.97);
}


/* ============================================================
   CONFIGURACIÓN
   ============================================================ */

.pr-cookie-modal{
    position:fixed;

    inset:0;

    z-index:100000;

    display:flex;

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

    padding:20px;

    background:
        rgba(4,20,45,.68);

    backdrop-filter:
        blur(4px);

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


.pr-cookie-modal__panel{
    width:min(520px,100%);

    overflow:hidden;

    border-radius:17px;

    background:#fff;

    box-shadow:
        0
        25px
        80px
        rgba(0,0,0,.30);
}


.pr-cookie-modal__head{
    display:flex;

    justify-content:space-between;
    align-items:flex-start;

    gap:15px;

    padding:
        20px
        21px;

    border-bottom:
        1px solid
        #e7edf4;
}


.pr-cookie-modal__head span{
    color:#59708c;

    font-size:8px;
    font-weight:900;

    text-transform:uppercase;
}


.pr-cookie-modal__head h2{
    margin:
        4px
        0
        0;

    color:#172942;

    font-size:20px;
    font-weight:900;
}


.pr-cookie-modal__close{
    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    border:0;
    border-radius:9px;

    background:#f0f4f9;

    color:#354961;

    cursor:pointer;

    font-size:22px;
}


.pr-cookie-modal__body{
    padding:5px 21px;
}


.pr-cookie-option{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:
        17px
        0;

    border-bottom:
        1px solid
        #edf1f5;
}


.pr-cookie-option:last-child{
    border-bottom:0;
}


.pr-cookie-option strong{
    display:block;

    color:#213852;

    font-size:10px;
    font-weight:900;
}


.pr-cookie-option p{
    max-width:350px;

    margin:
        4px
        0
        0;

    color:#77879a;

    font-size:8.5px;

    line-height:1.45;
}


.pr-cookie-option__always{
    flex:0 0 auto;

    padding:
        5px
        8px;

    border-radius:999px;

    background:#e8f7ee;

    color:#28734e;

    font-size:7px;
    font-weight:900;
}


/* SWITCH */

.pr-cookie-switch{
    position:relative;

    flex:0 0 auto;

    width:43px;
    height:24px;
}


.pr-cookie-switch input{
    position:absolute;

    opacity:0;
}


.pr-cookie-switch span{
    position:absolute;

    inset:0;

    border-radius:999px;

    background:#ccd5df;

    cursor:pointer;

    transition:.2s;
}


.pr-cookie-switch span::after{
    content:"";

    position:absolute;

    width:18px;
    height:18px;

    top:3px;
    left:3px;

    border-radius:50%;

    background:#fff;

    box-shadow:
        0
        2px
        5px
        rgba(0,0,0,.20);

    transition:.2s;
}


.pr-cookie-switch input:checked + span{
    background:#154d9f;
}


.pr-cookie-switch input:checked + span::after{
    transform:
        translateX(19px);
}


.pr-cookie-modal__actions{
    display:flex;

    justify-content:flex-end;

    gap:8px;

    padding:
        15px
        21px
        20px;

    border-top:
        1px solid
        #edf1f5;

    background:#f8fafc;
}


.pr-cookie-modal__actions
.pr-cookie__btn--secondary{
    border-color:#d1dbe6;

    background:#fff;

    color:#405773;
}


.pr-cookie-modal__actions
.pr-cookie__btn--primary{
    border-color:#123f89;

    background:#123f89;

    color:#fff;
}


/* RESPONSIVE */

@media(max-width:760px){

    .pr-cookie{
        padding:10px;
    }


    .pr-cookie__box{
        grid-template-columns:
            auto
            minmax(0,1fr);

        gap:11px;

        padding:14px;
    }


    .pr-cookie__icon{
        width:44px;
        height:44px;

        font-size:22px;
    }


    .pr-cookie__actions{
        grid-column:1/-1;

        display:grid;

        grid-template-columns:
            1fr
            1fr;

        width:100%;
    }


    .pr-cookie__btn{
        width:100%;
    }

}


@media(max-width:430px){

    .pr-cookie__icon{
        display:none;
    }


    .pr-cookie__box{
        grid-template-columns:1fr;
    }


    .pr-cookie__content h2{
        font-size:14px;
    }


    .pr-cookie__actions{
        grid-column:auto;

        grid-template-columns:1fr;
    }

}