/*
Theme Name: HumanitasTech 2026
Theme URI: https://humanitastech.com
Author: HumanitasTech
Description: Tema institucional responsivo da HumanitasTech, inspirado em A Escola de Atenas.
Version: 2.4.0
Text Domain: humanitastech
*/

:root{--ink:#090a08;--paper:#f4f4ee;--acid:#c8ff00;--magenta:#ff2baa;--line:rgba(244,244,238,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif;overflow-x:hidden}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-100px;z-index:10000;background:var(--acid);color:var(--ink);padding:.8rem 1rem}.skip-link:focus{top:1rem}.wrap{width:min(1460px,calc(100% - 64px));margin:auto}
.site-header{height:84px;position:sticky;top:0;z-index:100;background:rgba(9,10,8,.94);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.25rem,5vw,6rem);backdrop-filter:blur(14px)}.brand{font-family:"Arial Narrow",Impact,sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:-.06em}.brand span{color:var(--acid)}.site-nav{display:flex;gap:2rem;font:900 .7rem/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.site-nav a:hover{color:var(--acid)}.header-cta{justify-self:end;border-bottom:2px solid var(--acid);padding:.5rem 0;font-size:.72rem;font-weight:900;text-transform:uppercase}.menu-toggle{display:none;background:none;border:1px solid var(--paper);color:var(--paper);padding:.6rem .8rem;font-weight:900;text-transform:uppercase}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:4vw;padding:clamp(4rem,7vw,8rem) clamp(1.25rem,5vw,6rem);align-items:center}.eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow::before{content:"";width:28px;height:6px;background:var(--magenta)}h1{margin:1.7rem 0 2rem;font:900 clamp(3.5rem,6.25vw,7.7rem)/.82 "Arial Narrow","Roboto Condensed",Impact,sans-serif;letter-spacing:-.075em;text-transform:uppercase}.outline{color:transparent;-webkit-text-stroke:2px var(--paper)}h1 strong{color:var(--acid);font-weight:900}.hero-support{margin-left:18%;max-width:650px;border-left:1px solid var(--acid);padding-left:1.5rem}.hero-support p{font-size:1.05rem;line-height:1.6;color:#d0d0ca}.actions{display:flex;gap:.8rem;margin-top:1.7rem}.button{min-height:52px;padding:0 1.4rem;border:2px solid var(--paper);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.button.primary{background:var(--acid);border-color:var(--acid);color:var(--ink)}.button:hover{box-shadow:5px 5px 0 var(--magenta);transform:translate(-3px,-3px)}
.hero-collage{height:650px;position:relative}.crop{position:absolute;overflow:hidden;background-image:url('https://humanitastech.com/wp-content/uploads/2026/08/escola-de-atenas-digital.png');background-repeat:no-repeat;filter:grayscale(1) contrast(1.18);border:1px solid rgba(244,244,238,.45);box-shadow:14px 14px 0 var(--acid)}.crop::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 42%,rgba(200,255,0,.2));mix-blend-mode:screen}.crop span{position:absolute;z-index:2;bottom:0;left:0;background:var(--ink);padding:.5rem;color:var(--acid);font-size:.58rem;font-weight:900;text-transform:uppercase}.crop-center{width:64%;height:71%;right:2%;top:6%;background-size:360% auto;background-position:50% 17%;clip-path:polygon(7% 0,100% 5%,93% 100%,0 88%)}.crop-left{width:47%;height:43%;left:0;bottom:3%;background-size:410% auto;background-position:15% 75%;transform:rotate(-4deg)}.crop-right{width:38%;height:35%;right:0;bottom:0;background-size:470% auto;background-position:86% 78%;transform:rotate(4deg);border:7px solid var(--paper)}.image-note{position:absolute;right:-1rem;top:48%;writing-mode:vertical-rl;font-size:.55rem;letter-spacing:.15em}
.signal{background:var(--acid);color:var(--ink);min-height:54px;display:flex;align-items:center;justify-content:center;gap:2rem;transform:rotate(-.6deg);width:102%;margin-left:-1%;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.signal span{color:var(--magenta)}
.services{background:var(--paper);color:var(--ink);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,6rem)}.section-heading{display:grid;grid-template-columns:.55fr 1.3fr .75fr;gap:3rem;align-items:end;padding-bottom:2rem;border-bottom:4px solid var(--ink)}.section-code{font:900 .68rem/1.4 monospace;letter-spacing:.1em;text-transform:uppercase}.section-heading h2,.observatory h2,.method h2,.contact h2{margin:0;font:900 clamp(3rem,6vw,6.8rem)/.86 "Arial Narrow",Impact,sans-serif;letter-spacing:-.065em;text-transform:uppercase}.section-heading>p:last-child{line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-item{min-height:330px;padding:1.5rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.service-item:nth-child(even){background:var(--ink);color:var(--paper)}.service-item h3{font:900 clamp(1.55rem,2.2vw,2.5rem)/.95 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;margin:4rem 0 1.2rem}.service-item p{line-height:1.55}.service-item a{display:inline-block;margin-top:1rem;border-bottom:3px solid var(--acid);font-weight:900;font-size:.7rem;text-transform:uppercase}
.observatory{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.observatory-art{position:relative;overflow:hidden;background:var(--acid)}.original-fragment{position:absolute;inset:9% 12% 5% 6%;background:url('https://humanitastech.com/wp-content/uploads/2026/08/escola-de-atenas-digital.png') 47% 87%/225% auto no-repeat;filter:grayscale(1) contrast(1.25);clip-path:polygon(4% 6%,94% 0,100% 88%,18% 100%)}.observatory-copy{padding:clamp(4rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.observatory-copy .section-code,.text-link{color:var(--acid)}.observatory-copy p{line-height:1.7;max-width:650px}.observatory-copy ul{list-style:none;padding:0;border-top:1px solid var(--line)}.observatory-copy li{padding:1rem 0;border-bottom:1px solid var(--line);font:700 .78rem monospace;text-transform:uppercase}.text-link{align-self:flex-start;border-bottom:1px solid var(--acid);padding-bottom:.4rem;font-size:.72rem;font-weight:900;text-transform:uppercase}
.method{background:var(--acid);color:var(--ink);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,6rem);display:grid;grid-template-columns:.4fr 1.3fr .8fr;gap:4rem}.method p{line-height:1.7}.method ol{list-style:none;padding:0;margin:0}.method li{padding:1rem 0;border-bottom:1px solid rgba(9,10,8,.45);font-weight:900;text-transform:uppercase}.method li span{display:inline-block;width:3rem;font:700 .65rem monospace}.contact{text-align:center;padding:clamp(5rem,10vw,10rem) 1.25rem}.contact .section-code{color:var(--acid)}.contact>p:not(.section-code){max-width:650px;margin:2rem auto;line-height:1.7}footer{border-top:1px solid var(--line);padding:2rem clamp(1.25rem,5vw,6rem);display:flex;justify-content:space-between;align-items:center;font-size:.7rem;text-transform:uppercase}
:root{--type-micro:clamp(.62rem,.58rem + .14vw,.72rem);--type-label:clamp(.7rem,.65rem + .16vw,.82rem);--type-body:clamp(.95rem,.88rem + .28vw,1.1rem);--type-brand:clamp(1.3rem,1.12rem + .55vw,1.75rem);--type-card:clamp(1.5rem,1.12rem + 1.15vw,2.2rem);--type-section:clamp(2.8rem,1.85rem + 3vw,5.5rem);--type-display:clamp(3rem,2.05rem + 4.15vw,5.9rem)}
body{font-size:var(--type-body);line-height:1.55}.brand{font-size:var(--type-brand)}.site-nav,.header-cta,.button,.service-item a,.text-link{font-size:var(--type-label)}.eyebrow,.section-code,.image-note,footer{font-size:var(--type-micro)}h1{font-size:var(--type-display)}.hero-support p,.section-heading>p:last-child,.service-item p,.observatory-copy p,.method p,.contact>p:not(.section-code){font-size:var(--type-body)}.section-heading h2,.observatory h2,.method h2,.contact h2{font-size:var(--type-section)}.service-item h3{font-size:var(--type-card)}.signal,.observatory-copy li,.method li{font-size:var(--type-label)}
@media(min-width:1101px){.hero{min-height:calc(100svh - 180px);padding-top:clamp(2.25rem,4vh,3rem);padding-bottom:clamp(2.25rem,4vh,3rem)}h1{font-size:var(--type-display);margin:.8rem 0 1rem}.hero-support{margin-left:8%}.hero-support p{margin-top:0;line-height:1.5}.actions{margin-top:.9rem}.hero-collage{height:min(520px,calc(100svh - 220px))}}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-collage{width:min(700px,100%);justify-self:center}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.service-grid{grid-template-columns:1fr 1fr}.observatory{grid-template-columns:1fr}.observatory-art{min-height:600px}.method{grid-template-columns:1fr 2fr}.method ol{grid-column:2}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:72px}.site-nav,.header-cta{display:none}.menu-toggle{display:block}.site-nav.is-open{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--ink);padding:1.5rem;flex-direction:column;border-bottom:1px solid var(--line)}.hero{padding-top:4rem}.hero-support{margin-left:0}.actions{flex-direction:column}.hero-collage{height:440px}.section-heading,.method{grid-template-columns:1fr}.section-heading>p:last-child,.method ol{grid-column:1}.service-grid{grid-template-columns:1fr}.service-item{border-right:0;min-height:250px}.observatory-art{min-height:450px}.signal{font-size:.65rem;gap:.7rem;padding:.5rem}.signal p:nth-of-type(3){display:none}footer{flex-direction:column;gap:1rem;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.construction-status{grid-column:3;justify-self:end;color:var(--acid);font:900 var(--type-label)/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--acid);padding:.55rem 0}.construction-page{min-height:calc(100svh - 84px);display:flex;flex-direction:column}.construction-hero{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:6vw;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,6vw,7rem)}.construction-copy{max-width:980px}.construction-copy h1{margin:1.2rem 0 1.8rem;font-size:clamp(4rem,7.2vw,8.5rem);line-height:.8}.construction-copy h1 strong{color:var(--acid)}.construction-lead{max-width:760px;border-left:1px solid var(--acid);padding-left:1.5rem;font-size:var(--type-body);line-height:1.65;color:#d0d0ca}.construction-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}.construction-meta span{border:1px solid var(--line);padding:.55rem .7rem;font:900 var(--type-micro)/1 monospace;letter-spacing:.06em;text-transform:uppercase}.construction-mark{justify-self:center;width:min(430px,100%);aspect-ratio:1;position:relative;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;padding:12%;transform:rotate(2deg);box-shadow:18px 18px 0 var(--acid)}.construction-mark::before{content:"";position:absolute;inset:8%;border:1px solid var(--magenta);transform:rotate(-5deg)}.construction-mark span,.construction-mark strong{position:relative;font:900 clamp(4rem,7vw,7rem)/.72 "Arial Narrow",Impact,sans-serif;letter-spacing:-.07em}.construction-mark strong{color:var(--acid)}.construction-mark i{position:absolute;right:8%;bottom:7%;font:900 var(--type-label)/1 monospace;color:var(--magenta);font-style:normal}.construction-signal{min-height:64px;background:var(--acid);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:2rem;padding:.75rem 1.5rem;font:900 var(--type-label)/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.construction-signal span{color:var(--magenta)}
.construction-tools{grid-column:3;justify-self:end;display:flex;align-items:center;gap:1.3rem}.construction-tools .construction-status{grid-column:auto}.language-switcher{display:flex;gap:.35rem;font:900 var(--type-label)/1 Arial,sans-serif}.language-switcher a{padding:.55rem .25rem;border-bottom:2px solid transparent;color:#a8a8a3}.language-switcher a:hover,.language-switcher a[aria-current="page"]{color:var(--paper);border-color:var(--magenta)}
@media(max-width:900px){.construction-tools{grid-column:2;gap:.8rem}.construction-status{display:none}.construction-hero{grid-template-columns:1fr;padding-top:4rem}.construction-copy h1{font-size:clamp(3.5rem,15vw,6rem)}.construction-mark{width:min(330px,82%);margin:1rem auto 2rem}.construction-signal{font-size:var(--type-micro);gap:.65rem;flex-wrap:wrap;text-align:center}}