/* OUT da BOX — aviso de cookies (usa los colores de Opciones del sitio) */
.odbc,.odbc-modal{--c-bg:var(--panel,#111110);--c-text:var(--paper,#FBFBFB);--c-muted:var(--muted,#a3a39a);--c-line:var(--line,#262622);--c-acc:var(--acid,#D3FD13);--c-ink:var(--acid-ink,#0b0d00);font-family:var(--body,"Raleway","Segoe UI",Arial,sans-serif);font-size:15px;line-height:1.5;color:var(--c-text);-webkit-font-smoothing:antialiased}
.odbc *,.odbc-modal *{box-sizing:border-box}
.odbc{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9998;display:flex;justify-content:flex-start;pointer-events:none}
.odbc-card{pointer-events:auto;max-width:440px;background:var(--c-bg);border:1px solid var(--c-line);border-radius:22px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:12px;transform:translateY(30px);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.odbc.in .odbc-card{transform:none;opacity:1}
.odbc-title{margin:0;font-weight:800;font-size:17px;display:flex;align-items:center;gap:10px}
.odbc-title::before{content:"";width:10px;height:10px;background:var(--c-acc);transform:rotate(45deg);flex:none}
.odbc-text{margin:0;color:var(--c-muted)}
.odbc-text a,.odbc-more a{color:var(--c-text);text-decoration:underline;text-underline-offset:3px}
.odbc-text a:hover,.odbc-more a:hover{color:var(--c-acc)}
.odbc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}
.odbc-btn{font:italic 800 14px/1 var(--body,"Raleway",Arial,sans-serif);padding:13px 18px;border-radius:999px;border:2px solid var(--c-line);background:transparent;color:var(--c-text);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.odbc-btn:hover{border-color:var(--c-acc);transform:translateY(-1px)}
.odbc-primary{background:var(--c-acc);border-color:var(--c-acc);color:var(--c-ink)}
.odbc-primary:hover{background:var(--c-text);border-color:var(--c-text);color:#000}
.odbc-link{background:none;border:0;padding:8px 4px;color:var(--c-muted);font:600 14px var(--body,"Raleway",Arial,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.odbc-link:hover{color:var(--c-acc)}
.odbc-btn:focus-visible,.odbc-link:focus-visible,.odbc-x:focus-visible,.odbc-switch:focus-visible{outline:2px solid var(--c-acc);outline-offset:3px}
.odbc-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px}
.odbc-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s}
.odbc-panel{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;background:var(--c-bg);border:1px solid var(--c-line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px;transform:translateY(20px) scale(.97);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.odbc-modal.in .odbc-backdrop{opacity:1}
.odbc-modal.in .odbc-panel{transform:none;opacity:1}
.odbc-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.odbc-x{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--c-line);background:transparent;color:var(--c-text);font-size:22px;line-height:1;cursor:pointer}
.odbc-x:hover{border-color:var(--c-acc);color:var(--c-acc)}
.odbc-cat{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--c-line);cursor:pointer}
.odbc-cat>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.odbc-cat b{font-weight:800}
.odbc-cat span{color:var(--c-muted);font-size:14px}
.odbc-always{flex:none;font:700 12px var(--body,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--c-acc)!important}
.odbc-switch{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;border-radius:999px;background:var(--c-line);position:relative;cursor:pointer;transition:background .25s;margin:0}
.odbc-switch::after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--c-text);transition:transform .3s cubic-bezier(.2,1.4,.3,1)}
.odbc-switch:checked{background:var(--c-acc)}
.odbc-switch:checked::after{transform:translateX(20px);background:var(--c-ink)}
.odbc-more{margin:0;font-size:13px;color:var(--c-muted)}
html.odbc-lock{overflow:hidden}
.odbc[hidden],.odbc-modal[hidden]{display:none!important}
@media (max-width:520px){.odbc{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.odbc-card{max-width:none;padding:18px}.odbc-actions .odbc-btn{flex:1 1 auto;text-align:center}}
@media (prefers-reduced-motion:reduce){.odbc-card,.odbc-panel,.odbc-backdrop,.odbc-switch::after{transition:none!important}}
/* Botón [odb_cookies] y link del pie */
.odb-cookie-btn,.linklike{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.odb-cookie-btn:hover,.linklike:hover{color:var(--acid,#D3FD13)}
