/* Mídia MKT — identidade visual de novembro de 2026. */
:root{--paper:#041748;--ink:#fff;--muted:#bdc8e3;--orange:#ff8010;--yellow:#ffcf0a;--cyan:#00bbed;--blue:#0754f4;--magenta:#cc129c;--red:#ff0734;--line:#ffffff25;--green:#10265b;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--cyan)}
::selection{background:var(--yellow);color:var(--paper)}
h1,h2,h3{font-weight:750}h1,h2{letter-spacing:-.045em}
.header{height:112px;border-bottom-color:var(--line);gap:28px}
.brand{width:205px}.brand img{width:205px;height:auto;mix-blend-mode:normal}
.header nav{gap:25px}.header nav a{font-size:12px;font-weight:500}
.header nav a:hover,.text-link:hover,.service-body a:hover{color:var(--yellow)}
.header-cta{border-color:#ffffff55;border-radius:5px;white-space:nowrap;margin-left:0}
.header-cta:hover{background:var(--yellow);color:var(--paper);border-color:var(--yellow)}
.menu-toggle span{border-color:var(--ink)}
.hero{padding-top:72px;padding-bottom:76px;grid-template-columns:1.15fr 1fr;gap:40px;min-height:660px}
.hero h1{font-size:clamp(58px,5.5vw,80px);font-weight:800;line-height:1.01;letter-spacing:-.055em}
.highlight{color:var(--yellow)}.highlight:after{display:none}
.eyebrow{color:var(--cyan);letter-spacing:1.8px}.status-dot{background:var(--yellow)}
.hero-description{color:#d8e0f2;font-size:17px;line-height:1.65;max-width:400px}
.location{color:var(--muted)}.location span{color:var(--cyan)}
.button{border-radius:5px;font-weight:750}.dark{background:var(--yellow);color:var(--paper)}.dark:hover{background:#ffdf50;color:var(--paper)}
.brand-art{position:relative;min-height:460px;isolation:isolate;padding:40px 0 35px;align-items:flex-end;overflow:hidden}
.brand-art-caption{position:absolute;top:7px;left:5px;z-index:2;color:#bdc8e3;font-size:9px;letter-spacing:2px;line-height:1.5}
.brand-symbol{position:relative;z-index:1;width:100%;height:auto;display:block;margin-bottom:35px}

.brand-art-bottom{position:absolute;bottom:10px;left:5px;right:5px;font-size:9px;letter-spacing:1.6px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;color:#d7dff2}
.brand-art-bottom b{font-size:25px;color:var(--yellow);line-height:1}
.ribbon{background:var(--yellow);color:var(--paper);font-weight:750}
.section-intro>p,.service-body p,.showcase-note,.about-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.faq details p{color:var(--muted)}
.service-list{border-color:#ffffff65}.service-number{color:var(--cyan)}.service-plus{border-color:var(--line)}
.service[open] .service-plus{color:var(--paper)}.service:nth-child(2) .service-number{color:#ef63d0}.service:nth-child(3) .service-number{color:#ff647f}.service:nth-child(4) .service-number{color:var(--yellow)}
.tags span{border-color:#ffffff30;color:#d6def1}
.showcase{gap:20px}.showcase>div{border-radius:8px}.showcase-brand{background:#102b6b;color:#fff}.showcase-content{background:#be0c91;color:#fff}.showcase-digital{background:#10265b;color:#fff}
.brand-composition div:first-child{background:var(--cyan)}.brand-composition div:nth-child(2){background:var(--magenta)}.brand-composition div:nth-child(3){background:var(--blue)}.brand-composition div:nth-child(4){background:var(--orange)}
.web-composition{background:#041748;border-color:#ffffff40}.browser-dots{color:var(--muted);border-color:var(--line)}.web-content>span{background:var(--yellow);color:var(--paper)}.web-shape{background:var(--blue)}
.process{background:#09215c;color:#fff;border-block:1px solid var(--line)}.steps article{border-color:#ffffff35}.steps p{color:#bdc8e3}.circle-link{border-color:#ffffff55}.circle-link:hover{color:var(--paper)}
.about-art{background:#0b2259;border:1px solid var(--line);border-radius:8px;isolation:isolate;min-height:380px;padding:35px 25px 65px}

.about-symbol{width:100%;display:block}.about-stamp{color:#d6def1;bottom:24px}
.contact h2 span{color:var(--yellow);font-family:inherit;font-style:normal;font-weight:800}
.contact-phone span{color:var(--cyan)}.contact .email{border-color:#ffffff55}.email{overflow-wrap:anywhere}
input,select,textarea{border-color:#ffffff50;color:#fff;background:transparent}select option{color:#fff;background:#0c235b}input::placeholder,textarea::placeholder{color:#9eafd2}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}
#form-status{color:var(--cyan)}.form-note{color:var(--muted)}
footer{background:#021032;border-top:1px solid var(--line)}.footer-brand{width:200px;display:block}.footer-brand img{width:200px;height:auto;display:block}.footer-bottom{border-color:var(--line);color:var(--muted)}.footer-main>a:last-child{border-color:#ffffff65}
.floating-wa{background:var(--yellow);color:var(--paper);box-shadow:0 4px 20px #0005}.floating-wa:hover{background:var(--cyan);color:var(--paper)}
dialog{border-color:var(--line);background:#0b2155;color:#fff}dialog::backdrop{background:#010a23c9}.dialog-close{color:#fff}
.header nav a[aria-current="page"]{color:var(--yellow);border-color:var(--yellow)}
.story-hero h1>span{color:var(--yellow);font-family:inherit;font-style:normal;font-weight:750;white-space:normal;letter-spacing:-.045em}
.story-lead,.story-body article>p,.education-list p,.story-cta>p:not(.eyebrow),.agency-founder p{color:var(--muted)}
.founder-art{background:#0e2a6c;color:#fff;transform:none;border-radius:8px;border:1px solid var(--line)}.founder-top,.founder-signature{border-color:#ffffff30}.founder-star{color:var(--magenta);font-size:180px}.founder-initials{color:#fff}.founder-top span:last-child{color:var(--yellow)}
.story-facts strong{color:var(--yellow)}.story-facts span{color:var(--muted)}.story-symbol{color:var(--cyan)}
.story-education{background:#0b2259}.education-list>div{border-color:var(--line)}.education-list strong{color:#fff}
@media(min-width:801px) and (max-width:1100px){.header{padding-left:32px;padding-right:32px;gap:20px}.brand,.brand img{width:170px}.header nav{gap:17px}.header nav a{font-size:11px}.header-cta{font-size:11px;padding:12px;gap:14px}.hero{gap:24px}.hero h1{font-size:64px}.brand-art{min-height:400px}}
@media(max-width:800px){.header{height:90px;gap:14px}.brand,.brand img{width:175px}.header-cta{font-size:10px;padding:10px 12px;gap:12px}.header nav{top:89px;background:#071c50}.hero{min-height:0;padding-top:45px;padding-bottom:55px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:55px}.hero-description{font-size:15px}.brand-art{min-height:350px}.brand-art-caption,.brand-art-bottom{font-size:7px;letter-spacing:1px}.brand-symbol{margin-bottom:35px}.footer-brand,.footer-brand img{width:180px}.about-art{min-height:300px;padding-bottom:60px}}
@media(max-width:560px){.header{height:84px;padding:12px 20px}.brand,.brand img{width:155px}.header nav{top:83px}.header-cta{font-size:10px;gap:8px;padding:9px 10px}.header-cta span{font-size:17px}.menu-toggle{width:34px;padding:5px;flex-shrink:0}.hero{padding-top:39px;padding-bottom:37px;gap:30px}.hero h1{font-size:clamp(48px,12vw,65px);letter-spacing:-.055em;line-height:1.02}.hero-description{font-size:15px;max-width:335px}.hero .eyebrow{letter-spacing:1.1px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-art.brand-art{padding:38px 0 40px;min-height:340px;max-width:410px}.brand-symbol{width:94%;margin-bottom:7px}.brand-art-caption{top:8px;left:0;font-size:8px}.brand-art-bottom{left:0;right:0;bottom:0;font-size:8px;padding-top:14px}.about-art{min-height:310px;padding:40px 22px 65px}.footer-main{gap:25px}.footer-main p{margin-left:0}.footer-main>a:last-child{border-top-color:var(--line)}.footer-brand,.footer-brand img{width:180px}.story-hero .hero-art.brand-art{min-height:340px}.story-hero h1{font-weight:800}.story-hero h1>span{font-size:.77em;white-space:normal}.showcase>div{border-radius:7px}}
@media(max-width:360px){.brand,.brand img{width:132px}.header{gap:8px;padding-left:17px;padding-right:14px}.header-cta{font-size:9px;padding:9px}.hero h1{font-size:47px}.hero-art.brand-art{min-height:310px}.brand-art-caption,.brand-art-bottom{font-size:7px}.showcase strong{overflow-wrap:anywhere}}

/* Frase final sempre inteira na linha seguinte. */
.hero-copy{container-type:inline-size}
.hero h1 .highlight{display:block;white-space:nowrap;font-size:min(1em,15.5cqw)}