/* prw3: AVISO DE COOKIES (grupo E, 30/9/2026), de la maqueta cookies.html (bloque opus-ajuste). Barra inferior fija y
   ventana de ajustes. Piel 3.0: superficie --s1, borde --line. Letra en rem; en la web el relleno de abajo es 16 px más
   la zona segura (la maqueta lleva 78 px solo para dejar sitio a su barra de revisión). */
.ck-barra{position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--s1);border-top:1px solid var(--line2);box-shadow:0 -12px 40px rgba(0,0,0,.35);padding:16px var(--pad) calc(16px + env(safe-area-inset-bottom,0px))}
.ck-hecho .ck-barra{display:none}
.ck-in{display:flex;align-items:center;gap:14px 32px;flex-wrap:wrap;justify-content:space-between}
.ck-in p{margin:0;flex:1 1 420px;font-size:.90625rem;line-height:1.5;color:var(--tx2);max-width:78ch}
.ck-in p b{color:var(--tx);font-weight:600}
.ck-btns{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ck-btns .btn{min-width:120px;justify-content:center;min-height:44px}
.ck-lnk{background:none;border:0;padding:0 6px;min-height:44px;color:var(--acc2);font-family:var(--body);font-size:.90625rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ck-lnk:focus-visible,.ck-x:focus-visible,.ck-tabs button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media (max-width:600px){.ck-btns{width:100%}.ck-btns .btn{flex:1 1 0;min-width:0}.ck-lnk{flex-basis:100%;text-align:center}}

.ck-velo{position:fixed;inset:0;z-index:95;background:rgba(8,12,14,.66);backdrop-filter:blur(4px)}
.ck-dlg{position:fixed;z-index:96;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 32px));max-height:calc(100svh - 40px);display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.ck-dlg[hidden],.ck-velo[hidden],.ck-barra[hidden]{display:none!important}
body.ck-modal{overflow:hidden}
.ck-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.ck-cab h2{font-size:1.375rem;margin:0}
.ck-x{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--s2);color:var(--tx);font-size:1.375rem;line-height:1;cursor:pointer;flex:none}
.ck-cuerpo{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;overflow:auto}
.ck-tabs{display:flex;flex-direction:column;gap:4px;padding:16px 12px;border-right:1px solid var(--line);background:var(--bg)}
.ck-tabs button{min-height:44px;text-align:left;padding:0 12px;border-radius:10px;border:1px solid transparent;background:none;color:var(--tx2);font-family:var(--body);font-size:.90625rem;font-weight:500;cursor:pointer}
@media (hover:hover){.ck-tabs button:hover{color:var(--tx)}}
.ck-tabs button[aria-selected="true"]{background:var(--s2);border-color:var(--line);color:var(--tx)}
.ck-pan{padding:20px 22px}
.ck-pan h3{font-size:1.125rem;margin:0 0 8px}
.ck-pan p{font-size:.90625rem;line-height:1.6;color:var(--tx2);margin:0 0 10px;max-width:60ch}
.ck-pan a{color:var(--acc2);text-decoration:underline;text-underline-offset:3px}
.ck-fila{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}
.ck-sw{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;cursor:pointer;min-width:92px;position:relative}
.ck-sw input{position:absolute;opacity:0;width:1px;height:1px}
.ck-sw span{width:48px;height:28px;border-radius:999px;background:var(--line2);position:relative;transition:background .2s}
.ck-sw span::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}
.ck-sw input:checked+span{background:var(--ok)}
.ck-sw input:checked+span::after{transform:translateX(20px)}
.ck-sw input:disabled+span{opacity:.7}
.ck-sw input:focus-visible+span{outline:2px solid var(--acc);outline-offset:3px}
.ck-sw em{font-style:normal;font-family:var(--mono);font-size:.65625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);text-align:center}
.ck-sw .ck-on{display:none}
.ck-sw input:checked~.ck-on{display:block;color:var(--ok)}
.ck-sw input:checked~.ck-off{display:none}
.ck-pie{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid var(--line)}
.ck-pie .btn{min-height:44px}
@media (max-width:600px){
  .ck-cuerpo{grid-template-columns:minmax(0,1fr)}
  .ck-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}
  .ck-tabs button{flex:none}
  .ck-fila{flex-direction:column}
  .ck-sw{flex-direction:row;min-width:0}
  .ck-pie .btn{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.ck-sw span,.ck-sw span::after{transition:none}}
