/* Y&M Cookies — estilo a juego con el tema (olivo/crema, Hanken Grotesk) */
:root{
    --ymc-ink:#26281f;
    --ymc-green:#5f6e48;
    --ymc-green-dark:#4d5a3a;
    --ymc-cream:#faf8f2;
    --ymc-line:#e3e0d6;
}
#ymc-root[hidden]{display:none}
.ymc-noscroll{overflow:hidden}

/* ---- Banner inferior ---- */
.ymc-banner{
    position:fixed;left:0;right:0;bottom:0;z-index:99998;
    background:var(--ymc-cream);
    border-top:1px solid var(--ymc-line);
    box-shadow:0 -8px 30px rgba(0,0,0,.10);
    font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ymc-ink);
    animation:ymc-up .35s ease-out;
}
@keyframes ymc-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.ymc-banner-in{
    max-width:1200px;margin:0 auto;padding:20px 24px;
    display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.ymc-banner-text{flex:1 1 420px;min-width:280px}
.ymc-title{font-family:'Jost','Hanken Grotesk',sans-serif;font-size:18px;margin:0 0 6px;letter-spacing:.01em}
.ymc-banner-text p{margin:0;font-size:14px;line-height:1.55;color:#454838}
.ymc-banner-text a{color:var(--ymc-green-dark);text-decoration:underline}
.ymc-banner-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* ---- Botones (aceptar y rechazar con la MISMA prominencia, guía AEPD) ---- */
.ymc-btn{
    font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;
    padding:11px 20px;border-radius:6px;border:1px solid var(--ymc-green);
    transition:background .15s,color .15s,border-color .15s;white-space:nowrap;
}
.ymc-btn-fill{background:var(--ymc-green);color:#fff}
.ymc-btn-fill:hover{background:var(--ymc-green-dark);border-color:var(--ymc-green-dark)}
.ymc-btn-line{background:transparent;color:var(--ymc-green-dark)}
.ymc-btn-line:hover{background:rgba(95,110,72,.10)}

/* ---- Modal de preferencias ---- */
.ymc-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ymc-ink)}
.ymc-modal-bg{position:absolute;inset:0;background:rgba(26,28,22,.55)}
.ymc-modal-card{
    position:relative;background:#fff;width:min(620px,100%);max-height:90vh;overflow-y:auto;
    border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.35);padding:30px 30px 24px;
    animation:ymc-pop .25s ease-out;
}
@keyframes ymc-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.ymc-modal-intro{font-size:14px;line-height:1.55;color:#555;margin:4px 0 18px}
.ymc-modal-intro a{color:var(--ymc-green-dark);text-decoration:underline}
.ymc-cats{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}
.ymc-cat{border-top:1px solid var(--ymc-line);padding:14px 0}
.ymc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ymc-cat-name{font-weight:600;font-size:15px}
.ymc-cat-desc{margin:6px 0 0;font-size:13px;color:#666;line-height:1.5}
.ymc-always{font-size:12px;color:var(--ymc-green-dark);font-weight:600}
.ymc-modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* ---- Interruptor ---- */
.ymc-switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}
.ymc-switch input{opacity:0;width:0;height:0}
.ymc-slider{position:absolute;inset:0;background:#cfccc2;border-radius:26px;transition:.2s;cursor:pointer}
.ymc-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.ymc-switch input:checked + .ymc-slider{background:var(--ymc-green)}
.ymc-switch input:checked + .ymc-slider:before{transform:translateX(20px)}

/* ---- Botón para cambiar preferencias (en la página de cookies) ---- */
.ymc-prefs-box{margin:8px 0 8px}
.ymc-prefs-btn{
    display:inline-block;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;
    padding:11px 22px;border-radius:6px;border:1px solid var(--ymc-green);
    background:var(--ymc-green);color:#fff;text-decoration:none;transition:background .15s}
.ymc-prefs-btn:hover{background:var(--ymc-green-dark);color:#fff}

@media(max-width:680px){
    .ymc-banner-in{padding:16px}
    .ymc-banner-actions{width:100%}
    .ymc-banner-actions .ymc-btn{flex:1 1 auto;text-align:center}
    .ymc-modal-actions .ymc-btn{flex:1 1 auto}
}