/* Punto 12: aviso de cookies (web) y aviso de privacidad (app) de ui/base/consentimiento.js. Sobrio: fondo blanco, borde
   oscuro fino, sin negrillas; el boton principal en el azul de la marca. Aislado con prefijo tf-ck / tf-priv. */
:root{--tfck-tinta:#0f172a;--tfck-suave:#475569;--tfck-linea:#0f172a;--tfck-borde:#e2e8f0;--tfck-fondo:#fff;--tfck-azul:#1747d1}
.tf-ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;max-width:980px;margin:0 auto;
    padding:14px 16px;border:1px solid var(--tfck-linea);border-radius:16px;background:var(--tfck-fondo);color:var(--tfck-tinta);
    box-shadow:0 18px 40px -20px rgba(15,23,42,.55);font-family:inherit;font-size:.86rem;line-height:1.5;animation:tfCkSube .3s ease-out}
.tf-ck p{flex:1 1 420px;margin:0;color:var(--tfck-suave)}
.tf-ck-titulo{color:var(--tfck-tinta);font-weight:400}
.tf-ck a,.tf-ck-enlace,.tf-priv-enlace{color:var(--tfck-azul)}
.tf-ck-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tf-ck-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--tfck-azul);border-radius:999px;
    background:var(--tfck-azul);color:#fff;font:inherit;font-size:.86rem;font-weight:500;cursor:pointer;text-decoration:none}
.tf-ck-btn:hover{filter:brightness(.95)}
.tf-ck-btn.is-sec{background:var(--tfck-fondo);color:var(--tfck-tinta);border-color:var(--tfck-linea)}
.tf-ck-btn.is-texto{background:transparent;border-color:transparent;color:var(--tfck-tinta);text-decoration:underline;padding:0 8px}
.tf-ck-btn:focus-visible,.tf-ck a:focus-visible{outline:2px solid var(--tfck-azul);outline-offset:2px}

.tf-ck-fondo{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.45)}
.tf-ck-caja{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px;border:1px solid var(--tfck-linea);border-radius:18px;
    background:var(--tfck-fondo);color:var(--tfck-tinta);box-shadow:0 24px 60px -24px rgba(15,23,42,.6);font-size:.88rem;line-height:1.5}
.tf-ck-caja h2{margin:0 0 6px;font-size:1.2rem;font-weight:600}
.tf-ck-caja > p{margin:0 0 12px;color:var(--tfck-suave)}
.tf-ck-fila{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--tfck-borde);cursor:pointer}
.tf-ck-fila small{display:block;color:var(--tfck-suave);font-size:.8rem}
.tf-ck-fila-titulo{font-weight:500}
.tf-ck-interruptor{flex:none;width:42px;height:24px;margin:0;appearance:none;-webkit-appearance:none;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;transition:background .2s}
.tf-ck-interruptor::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.tf-ck-interruptor:checked{background:var(--tfck-azul)}
.tf-ck-interruptor:checked::after{transform:translateX(18px)}
.tf-ck-interruptor:disabled{opacity:.6;cursor:not-allowed}
.tf-ck-caja .tf-ck-acciones{margin-top:12px;padding-top:12px;border-top:1px solid var(--tfck-borde)}
.tf-ck-caja .tf-ck-enlace{margin-right:auto;font-size:.82rem}

/* App: pantalla completa la primera vez. */
.tf-priv{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;
    padding:max(16px,env(safe-area-inset-top),var(--safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom),var(--safe-area-inset-bottom,0px));
    background:rgba(15,23,42,.6)}
.tf-priv-caja{width:min(520px,100%);max-height:100%;overflow:auto;padding:22px 20px;border:1px solid var(--tfck-linea);border-radius:20px;background:var(--tfck-fondo);
    color:var(--tfck-tinta);font-size:.92rem;line-height:1.5;box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
.tf-priv-caja h2{margin:0 0 6px;font-size:1.3rem;font-weight:600}
.tf-priv-caja p{margin:0 0 10px;color:var(--tfck-suave)}
.tf-priv-caja ul{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:10px}
.tf-priv-caja li{display:flex;gap:12px;align-items:flex-start;color:var(--tfck-suave)}
.tf-priv-caja li i{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--tfck-borde);border-radius:10px;color:var(--tfck-azul)}
.tf-priv-item{color:var(--tfck-tinta);font-weight:400}
.tf-priv-nota{font-size:.84rem}
.tf-priv-enlace{display:inline-block;margin:2px 0 14px;font-size:.88rem}
.tf-priv-btn{width:100%;min-height:46px}

@keyframes tfCkSube{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* En equipos que piden menos movimiento la entrada va a media velocidad, nunca quieta. */
@media (prefers-reduced-motion: reduce){.tf-ck{animation-duration:.6s}}
@media (max-width:560px){
    .tf-ck{left:10px;right:10px;bottom:10px}
    .tf-ck-acciones{width:100%}
    .tf-ck .tf-ck-btn:not(.is-texto){flex:1 1 auto}
}