/* Portón de apertura (15→30-ago-2026): ver assets/censo-gate.js. Solo se activa con JS (clase .censo-gate-on en ) — así nunca hay un flash del portón para quien no debe verlo (equipo, o fuera de fecha). */ html.censo-gate-on > body > header, html.censo-gate-on > body > main, html.censo-gate-on > body > footer{ filter:blur(15px) saturate(.6) brightness(.4); transition:filter .6s ease;pointer-events:none;user-select:none; } html.censo-gate-on.censo-gate-peek > body > header, html.censo-gate-on.censo-gate-peek > body > main, html.censo-gate-on.censo-gate-peek > body > footer{ filter:blur(7px) saturate(.8) brightness(.6); } @media (prefers-reduced-motion:reduce){ html.censo-gate-on > body > header, html.censo-gate-on > body > main, html.censo-gate-on > body > footer{transition:none} } .cg-gate{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center; padding:26px;background:radial-gradient(ellipse 1000px 600px at 50% 0%,#073B4Cb0,#04222ee6)} .cg-card{width:100%;max-width:480px;background:var(--bg2);border:1px solid var(--line); border-radius:20px;padding:36px 30px;box-shadow:0 30px 80px -20px #000a; max-height:calc(100vh - 52px);overflow-y:auto} @media (max-width:520px){.cg-card{padding:26px 20px}} /* El portón tapa TODA la página, incluido el botón de login del menú — sin este link, alguien del equipo sin sesión activa no tiene forma de entrar (bug real: Enrymar quedó atascada por esto el 04-ago). */ .cg-team-link{display:block;text-align:center;font-size:12.5px;font-weight:700;color:var(--tx2); background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 12px; margin-bottom:20px;text-decoration:none} .cg-team-link:hover{color:var(--am);border-color:var(--am)} .cg-eyebrow{color:var(--am);font-weight:800;font-size:11px;letter-spacing:.11em;text-transform:uppercase;text-align:center;margin-bottom:10px} .cg-card h1{font-size:clamp(21px,4vw,27px);text-align:center;margin:0 0 8px;line-height:1.18;text-wrap:balance;color:var(--tx)} .cg-card .cg-sub{color:var(--tx2);text-align:center;font-size:14px;margin:0 0 24px} .cg-clock{display:flex;justify-content:center;gap:14px;margin-bottom:26px;flex-wrap:wrap} .cg-group{display:flex;flex-direction:column;align-items:center;gap:8px} .cg-digits{display:flex;gap:4px} .cg-group .cg-lbl{font-size:10.5px;color:var(--tx3);font-weight:800;letter-spacing:.08em;text-transform:uppercase} .cg-sep{align-self:center;color:var(--tx3);font-family:ui-monospace,monospace;font-size:20px;margin-top:-18px} .cg-cube{--cs:68px;position:relative;width:var(--cs);height:var(--cs);perspective:480px} .cg-cube::after{content:"";position:absolute;left:50%;bottom:-7px;width:72%;height:7px; background:radial-gradient(ellipse,#00000070,transparent 72%);transform:translateX(-50%);filter:blur(1.5px)} .cg-inner{position:absolute;inset:0;transform-style:preserve-3d; animation:cgFloat 6.5s ease-in-out infinite;animation-delay:var(--fd,0s)} @keyframes cgFloat{ 0%,100%{transform:rotateX(-7deg) rotateY(-16deg) translateY(0)} 50%{transform:rotateX(7deg) rotateY(16deg) translateY(-5px)} } @media (prefers-reduced-motion:reduce){.cg-inner{animation:none;transform:rotateX(-7deg) rotateY(-16deg)}} .cg-face{position:absolute;inset:0;border-radius:6px} .cg-face.front{transform:translateZ(calc(var(--cs) / 2))} .cg-face.back{transform:rotateY(180deg) translateZ(calc(var(--cs) / 2))} .cg-face.right{transform:rotateY(90deg) translateZ(calc(var(--cs) / 2))} .cg-face.left{transform:rotateY(-90deg) translateZ(calc(var(--cs) / 2))} .cg-face.top{transform:rotateX(90deg) translateZ(calc(var(--cs) / 2))} .cg-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--cs) / 2))} .cg-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(9,1fr); grid-template-rows:repeat(9,1fr);gap:1px;padding:2.5px;background:#04141c;border-radius:6px} .cg-st{border-radius:1px;box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 2px #00000030} .cg-clock.big{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center; gap:30px 44px;margin:10px 0 24px} .cg-clock.big .cg-cube{--cs:92px} @media (max-width:640px){ .cg-digits{gap:6px}.cg-clock{gap:10px} .cg-clock.big{gap:16px 22px}.cg-clock.big .cg-cube{--cs:58px} } .cg-seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:18px} .cg-seg button{flex:1;background:transparent;border:none;color:var(--tx3);font-weight:800;font-size:12.5px; padding:10px 8px;border-radius:8px;cursor:pointer;font-family:inherit} .cg-seg button.on{background:#0d5872;color:var(--tx)} .cg-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px} .cg-field label{font-size:12.5px;font-weight:700;color:var(--tx2)} .cg-field input,.cg-field select{background:var(--bg3);border:1px solid var(--line);color:var(--tx); border-radius:9px;padding:11px 12px;font-family:inherit;font-size:14px;width:100%;box-sizing:border-box} .cg-field input[data-wca]{font-family:ui-monospace,monospace;letter-spacing:.02em} .cg-chip{font-size:12.5px;display:flex;align-items:center;gap:6px;min-height:16px;margin-top:4px} .cg-chip.ok{color:var(--ok)} .cg-chip.err{color:var(--ro)} .cg-consent{display:flex;gap:9px;align-items:flex-start;background:var(--bg);border:1px solid var(--line); border-radius:10px;padding:11px 12px;font-size:12.5px;color:var(--tx2);margin-bottom:16px} .cg-consent input{margin-top:2px} .cg-hp{position:absolute;left:-9999px;opacity:0} .cg-btn{width:100%;border-radius:10px;padding:14px 20px;font-weight:800;font-size:16px;border:none; cursor:pointer;background:linear-gradient(135deg,var(--am),#c98d20);color:#1a1200} .cg-btn:hover{filter:brightness(1.05)} .cg-btn:disabled{opacity:.6;cursor:default} .cg-msg{font-size:12.5px;font-weight:700;min-height:16px;color:var(--ro);text-align:center;margin-top:4px} .cg-done{display:none;text-align:center} .cg-done.show{display:block} .cg-done .cg-check{width:46px;height:46px;border-radius:50%;background:var(--ok);color:#04241b; display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;margin:0 auto 16px} .cg-done p{color:var(--tx2);font-size:14px;max-width:36ch;margin:14px auto 0} .cg-done .cg-name{color:var(--tx);font-weight:800} .cg-map-link{display:block;text-align:center;margin-top:16px;font-size:12.5px;color:var(--tx3)} .cg-map-link a{color:var(--ce)} .cg-tg-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 20px; border-radius:10px;font-weight:800;font-size:14px;background:#229ED9;color:#fff;text-decoration:none} .cg-tg-btn:hover{filter:brightness(1.08)} .cg-tg-note{font-size:11px;color:var(--tx3);max-width:34ch;margin:8px auto 0}