.tpf-acceso{position:fixed;inset:0;margin:auto;padding:0;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid #ffffff24;border-radius:24px;background:#101820;color:#edf3f8;box-shadow:0 32px 100px #0009;font-family:var(--fuente-sans),sans-serif;text-align:center;overflow:auto}.tpf-acceso::-webkit-backdrop{background:#05090dd4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.tpf-acceso::backdrop{background:#05090dd4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.tpf-acceso-interior{position:relative;padding:38px 34px 30px;background:radial-gradient(ellipse at 50% 0,#78d5e516,transparent 65%)}.tpf-acceso-cerrar{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid #ffffff20;border-radius:50%;background:transparent;color:#c0cbd4;font-size:24px;cursor:pointer}.tpf-acceso-icono{display:flex;justify-content:center;margin:8px 0 24px}.tpf-acceso-icono .tpf-identidad-icono{width:58px;height:58px}.tpf-acceso .tpf-acceso-nombre{margin:0 0 13px;color:#e6bd64;text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:700}.tpf-acceso h2{font-size:clamp(22px,4vw,28px);line-height:1.25;letter-spacing:-.025em;margin:0 0 16px;color:#f5f7fa}.tpf-acceso p{font-size:14px;line-height:1.65;color:#afbfcc;margin:0 0 25px}.tpf-acceso-registro{display:flex;align-items:center;justify-content:center;gap:18px;padding:15px 18px;border-radius:12px;background:linear-gradient(120deg,#edcb77,#dab051);color:#151719;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 5px 25px #d9ad5320}.tpf-acceso-registro:hover{filter:brightness(1.08)}.tpf-acceso small{display:block;margin:13px 0 26px;color:#98aebb;font-size:11px;line-height:1.5}.tpf-acceso-entrar{color:#c5d5e2;text-decoration:underline;text-underline-offset:4px;font-size:12px}.tpf-acceso :focus-visible{outline:2px solid #a3e4ef;outline-offset:4px}.tpf-puerta{min-height:80dvh;display:grid;align-content:center;justify-items:center;grid-gap:20px;gap:20px;padding:24px;text-align:center}.tpf-puerta h1{font-size:clamp(26px,5vw,42px)}.tpf-puerta a{color:var(--acento,#e6bd64)}@media(max-width:480px){.tpf-acceso-interior{padding:34px 24px 26px}}