/* Delgado Company, site institucional. Identidade opção 6a (Módulos), escolhida
   pelo dono em 09/10/2026: violeta #6D4AFF + grafite #121214, títulos em
   Space Grotesk. Cores só pelas variáveis abaixo. Fontes locais (OFL, ver fonts/).
   Sem CSS inline: a CSP do Caddy não permite.
   Redesenho 09/10 ("Software de pé no chão"): página clara, violeta só onde há
   ação ou estado. Raios: ação 8px, superfícies 12px, telas 18px. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-variable.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/open-sans-variable.woff2) format('woff2')}

:root{
  /* contrastes (AA): acento sobre --fundo 5,2:1 e branco sobre acento 5,1:1;
     --suave sobre --fundo 7:1; --suave-escuro sobre --escuro 7,4:1 */
  --acento:#6D4AFF; --acento-forte:#5B3AF0; --acento-claro:#9B85FF; --acento-fundo:#ECE7FF;
  --escuro:#121214; --escuro-3:#2A2A31;
  --fundo:#F7F7F8; --branco:#FFFFFF; --linha:#E3E3E8; --linha-forte:#C9C9D1;
  --txt:#121214; --suave:#55555F; --suave-escuro:#A1A1AA;
  --titulo:'Space Grotesk','Open Sans',sans-serif;
  --texto:'Open Sans',system-ui,-apple-system,sans-serif;
  --saida:cubic-bezier(.16,1,.3,1);
  --sombra-tela:0 1px 2px rgba(18,18,20,.08),0 24px 48px -20px rgba(18,18,20,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;scrollbar-color:var(--linha-forte) var(--fundo)}
body{margin:0;background:var(--fundo);color:var(--txt);font-family:var(--texto);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--acento-fundo);color:var(--escuro)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
h1,h2,h3{font-family:var(--titulo);font-weight:600;letter-spacing:-.03em;line-height:1.02;margin:0;text-wrap:balance}
p,li,dd{text-wrap:pretty}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:4px}
input,textarea,select{caret-color:var(--acento);accent-color:var(--acento)}

