/* Gestor de consentimiento de cookies - La Gràfica */
#cm-consent-root{--cm-accent:#0e7c8b;--cm-dark:#12242b;--cm-text:#22333a;--cm-border:#d9e2e5;font-family:inherit}
#cm-consent-root [hidden]{display:none !important}
html.cm-locked{overflow:hidden}

.cm-overlay{position:fixed;inset:0;background:rgba(9,22,28,.55);z-index:999998}

.cm-banner{position:fixed;left:0;right:0;bottom:0;z-index:999997;background:#fff;color:var(--cm-text);
 box-shadow:0 -6px 30px rgba(0,0,0,.18);border-top:3px solid var(--cm-accent);padding:18px 20px;
 padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.cm-banner__inner{max-width:1180px;margin:0 auto;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.cm-banner__text{flex:1 1 440px;min-width:260px}
.cm-banner__title{margin:0 0 6px;font-size:17px;line-height:1.3;color:var(--cm-dark);font-weight:700}
.cm-banner__text p{margin:0 0 6px;font-size:14px;line-height:1.5}
.cm-banner__links{font-size:13px}
.cm-banner__links a{color:var(--cm-accent);text-decoration:underline}
.cm-banner__actions{flex:0 1 auto;display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}

.cm-btn{font:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.2;cursor:pointer;
 border-radius:4px;padding:13px 22px;min-width:150px;text-align:center;border:2px solid var(--cm-accent);
 transition:opacity .15s ease}
.cm-btn:hover{opacity:.85}
.cm-btn:focus-visible{outline:3px solid #ffb703;outline-offset:2px}
.cm-btn--primary{background:var(--cm-accent);color:#fff}
.cm-btn--ghost{background:#fff;color:var(--cm-accent)}

.cm-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px}
.cm-modal__box{background:#fff;color:var(--cm-text);width:100%;max-width:680px;max-height:88vh;display:flex;
 flex-direction:column;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.cm-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;
 border-bottom:1px solid var(--cm-border);background:var(--cm-dark)}
.cm-modal__head h2{margin:0;font-size:17px;color:#fff;font-weight:700}
.cm-modal__close{background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.cm-modal__body{padding:18px 20px;overflow:auto;font-size:14px;line-height:1.5}
.cm-modal__body>p:first-child{margin-top:0}
.cm-modal__body a{color:var(--cm-accent);text-decoration:underline}
.cm-modal__foot{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--cm-border);background:#f6f9fa}

.cm-cat{border:1px solid var(--cm-border);border-radius:5px;padding:12px 14px;margin:12px 0}
.cm-cat__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cm-cat__name{font-weight:700;color:var(--cm-dark);font-size:14px}
.cm-cat__always{font-size:12px;font-weight:700;color:#5b7079;background:#eef3f5;border-radius:20px;padding:4px 10px;white-space:nowrap}
.cm-cat__desc{margin:8px 0 0;font-size:13px;color:#4a5b63}

.cm-switch{display:flex;align-items:center;gap:10px;cursor:pointer}
.cm-switch input{position:absolute;opacity:0;width:1px;height:1px}
.cm-switch__ui{flex:0 0 auto;width:42px;height:24px;border-radius:24px;background:#c3ced3;position:relative;transition:background .15s ease}
.cm-switch__ui:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}
.cm-switch input:checked + .cm-switch__ui{background:var(--cm-accent)}
.cm-switch input:checked + .cm-switch__ui:after{transform:translateX(18px)}
.cm-switch input:focus-visible + .cm-switch__ui{outline:3px solid #ffb703;outline-offset:2px}

.cm-float{position:fixed;left:16px;bottom:16px;z-index:999990;display:inline-flex;align-items:center;gap:7px;
 background:#fff;color:var(--cm-dark);border:1px solid var(--cm-border);border-radius:30px;padding:8px 14px;
 font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.16)}
.cm-float:hover{border-color:var(--cm-accent);color:var(--cm-accent)}

.cm-placeholder{border:1px dashed var(--cm-border);background:#f6f9fa;border-radius:5px;padding:20px;text-align:center}
.cm-placeholder p{margin:0 0 12px;font-size:13px;color:#4a5b63}

a.cm-open-prefs{cursor:pointer}

@media (max-width:782px){
 .cm-banner__inner{flex-direction:column;align-items:stretch;gap:14px}
 .cm-banner__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .cm-banner__actions .cm-btn{min-width:0;padding:13px 10px}
 .cm-banner__actions .cm-btn--ghost{grid-column:1/-1}
 .cm-float{left:10px;bottom:10px;padding:7px 11px}
 .cm-modal__foot .cm-btn{flex:1 1 100%}
}

/* Refuerzo de especificidad frente a los estilos del tema */
#cm-consent-root .cm-btn,#cm-consent-root button.cm-btn{font-family:inherit!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;border-radius:4px!important;padding:13px 22px!important;min-width:150px!important;text-transform:none!important;box-shadow:none!important;letter-spacing:.02em!important}
#cm-consent-root .cm-btn--primary,#cm-consent-root button.cm-btn--primary{background:var(--cm-accent)!important;border:2px solid var(--cm-accent)!important;color:#fff!important}
#cm-consent-root .cm-btn--ghost,#cm-consent-root button.cm-btn--ghost{background:#fff!important;border:2px solid var(--cm-accent)!important;color:var(--cm-accent)!important}
#cm-consent-root .cm-float{background:#fff!important;color:var(--cm-dark)!important;border:1px solid var(--cm-border)!important;font-size:12px!important;font-weight:600!important;padding:8px 14px!important;border-radius:30px!important;min-width:0!important;letter-spacing:0!important}
#cm-consent-root .cm-modal__close{background:none!important;border:0!important;color:#fff!important;min-width:0!important;padding:0 4px!important;font-size:26px!important}
#cm-consent-root .cm-cat__always{min-width:0!important}
@media (max-width:782px){#cm-consent-root .cm-banner__actions .cm-btn{min-width:0!important;padding:13px 8px!important;font-size:12px!important}}

.cm-footer-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:12px;line-height:1.5;background:#12242b;color:#cfd8dc;text-align:center}
.cm-footer-legal a{color:#fff !important;text-decoration:underline;cursor:pointer}
.cm-footer-legal a:hover{color:var(--cm-accent) !important}
.cm-footer-legal span{opacity:.5}