/* versión 2 de la maqueta: nota de Vimeo en «Necesarias» */
.ck-nota{font-size:.84375rem!important;color:var(--tx3)!important}
/* versión 3 de la maqueta: enlace a la política dentro de la barra y, en el teléfono, la barra en un cuarto de pantalla */
.ck-in p a.ck-pol{color:var(--acc2);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media (max-width:600px){
  .ck-barra{padding-top:12px}
  .ck-in{gap:10px}
  .ck-in p{font-size:.84375rem;line-height:1.45;flex-basis:100%}
  .ck-btns{flex-wrap:nowrap;gap:8px}
  .ck-btns .btn{padding:0 12px}
  .ck-lnk{flex:0 0 auto;flex-basis:auto;text-align:right;padding:0 4px}
}
@media print{.ck-barra,.ck-velo,.ck-dlg{display:none!important}}

/* prw3: grupo C ter (1/10, pedido del DISEÑADOR). Con la ventana en su alto máximo la rejilla dejaba la barra de pestañas en 21 px y los botones tapaban el título del panel */
@media (max-width:600px){.ck-cuerpo{grid-template-rows:max-content auto}.ck-tabs{min-height:max-content}.ck-tabs button{min-height:44px;flex:none}}
/* prw3: grupo C ter (1/10, DISEÑADOR). Pantallas bajas: «Rechazar todas» y «Aceptar todas» en una fila y «Guardar mis ajustes» debajo, para dejar más texto a la vista */
@media (max-width:600px) and (max-height:700px){.ck-pie{gap:8px;padding:10px 16px}.ck-pie .btn{flex:1 1 calc(50% - 4px);min-width:0;min-height:44px}.ck-pie .btn[data-ck="guardar"]{flex-basis:100%}}
/* prw3: 1/10, grupo L bis (auditoría FABLE M27). Páginas de venta heredadas (page-templates/landing.php, body.landing-page):
   ahí no se carga comun.css, así que el aviso se quedaba sin colores ni botones y su texto se pintaba transparente encima
   de la página. Se le dan aquí las variables (los valores del tema oscuro de comun.css) y los botones mínimos. Solo en esas
   páginas: en el resto manda comun.css, con su modo claro. */
body.landing-page .ck-barra,body.landing-page .ck-dlg,body.landing-page .ck-velo{--bg:#101518;--s1:#181F23;--s2:#212A2F;--tx:#E6ECEE;--tx2:#A3B1B7;--tx3:#8E9BA2;--line:#2B363B;--line2:#3C4A50;--acc:#5FBBFF;--acc2:#31A8FF;--acctx:#101518;--ok:#63BE93;--glass:rgba(255,255,255,.08);--shadow:0 20px 60px rgba(0,0,0,.45);--body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;--r:12px;--rbtn:12px;--gut:clamp(20px,4vw,60px);--pad:max(var(--gut),calc((100vw - 1180px) / 2));color:var(--tx);font-family:var(--body);line-height:1.6;box-sizing:border-box}
body.landing-page .ck-barra *,body.landing-page .ck-dlg *{box-sizing:border-box}
body.landing-page .ck-barra .btn,body.landing-page .ck-dlg .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:var(--rbtn);font-family:var(--body);font-weight:600;font-size:0.875rem;line-height:1.2;border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:44px}
body.landing-page .ck-barra .btn.p,body.landing-page .ck-dlg .btn.p{background:var(--acc);color:var(--acctx)}
body.landing-page .ck-barra .btn.g,body.landing-page .ck-dlg .btn.g{background:var(--glass);border-color:var(--line2);color:var(--tx)}
/* prw3: FABLE R6-04 h8 (R7-02, 9): el interruptor apagado daba 1,74 en claro y 1,82 en oscuro contra el panel; con el color de
   borde de los campos (--campo, al menos 3:1) se distingue apagado */
.ck-sw input:not(:checked)+span{background:var(--campo,#6B7B83)}