.pular{position:absolute;left:16px;top:-80px;z-index:30;background:var(--escuro);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.pular:focus{top:12px}

/* ---- marca e topo ---- */
.marca{display:inline-flex;align-items:center;text-decoration:none}
.logo{display:block;height:26px;width:auto}
.topo{position:sticky;top:0;z-index:20;background:rgba(247,247,248,.88);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.menu{display:flex;align-items:center;gap:28px}
.menu a{color:var(--suave);text-decoration:none;font-size:14.5px;font-weight:600;transition:color .2s var(--saida)}
.menu a:hover{color:var(--txt)}
.menu a:not(.menu-cta){display:none}
.menu .menu-cta{white-space:nowrap;font-family:var(--titulo);font-size:14px;background:var(--acento);color:#fff;padding:8px 14px;border-radius:8px;transition:background .2s var(--saida)}
.menu .menu-cta:hover{background:var(--acento-forte);color:#fff}

/* ---- botões ---- */
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid transparent;border-radius:8px;padding:0 22px;font-family:var(--titulo);font-weight:600;font-size:16px;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s var(--saida),border-color .2s var(--saida),transform .12s var(--saida)}
.btn:active{transform:translateY(1px)}
.btn-primario{background:var(--acento);color:#fff}
.btn-primario:hover{background:var(--acento-forte)}
.btn-linha{background:transparent;color:var(--txt);border-color:var(--linha-forte)}
.btn-linha:hover{border-color:var(--txt);background:var(--branco)}
.btn[disabled]{opacity:.6;cursor:wait}

/* ---- status: marcador quadrado, eco do módulo violeta da logo ----
   cheio = no ar; metade = em uso real; vazio = sob consulta */
.status{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-size:13.5px;font-weight:600;color:var(--suave);line-height:1.3}
.status::before{content:"";flex:0 0 10px;height:10px;border-radius:2px;border:1.5px solid var(--acento)}
.s-ar::before{background:var(--acento)}
.s-uso::before{background:linear-gradient(90deg,var(--acento) 50%,transparent 50%)}
.s-consulta::before{border-color:var(--suave)}

/* ---- hero ---- */
.hero{padding:40px 0 72px;overflow:hidden}
.hero-in{display:grid;gap:48px}
.hero h1{font-size:clamp(46px,12.5vw,92px);letter-spacing:-.045em;line-height:.98;max-width:9.5em}
.ponto{color:var(--acento)}
.lead{font-size:18px;line-height:1.6;color:var(--suave);margin:24px 0 0;max-width:34em}
.hero-mesa{position:relative;margin:0;padding-bottom:44px}
.folha{width:72%;margin-left:auto;border-radius:3px;background:#fff;box-shadow:var(--sombra-tela)}
.tela{border-radius:18px;box-shadow:var(--sombra-tela);background:var(--escuro)}
.tela-hero{position:absolute;left:0;bottom:44px;width:30%}
.nota{margin:14px 0 0;font-size:13px;color:var(--suave)}
.hero-mesa .nota{position:absolute;right:0;bottom:0;margin:0;text-align:right;max-width:66%}

@media(prefers-reduced-motion:no-preference){
  .folha{animation:pousa .9s var(--saida) both}
  .tela-hero{animation:pousa .9s .15s var(--saida) both}
  @keyframes pousa{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}

/* ---- seções ---- */
.sec{padding:72px 0}
.tit{font-size:clamp(34px,6.4vw,56px);max-width:16em}
.sub{color:var(--suave);font-size:17.5px;max-width:58ch;margin:18px 0 0}
.p-mini{font-size:14px;color:var(--suave);margin:14px 0 0;max-width:60ch}
.p-mini a{color:var(--acento);font-weight:600}

/* ---- índice dos produtos ---- */
.indice-sec{border-top:1px solid var(--linha);background:var(--branco)}
.indice{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid var(--txt)}
.indice li{border-bottom:1px solid var(--linha)}
.indice a{display:grid;gap:6px;padding:22px 0;text-decoration:none}
.i-nome{font-family:var(--titulo);font-weight:600;font-size:24px;letter-spacing:-.02em;line-height:1.15;transition:color .2s var(--saida)}
.i-frase{color:var(--suave)}
.indice a:hover .i-nome{color:var(--acento)}
.indice .status{margin-top:4px}
.telas-fig{margin:0}
.telas-fig .nota,.gestao-telas .nota{margin-top:0}

/* ---- produtos ---- */
.produto h3,.dupla h3{font-size:clamp(34px,7vw,52px);margin:0}
.p-frase{font-family:var(--titulo);font-weight:500;font-size:20px;letter-spacing:-.01em;line-height:1.3;color:var(--suave);margin:12px 0 0;max-width:22em}
.p-corpo>p:first-child,.p-intro{font-size:17px;margin:0;max-width:60ch}
.p-intro{margin-top:28px}
.f-corpo .p-intro{margin-top:0}
.p-nome{margin:14px 0 -8px;font-family:var(--titulo);font-weight:600;color:var(--suave)}
.lista{list-style:none;padding:0;margin:22px 0 0;max-width:60ch}
.lista li{position:relative;padding:10px 0 10px 22px;border-top:1px solid var(--linha);font-size:15.5px}
.lista li::before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;border-radius:1.5px;background:var(--txt)}
.p-limite{margin:22px 0 0;max-width:60ch;font-size:15px;background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:14px 16px;color:var(--suave)}
.p-limite b{color:var(--txt)}
.p-cab{display:grid;gap:32px}

.produto{border-top:1px solid var(--linha)}
.telas{display:grid;grid-auto-flow:column;grid-auto-columns:68%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:48px -16px 0;padding:0 16px 28px;scrollbar-width:thin}
.telas .tela{scroll-snap-align:start}

.gestao-in{display:grid;gap:48px}
.gestao-telas{position:relative;margin:0;padding-bottom:18%;order:2}
.gestao-telas .nota{position:absolute;left:0;bottom:0}
.gestao-telas .g1{width:62%}
.gestao-telas .g2{position:absolute;right:0;top:16%;width:54%}
.modulos{margin:32px 0 0;border-bottom:1px solid var(--linha)}
.modulos div{border-top:1px solid var(--linha);padding:14px 0;display:grid;gap:2px}
.modulos dt{font-family:var(--titulo);font-weight:600;font-size:17px;letter-spacing:-.01em}
.modulos dd{margin:4px 0 0;color:var(--suave);font-size:15.5px}

.dupla{border-top:1px solid var(--linha)}
.fidelidade{display:grid;gap:32px}
.f-corpo .lista{margin-top:0}
.f-corpo .lista li{font-size:16.5px;padding:12px 0 12px 22px}
.f-corpo .lista li::before{top:21px}
.assistente{margin-top:72px;padding-top:56px;border-top:1px solid var(--linha);display:grid;gap:28px 64px}
.assistente h3{font-size:clamp(30px,5.6vw,40px)}
.garantias{list-style:none;margin:24px 0 0;padding:0;counter-reset:g}
.garantias li{border-top:1px solid var(--linha);padding:12px 0;font-size:15.5px}

/* ---- história ---- */
.historia{background:var(--branco);border-top:1px solid var(--linha)}
.hist{display:grid;gap:48px}
.hist-txt p{color:var(--suave);font-size:17px;max-width:60ch;margin:18px 0 0}
.hist-txt .tit+p{margin-top:32px;color:var(--txt)}
.linha{list-style:none;margin:0;padding:0;border-top:1px solid var(--txt)}
.linha li{display:grid;grid-template-columns:7.5rem 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--linha)}
.linha time{font-family:var(--titulo);font-weight:600;font-size:20px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.35}
.linha p{margin:0;color:var(--suave)}
.linha li:last-child time{color:var(--acento)}

/* ---- contato ---- */
.contato-sec{border-top:1px solid var(--linha)}
.contato{display:grid;gap:36px}
.redes a{font-weight:700;color:var(--acento)}
.form{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:22px 18px}
.form label{display:block;font-weight:600;font-size:14.5px;margin:0 0 16px}
.form label small{font-weight:400;color:var(--suave)}
.form input,.form textarea,.form select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--linha-forte);border-radius:8px;font:inherit;font-size:16px;font-weight:400;background:#fff;color:var(--txt);transition:border-color .2s var(--saida),box-shadow .2s var(--saida)}
.form input::placeholder{color:#6B6B75}
.form input:hover,.form textarea:hover,.form select:hover{border-color:#9C9CA6}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-fundo)}
.form textarea{min-height:96px;resize:vertical}
.form .dica{color:var(--suave);font-size:14px;margin:-4px 0 12px}
.form .lgpd{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:13.5px;line-height:1.55;color:var(--suave);background:var(--fundo);border-radius:8px;padding:14px}
.form .lgpd b{color:var(--txt)}
.form .lgpd input{width:20px;height:20px;margin:1px 0 0;flex:0 0 20px}
.form .lgpd input:focus{box-shadow:none}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .erro{color:#B42318;font-weight:600;min-height:1.6em;margin:0 0 10px}
.form .btn{width:100%}

/* ---- rodapé ---- */
.rodape{background:var(--escuro);color:var(--suave-escuro);padding:48px 0 56px;font-size:14px}
.rodape-in{display:grid;gap:28px}
.rodape p{margin:14px 0 0}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rodape a{text-decoration:none;transition:color .2s var(--saida)}
.rodape ul a:hover{color:#fff}
.rodape :focus-visible{outline-color:var(--acento-claro)}

/* ---- telas maiores ---- */
@media(min-width:720px){
  .wrap{padding:0 32px}
  .menu a:not(.menu-cta){display:inline}
  .logo{height:30px}
  .linha2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .indice a{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:baseline;gap:24px;padding:26px 0}
  .indice .status{margin:0}
  .telas{grid-auto-flow:row;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:28px;overflow:visible;margin:72px 0 0;padding:0 0 24px}
  .telas .tela:nth-child(odd){margin-bottom:56px}
  .rodape-in{grid-template-columns:1fr auto}
  .form{padding:32px}
}
@media(min-width:1024px){
  .topo-in{height:64px}
  .hero{padding:72px 0 104px}
  .hero-in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center}
  .sec{padding:120px 0}
  .p-cab{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
  .gestao-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
  .gestao-telas{order:0;position:sticky;top:112px}
  .modulos div{grid-template-columns:13rem 1fr;gap:24px;padding:16px 0}
  .p-cab>div:first-child{position:sticky;top:112px}
  .f-cab h3{font-size:clamp(40px,5vw,64px)}
  .f-corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 64px;align-items:start}
  .f-corpo .acoes,.f-corpo .p-mini{grid-column:1}
  .f-corpo .lista{grid-column:2;grid-row:1 / span 3}
  .assistente{margin-top:112px;padding-top:72px;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .assistente .p-intro{margin-top:0}
  .hist{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:80px;align-items:start}
  .linha{margin-top:12px}
  .contato{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
  .form .btn{width:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.obrigado-tit{margin:48px 0 0}