/* dhf-login-promo 1.1.0 (claude3, 02/11/2026) — painel de propaganda do login DHF.
   Sorteia 1 das 20 dobras v2 por abertura. Tudo escopado em .dhfp (não vaza para a página hospedeira).
   Padrão: dhf-platina 2.0 (Platina Claro v2) + Space Grotesk do site dhftec.com.br. */
@font-face{font-family:'DHFP Space Grotesk';src:url(space-grotesk.woff2) format('woff2');font-weight:300 700;font-display:swap}
.dhfp{
  --p-tinta:#0A2350;--p-acao:#1F5FE0;--p-apoio:#6FA6F5;--p-surface:#DCE8FD;--p-bg:#F5F9FF;--p-bg2:#EAF1FC;
  --p-noite:#040E23;--p-tinta2:#0D2C63;--p-gelo:#EEF4FF;--p-text:#0F1B2D;--p-muted:#55657D;--p-line:#D9E2EE;--p-line2:#C3CFDF;--p-alerta:#B94800;
  --p-e3:0 4px 8px rgba(10,35,80,.08),0 18px 44px rgba(10,35,80,.12);--p-e4:0 2px 6px rgba(10,35,80,.06),0 30px 80px -20px rgba(10,35,80,.28);
  --p-ease:cubic-bezier(.16,1,.3,1);--p-io:cubic-bezier(.65,0,.35,1);--k:1;
  --p-display:'DHFP Space Grotesk','Space Grotesk',system-ui,sans-serif;--p-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;isolation:isolate;container-type:size;
  background:linear-gradient(160deg,var(--p-gelo),var(--p-surface));color:var(--p-tinta);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
.dhfp *,.dhfp *::before,.dhfp *::after{box-sizing:border-box}
.dhfp.calmo{--k:2.5}
.dhfp.noite{background:radial-gradient(120% 90% at 70% 40%,var(--p-tinta2),var(--p-noite) 70%);color:#fff}
.dhfp-arte{position:absolute;inset:0;z-index:0}
.dhfp-arte canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity calc(.9s*var(--k)) var(--p-ease)}
.dhfp-arte canvas.vis{opacity:1}
.dhfp.semgl .dhfp-arte{background:radial-gradient(60% 55% at 72% 50%,rgba(111,166,245,.55),transparent 70%),radial-gradient(40% 40% at 85% 80%,rgba(31,95,224,.25),transparent 70%)}
.dhfp-veu{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(238,244,255,.92) 0%,rgba(238,244,255,.55) 36%,rgba(238,244,255,0) 62%)}
.dhfp.noite .dhfp-veu{background:linear-gradient(90deg,rgba(4,14,35,.88) 0%,rgba(4,14,35,.45) 38%,rgba(4,14,35,0) 64%)}
.dhfp-grao{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.dhfp.noite .dhfp-grao{mix-blend-mode:screen;opacity:.06}
.dhfp-cena{position:absolute;inset:0;z-index:2;pointer-events:none}
.dhfp-conteudo{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,7cqh,72px) clamp(24px,7cqw,72px) clamp(24px,5cqh,52px)}
.dhfp-olho{margin:0;display:inline-flex;align-items:center;gap:16px;font-family:var(--p-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--p-acao)}
.dhfp.noite .dhfp-olho{color:var(--p-apoio)}
.dhfp-pulso{position:relative;width:8px;height:8px;border-radius:50%;background:currentColor}
.dhfp-pulso::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid currentColor;animation:dhfp-pulso calc(2.4s*var(--k)) var(--p-ease) infinite}
@keyframes dhfp-pulso{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.dhfp-titulo{margin:22px 0 0;font-family:var(--p-display);font-weight:600;font-size:clamp(34px,8.6cqw,92px);line-height:.96;letter-spacing:-.035em;color:var(--p-tinta);max-width:12ch}
.dhfp.noite .dhfp-titulo{color:#fff}
.dhfp-titulo .l{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.dhfp-titulo .w{display:inline-block;transition:transform calc(1.1s*var(--k)) var(--p-ease),opacity calc(.9s*var(--k)) var(--p-ease),filter calc(.9s*var(--k)) var(--p-ease);transition-delay:calc((150ms + var(--i)*70ms)*var(--k))}
.dhfp-titulo .ac{background:linear-gradient(100deg,var(--p-tinta) 10%,var(--p-acao) 55%,var(--p-apoio) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.dhfp.noite .dhfp-titulo .ac{background:linear-gradient(100deg,#fff 15%,#BFD5FA 55%,var(--p-apoio) 95%);-webkit-background-clip:text;background-clip:text}
.dhfp-lead{margin:24px 0 0;max-width:40ch;font-size:clamp(15px,2.2cqw,19px);line-height:1.6;color:#33465F}
.dhfp.noite .dhfp-lead{color:#C9D7EE}
.dhfp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.dhfp-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--p-tinta);background:rgba(255,255,255,.7);border:1px solid rgba(195,207,223,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dhfp-chip::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--p-acao)}
.dhfp.noite .dhfp-chip{color:#E3ECFB;background:rgba(255,255,255,.06);border-color:rgba(111,166,245,.28)}
.dhfp.noite .dhfp-chip::before{background:var(--p-apoio)}
.dhfp-rodape{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--p-mono);font-size:12px;color:var(--p-muted);letter-spacing:.08em}
.dhfp.noite .dhfp-rodape{color:#8FA6CC}
.dhfp-rodape a{font-family:var(--p-display);font-weight:600;color:var(--p-tinta);letter-spacing:.02em;font-size:13px;text-decoration:none;pointer-events:auto}
.dhfp-rodape a:hover{text-decoration:underline}
.dhfp.noite .dhfp-rodape a{color:#fff}
.dhfp-mov{pointer-events:auto;height:30px;padding:0 10px;border-radius:8px;border:1px solid rgba(195,207,223,.9);background:rgba(255,255,255,.7);color:var(--p-tinta);font:600 12px/1 var(--p-mono);letter-spacing:.06em;cursor:pointer}
.dhfp.noite .dhfp-mov{background:rgba(255,255,255,.08);border-color:rgba(111,166,245,.35);color:#E3ECFB}
.dhfp-mov:focus-visible,.dhfp-rodape a:focus-visible{outline:2px solid var(--p-acao);outline-offset:3px}
.dhfp .sobe{transition:transform calc(1s*var(--k)) var(--p-ease),opacity calc(.9s*var(--k)) var(--p-ease);transition-delay:calc(var(--dl,500ms)*var(--k))}
/* estado de entrada: só esconde enquanto não ligou (o módulo liga com .on) */
.dhfp:not(.on) .dhfp-titulo .w{transform:translateY(108%);opacity:0;filter:blur(8px)}
.dhfp:not(.on) .sobe{transform:translateY(18px);opacity:0}
/* cenas em DOM (transform/opacity) */
.dhfp .paginas{position:absolute;right:2%;bottom:7%;width:44%;max-width:600px;height:60%;perspective:1600px;transform-style:preserve-3d}
.dhfp .pg{position:absolute;width:58%;height:66%;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(195,207,223,.9);box-shadow:var(--p-e4);transform-style:preserve-3d;padding:14px;overflow:hidden;transition:transform calc(1.4s*var(--k)) var(--p-ease),opacity calc(1s*var(--k)) var(--p-ease)}
.dhfp .pg i{display:block;border-radius:6px;background:var(--p-bg2);margin-bottom:9px}
.dhfp .pg::before{content:"";display:block;height:8px;width:38px;margin-bottom:12px;background:radial-gradient(circle,#C3CFDF 3px,transparent 3.5px) 0 0/13px 8px repeat-x}
.dhfp .pg .h{height:10px;width:40%;background:var(--p-surface)}
.dhfp .pg .hero{height:34%;background:linear-gradient(135deg,var(--p-surface),#C7DAFB)}
.dhfp .pg .bt{position:relative;overflow:hidden;height:22px;width:38%;background:var(--p-acao);border-radius:8px}
.dhfp .pg .bt::after{content:"";position:absolute;inset:0;width:50%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-120%) skewX(-18deg);animation:dhfp-brilho calc(5s*var(--k)) var(--p-ease) infinite}
@keyframes dhfp-brilho{0%,72%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(330%) skewX(-18deg)}}
.dhfp .pg .tx{height:7px;width:86%}.dhfp .pg .tx.c{width:64%}
.dhfp .pg1{left:0;top:0}.dhfp .pg2{left:21%;top:17%}.dhfp .pg3{left:42%;top:34%}
.dhfp.on .pg{transform:rotateY(-22deg) rotateX(9deg)}
.dhfp.on .pg2{transition-delay:calc(150ms*var(--k))}.dhfp.on .pg3{transition-delay:calc(300ms*var(--k))}
.dhfp:not(.on) .pg{opacity:0;transform:rotateY(-40deg) rotateX(20deg) translate3d(0,30%,-300px)}
.dhfp .flut{animation:dhfp-flut calc(9s*var(--k)) var(--p-io) infinite}
@keyframes dhfp-flut{0%,100%{translate:0 0}50%{translate:0 -10px}}
.dhfp .hubsvg{position:absolute;right:3%;bottom:11%;width:66%;max-width:760px}
.dhfp .hubsvg path{fill:none;stroke:var(--p-acao);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.55;transition:stroke-dashoffset calc(1.6s*var(--k)) var(--p-ease)}
.dhfp.on .hubsvg path{stroke-dashoffset:0}
.dhfp .hubsvg .no{transition:opacity calc(.8s*var(--k)) var(--p-ease),transform calc(.8s*var(--k)) var(--p-ease);transform-box:fill-box;transform-origin:center}
.dhfp:not(.on) .hubsvg .no{opacity:0;transform:scale(.7)}
.dhfp .hubsvg text{font-family:var(--p-display);font-size:24px;font-weight:600;fill:var(--p-tinta)}
.dhfp .hubsvg .s{font-family:var(--p-mono);font-size:15px;fill:var(--p-muted);font-weight:400}
.dhfp .espinha{position:absolute;right:7%;bottom:9%;width:min(380px,40%)}
.dhfp .espinha ol{list-style:none;margin:0;padding:0;position:relative}
.dhfp .espinha ol::before{content:'';position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--p-acao),var(--p-apoio));transform-origin:top;transition:transform calc(1.8s*var(--k)) var(--p-ease)}
.dhfp:not(.on) .espinha ol::before{transform:scaleY(0)}
.dhfp .espinha li{position:relative;display:flex;gap:16px;align-items:flex-start;padding:12px 0}
.dhfp .espinha .n{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--p-acao);font-family:var(--p-mono);font-size:12px;font-weight:700;color:var(--p-acao);box-shadow:0 0 0 6px rgba(111,166,245,.18)}
.dhfp .espinha b{display:block;font-family:var(--p-display);font-size:18px;color:var(--p-tinta)}
.dhfp .espinha span{font-size:13px;color:#47597A}
.dhfp .vidros{position:absolute;right:3%;bottom:7%;width:42%;max-width:520px;height:42%}
.dhfp .vd{position:absolute;border-radius:18px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 20px 50px -20px rgba(10,35,80,.35);padding:16px;transition:transform calc(1.3s*var(--k)) var(--p-ease),opacity calc(1s*var(--k)) var(--p-ease)}
.dhfp .vd small{font-family:var(--p-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#3B5274}
.dhfp .vd .bars{display:flex;align-items:flex-end;gap:7px;height:62%;margin-top:12px}
.dhfp .vd .bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--p-acao),var(--p-apoio));transform-origin:bottom;transition:transform calc(1.2s*var(--k)) var(--p-ease)}
.dhfp:not(.on) .vd .bars i{transform:scaleY(.08)}
.dhfp .vd .lin{height:8px;border-radius:4px;background:rgba(10,35,80,.12);margin-top:10px}
.dhfp .vd .lin.b{background:linear-gradient(90deg,var(--p-acao),var(--p-apoio));transform-origin:left;transition:transform calc(1.4s*var(--k)) var(--p-ease)}
.dhfp:not(.on) .vd .lin.b{transform:scaleX(.05)}
.dhfp .v1{left:0;top:6%;width:62%;height:56%}.dhfp .v2{right:0;top:30%;width:46%;height:38%}.dhfp .v3{left:16%;bottom:0;width:58%;height:26%}
.dhfp:not(.on) .vd{opacity:0;transform:translateY(40px) scale(.96)}
.dhfp .bolha{position:absolute;max-width:240px;padding:10px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.92);border:1px solid var(--p-line);box-shadow:var(--p-e3);font-size:13px;color:var(--p-text)}
.dhfp .bolha b{display:block;font-size:11px;color:var(--p-acao);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-family:var(--p-mono)}
.dhfp .etq{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.9);border:1px solid var(--p-line);box-shadow:var(--p-e3);font-size:13px;font-weight:600;color:var(--p-tinta)}
.dhfp.noite .etq{background:rgba(9,27,62,.72);border-color:rgba(111,166,245,.35);color:#E6EEFB;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dhfp .etq i{width:8px;height:8px;border-radius:50%;background:var(--p-acao);box-shadow:0 0 0 4px rgba(111,166,245,.25)}
.dhfp.noite .etq i{background:var(--p-apoio)}
/* painel estreito ou baixo: versão compacta (só olho + título + rodapé) */
@container (max-width:620px){.dhfp .paginas,.dhfp .hubsvg,.dhfp .espinha,.dhfp .vidros{opacity:.35}.dhfp .etq,.dhfp .bolha{display:none}}
@container (max-height:430px){
  .dhfp-lead,.dhfp-chips,.dhfp-cena{display:none}
  .dhfp-titulo{font-size:clamp(28px,8cqw,46px);margin-top:12px}
  .dhfp-conteudo{padding:20px 20px 16px}
  .dhfp-veu{background:linear-gradient(180deg,rgba(238,244,255,.86),rgba(238,244,255,.25))}
  .dhfp.noite .dhfp-veu{background:linear-gradient(180deg,rgba(4,14,35,.8),rgba(4,14,35,.2))}
}
@media (prefers-reduced-motion:reduce){.dhfp .dhfp-pulso::after,.dhfp .flut,.dhfp .pg .bt::after{animation-duration:calc(9s*var(--k))}}
.dhfp.parado *,.dhfp.parado *::before,.dhfp.parado *::after{animation-play-state:paused!important}