/* Iatec Soluções · experiência completa — fundação
   Família da Home: papel, tinta, verde de sistema, ouro de decisão.
   Gramática: traço = possibilidade / sob medida; material = o que existe ou foi construído. */

@font-face{font-family:"Bricolage Grotesque";src:url("../assets/fonts/bricolage-grotesque-display.woff2") format("woff2");font-weight:450 600;font-display:swap}
@font-face{font-family:Inter;src:url("../assets/fonts/inter-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --hdr:4.25rem;
  --cookie-h:0px;
  --strip-h:0px;
  --gx:1.25rem;
  --wrap:77.5rem;
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --display:"Bricolage Grotesque",Inter,ui-sans-serif,system-ui,sans-serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gold:#e5a82e;--gold-h:#f0bc4a;--gold-ink:#141008;--gold-soft:rgb(229 168 46/.2);
  --coral:#e9805f;
  --stage-h:calc(100vh - var(--hdr) - var(--cookie-h));
}
@media (min-width:64em){:root{--hdr:4.75rem;--gx:max(4.5rem,calc((100vw - var(--wrap)) / 2))}}

/* peles: cada seção declara a sua; o cabeçalho segue a seção que está sob ele */
[data-skin="papel"]{
  --bg:#ede5d7;--bg2:#e6dccb;--surf:#f6f1e7;--surf2:#fbf8f1;
  --fg:#12231c;--fg2:#34423c;--fg3:#4d5a53;
  --em:#0b6a50;--teal:#08534c;
  --rule:rgb(18 35 28/.13);--rule2:rgb(18 35 28/.32);--line:rgb(18 35 28/.5);
  --soft:rgb(11 106 80/.09);--glow:rgb(11 106 80/0);
  --shadow:0 1px 0 rgb(18 35 28/.05),0 24px 48px -28px rgb(18 35 28/.4);
}
[data-skin="noite"],[data-skin="nucleo"]{
  --bg:#061a14;--bg2:#082019;--surf:#0b261d;--surf2:#0f2e24;
  --fg:#f2efe6;--fg2:#c9d3cc;--fg3:#a3b3aa;
  --em:#8fe3c4;--teal:#5fd6c4;
  --rule:rgb(242 239 230/.11);--rule2:rgb(242 239 230/.3);--line:rgb(242 239 230/.46);
  --soft:rgb(95 214 196/.1);--glow:rgb(95 214 196/.16);
  --shadow:0 1px 0 rgb(255 255 255/.04) inset,0 36px 70px -34px rgb(0 0 0/.75);
}
[data-skin="nucleo"]{--bg:#030f0c;--bg2:#05140f;--surf:#081a14;--surf2:#0b221a}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + var(--strip-h) + .5rem);scroll-padding-bottom:calc(var(--cookie-h) + .75rem)}
html,body{margin:0}
body{background:#ede5d7;color:#12231c;font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
a,button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nw-w{margin:0!important;padding:0!important;border:0!important;background:none!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit!important}
.nw{display:inline!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit!important;white-space:nowrap}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--gold);color:var(--gold-ink);padding:.6rem 1rem;border-radius:999px;font-weight:600;text-decoration:none}
.skip:focus{top:1rem}
::selection{background:var(--gold);color:var(--gold-ink)}

/* ---------- cabeçalho real (Home, pele clara / escura) ---------- */
.site-header{--hfg:#12231c;--hfg2:#34423c;--hsurf:#f6f1e7;--hline:rgb(18 35 28/.22);
  position:sticky;top:0;z-index:60;height:var(--hdr);color:var(--hfg);
  background:rgb(240 234 222/.9);border-bottom:1px solid rgb(18 35 28/.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html[data-skin="noite"] .site-header,html[data-skin="nucleo"] .site-header{--hfg:#f2efe6;--hfg2:#c9d3cc;--hsurf:#0a231b;--hline:rgb(242 239 230/.2);
  background:rgb(6 26 20/.92);border-bottom-color:rgb(242 239 230/.1)}
.bar{height:100%;max-width:80rem;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.62rem;flex:none;font-weight:700;letter-spacing:-.015em;font-size:1rem;text-decoration:none}
.brand img{width:2rem;height:2rem}
.nav{display:none;align-items:center;gap:1.15rem;margin-left:.75rem}
.nav a,.nav button{position:relative;background:none;border:0;padding:0 0 .15rem;text-decoration:none;font-size:.875rem;font-weight:500;color:var(--hfg2)}
.nav button{display:inline-flex;align-items:center;gap:.3rem}
.nav [aria-current="page"]{color:var(--hfg)}
.nav [aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:1px;background:var(--gold)}
.actions{display:none;align-items:center;gap:.65rem;margin-left:auto}
.locale{display:inline-flex;align-items:center;gap:.15rem;min-height:2.5rem;padding:.12rem .28rem .12rem .5rem;border-radius:999px;background:var(--hsurf);border:1px solid var(--hline)}
.locale svg{color:var(--hfg2);margin-right:.1rem}
.locale button{border:0;background:transparent;min-height:2rem;padding:0 .5rem;border-radius:999px;font-size:.72rem;font-weight:500;letter-spacing:.04em;color:var(--hfg2)}
.locale button[aria-current="true"]{background:var(--gold);color:var(--gold-ink)}
.login{background:none;border:0;font-size:.875rem;font-weight:500;color:var(--hfg2);padding:0 .35rem}
.btn-free{min-height:2.5rem;padding:0 .95rem;border:0;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:.875rem;font-weight:500;box-shadow:0 6px 16px -6px rgb(229 168 46/.45)}
.menu-btn{margin-left:auto;border:0;background:transparent;padding:.45rem;border-radius:.5rem;color:var(--hfg);display:grid;place-items:center}
@media (min-width:73.75em){.brand{font-size:1.125rem}.brand img{width:2.25rem;height:2.25rem}.nav,.actions{display:flex}.menu-btn{display:none}}

/* ---------- estrutura ---------- */
.sec{position:relative;isolation:isolate;background:var(--bg);color:var(--fg)}
.sec[data-skin="papel"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.07 0 0 0 0 0.12 0 0 0 0 0.1 0 0 0 0.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{padding-inline:var(--gx)}
.chapter{padding-block:clamp(5rem,11vw,9rem)}

/* cabeça de capítulo */
.ch-label{display:flex;align-items:center;gap:.7rem;margin:0 0 1.4rem;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--em)}
.ch-label b{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.ch-label::before{content:"";width:2.25rem;height:1px;background:currentColor;opacity:.6;order:1}
.ch-label span{order:2}
.ch-h{margin:0;font-family:var(--display);font-weight:520;font-size:clamp(2.15rem,4.1vw,3.7rem);line-height:1.02;letter-spacing:-.034em;max-width:19ch;text-wrap:balance}
.ch-lede{margin:1.35rem 0 0;max-width:37rem;font-size:clamp(1.0625rem,1.25vw,1.1875rem);line-height:1.55;color:var(--fg2)}
.ch-head{max-width:46rem}

/* tipografia utilitária */
.cap{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.mute{color:var(--fg3)}
.lnk{color:var(--fg);font-weight:600;text-decoration:underline;text-decoration-color:var(--rule2);text-underline-offset:.22em;text-decoration-thickness:1px;transition:text-decoration-color .2s var(--ease)}
.lnk:hover{text-decoration-color:currentColor}

/* ações */
.btn-gold,.btn-quiet,.btn-line{min-height:3rem;padding:0 1.3rem;border-radius:999px;font-size:.9375rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;white-space:nowrap;
  transition:transform .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
.btn-gold{border:0;background:var(--gold);color:var(--gold-ink);font-weight:600;box-shadow:0 10px 22px -10px rgb(229 168 46/.7)}
.btn-gold:active,.btn-line:active{transform:translateY(1px)}
.btn-quiet{background:transparent;border:0;color:var(--fg);font-weight:500;padding-inline:.4rem;text-decoration:underline;text-decoration-color:var(--rule2);text-underline-offset:.3em}
.btn-line{background:transparent;border:1px solid var(--rule2);color:var(--fg);font-weight:500}
.arrow{display:inline-block;transition:transform .42s var(--ease)}
@media (hover:hover) and (pointer:fine){
  .btn-gold:hover{background:var(--gold-h);transform:translateY(-1px)}
  .btn-gold:hover .arrow,.btn-line:hover .arrow{transform:translateX(3px)}
  .btn-quiet:hover{text-decoration-color:currentColor}
  .btn-line:hover{border-color:var(--fg)}
}

/* naturezas: o leitor sabe sempre o que existe e o que é possibilidade */
.nat{display:inline-flex;align-items:center;gap:.45rem;font-size:.6875rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--fg3);white-space:nowrap}
.nat::before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--em)}
.nat-serv::before{background:transparent;border:1.5px solid var(--em)}
.nat-made::before{background:transparent;border:1.5px dashed var(--em)}
.nat-ilus::before{border-radius:1px;background:transparent;border:1.5px solid var(--fg3);transform:rotate(45deg) scale(.85)}
.nat-case{color:var(--em)}
.nat-case::before{width:.7rem;height:.7rem;background:none;border-radius:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4l2.6 2.4L10 3.2' fill='none' stroke='%230b6a50' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain}
[data-skin="noite"] .nat-case::before,[data-skin="nucleo"] .nat-case::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4l2.6 2.4L10 3.2' fill='none' stroke='%238fe3c4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* ofertas: linha de produto/serviço com natureza e destino */
.offers{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1.25rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--rule)}
.offer h4{margin:0;font-size:1.0625rem;font-weight:650;letter-spacing:-.01em}
.offer p{margin:0;grid-column:1;color:var(--fg2);font-size:.9375rem;line-height:1.5}
.offer .nat{grid-column:2;grid-row:1}
.offer .go{grid-column:2;grid-row:2;justify-self:end;font-size:.875rem;white-space:nowrap}
@media (max-width:29.99em){.offer p{grid-column:1/-1}.offer .go{grid-column:1/-1;grid-row:auto;justify-self:start;margin-top:.2rem}}

/* ---------- navegação por capítulos ---------- */
.rail{position:fixed;z-index:40;left:1.1rem;top:50%;transform:translateY(-50%);display:none;opacity:0;visibility:hidden;transition:opacity .42s var(--ease),visibility .42s}
.rail.on{opacity:1;visibility:visible}
.rail ol{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.rail a{--c:var(--rail-fg2);display:flex;align-items:center;gap:.55rem;height:1.55rem;text-decoration:none;color:var(--c)}
.rail .tk{width:.75rem;height:1.5px;border-radius:1px;background:currentColor;transition:width .42s var(--ease)}
.rail .n{font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.rail .t{font-size:.75rem;font-weight:500;padding:.12rem .5rem;border-radius:999px;background:var(--rail-bg);color:var(--rail-fg);white-space:nowrap;opacity:0;transform:translateX(-.25rem);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none}
.rail a[aria-current="true"]{--c:var(--rail-fg)}
.rail a[aria-current="true"] .tk{width:1.5rem}
.rail:hover .t,.rail:focus-within .t{opacity:1;transform:none}
html{--rail-fg:#12231c;--rail-fg2:rgb(18 35 28/.45);--rail-bg:rgb(246 241 231/.96)}
html[data-skin="noite"],html[data-skin="nucleo"]{--rail-fg:#f2efe6;--rail-fg2:rgb(242 239 230/.42);--rail-bg:rgb(10 35 27/.96)}
@media (min-width:64em){.rail{display:block}}

/* faixa de capítulo no celular */
.mstrip{position:fixed;z-index:55;left:0;right:0;top:var(--hdr);height:2.5rem;display:flex;align-items:center;gap:.75rem;padding:0 var(--gx);
  background:var(--strip-bg);color:var(--strip-fg);border-bottom:1px solid var(--strip-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transform:translateY(-110%);visibility:hidden;transition:transform .42s var(--ease),visibility .42s}
.mstrip.on{transform:none;visibility:visible}
html{--strip-bg:rgb(240 234 222/.94);--strip-fg:#12231c;--strip-line:rgb(18 35 28/.1)}
html[data-skin="noite"],html[data-skin="nucleo"]{--strip-bg:rgb(6 26 20/.94);--strip-fg:#f2efe6;--strip-line:rgb(242 239 230/.1)}
.mstrip button{flex:1;display:flex;align-items:center;gap:.6rem;min-height:2.5rem;padding:0;border:0;background:none;text-align:left}
.mstrip .n{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.7}
.mstrip .t{font-size:.875rem;font-weight:600}
.mstrip .all{margin-left:auto;font-size:.75rem;font-weight:500;opacity:.75;display:inline-flex;align-items:center;gap:.3rem}
.mstrip .all svg{transition:transform .3s var(--ease)}
.mstrip button[aria-expanded="true"] .all svg{transform:rotate(180deg)}
.mstrip .prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--strip-fg);opacity:.55}
.msheet{position:fixed;z-index:54;left:0;right:0;top:calc(var(--hdr) + 2.5rem);padding:.5rem var(--gx) 1rem;background:var(--strip-bg);color:var(--strip-fg);border-bottom:1px solid var(--strip-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.msheet ol{list-style:none;margin:0;padding:0;display:grid}
.msheet a{display:flex;gap:.75rem;align-items:baseline;min-height:2.75rem;padding:.55rem 0;border-bottom:1px solid var(--strip-line);text-decoration:none;font-weight:500}
.msheet a .n{font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.65;width:1.5rem}
.msheet a[aria-current="true"]{font-weight:700}
@media (min-width:64em){.mstrip,.msheet{display:none!important}}

/* ---------- WhatsApp (réplica do site: some quando cobriria conteúdo) ---------- */
.wa{position:fixed;z-index:50;right:max(1.5rem,env(safe-area-inset-right));bottom:max(1.5rem,env(safe-area-inset-bottom),calc(var(--cookie-h) + .75rem));
  width:3.5rem;height:3.5rem;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 30px rgb(37 211 102/.45);
  transition:opacity .2s,visibility .2s,transform .2s,bottom .2s}
.wa svg{width:1.75rem;height:1.75rem;fill:#fff}
.wa[data-blocked]{opacity:0;visibility:hidden}
html:not(.js) .wa{display:none}
@media (hover:hover) and (pointer:fine){.wa:hover{transform:scale(1.05)}}
@media (max-width:39.99em){.wa{width:3rem;height:3rem;right:max(.75rem,env(safe-area-inset-right))}.wa svg{width:1.25rem;height:1.25rem}}

/* ---------- cookies (réplica do componente real) ---------- */
.cookie-bar{position:fixed;inset:auto 0 0 0;z-index:80;background:color-mix(in srgb,#f6f1e7 96%,transparent);color:#12231c;
  border-top:1px solid color-mix(in srgb,#e5a82e 40%,rgb(18 35 28/.14));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom);
  animation:cookie-up .32s ease-out both}
@keyframes cookie-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cookie-in{max-width:80rem;margin:0 auto;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}
.cookie-in p{margin:0;font-size:.875rem;line-height:1.35}
.cookie-in a{text-decoration:underline;text-decoration-color:#e5a82e;text-underline-offset:2px}
.cookie-in .b{display:flex;gap:.5rem;flex:none}
.cookie-in button{min-height:2.75rem;min-width:6.5rem;padding:0 1.25rem;border-radius:999px;font-size:.875rem;font-weight:600}
.cookie-in .no{background:transparent;border:1px solid rgb(18 35 28/.32)}
.cookie-in .yes{background:#e5a82e;border:0;color:#141008}
@media (min-width:40em){.cookie-in{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}

/* ---------- aviso do protótipo (links que, publicados, abrem rotas reais) ---------- */
.toast{position:fixed;z-index:90;left:50%;bottom:calc(var(--cookie-h) + 1.25rem);transform:translate(-50%,1rem);max-width:min(34rem,calc(100vw - 2rem));
  padding:.75rem 1rem;border-radius:.9rem;background:#12231c;color:#f2efe6;font-size:.875rem;line-height:1.4;box-shadow:0 20px 40px -20px rgb(0 0 0/.6);
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
.toast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:#f0bc4a}

/* ---------- rodapé ---------- */
.site-footer{background:#e6dccb;color:#12231c;padding:3.5rem var(--gx) 2.5rem;border-top:1px solid rgb(18 35 28/.1)}
.ft-top{display:grid;gap:2rem}
.ft-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.0625rem}
.ft-brand img{width:2rem;height:2rem}
.ft-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.ft-cols h2{margin:0 0 .6rem;font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#4d5a53}
.ft-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.9375rem}
.ft-cols a{text-decoration:none;color:#34423c}
.ft-cols a:hover{color:#12231c;text-decoration:underline;text-underline-offset:3px}
.ft-legal{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgb(18 35 28/.12);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.8125rem;color:#4d5a53}
@media (min-width:64em){.ft-top{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.ft-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* movimento reduzido: estados finais por corte */
html.rm *,html.rm *::before,html.rm *::after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}