:root{--red:#e5232d;--ink:#191919;--paper:#f7f7f5;--line:#dcdcd9;--muted:#747470}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e5232d;outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:1440px;margin:auto}.header{height:104px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.logo{width:140px;height:auto;display:block}.header nav{display:flex;gap:34px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--red)}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;background:var(--red);color:white;border:0;border-radius:50px;padding:20px 26px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#be1721;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.button.small{padding:14px 21px;gap:24px}.menu{display:none}.hero{padding-top:62px;padding-bottom:52px}.eyebrow,.section-label{font-size:12px;letter-spacing:1.4px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px}.red-line{height:2px;width:26px;background:var(--red)}h1{font-size:clamp(64px,7.8vw,120px);font-weight:500;letter-spacing:-.067em;line-height:1.04;margin:34px 0 40px;position:relative;max-width:1050px}.accent{color:var(--red)}.hero-arrow{font-size:1.5em;position:absolute;right:2%;bottom:-.05em;font-weight:400;color:var(--red);line-height:1}.hero-bottom{display:flex;align-items:center;gap:45px}.hero-bottom p{font-size:16px;line-height:1.7;margin:0;color:#5a5a57}.scroll-link{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:1px;white-space:nowrap}.scroll-link span{font-size:24px}.work-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:0 16px}.work-preview{height:410px;position:relative;overflow:hidden;border-radius:8px;isolation:isolate}.work-preview img{width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)!important}.work-preview:hover img{transform:scale(1.025)}.preview-label,.preview-category{position:absolute;z-index:1;left:24px;right:24px;color:white;text-shadow:0 1px 10px #0008}.preview-label{display:flex;justify-content:space-between;top:22px;font-size:14px;font-weight:600}.preview-category{bottom:20px;font-size:10px;letter-spacing:1px}.work-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0003,transparent 30%,transparent 75%,#0005)}.orange{background:#f98420}.blue{background:#bdd0f3}.green{background:#066945}.section{padding-top:110px;padding-bottom:105px}.section-label{display:flex;justify-content:space-between;gap:24px;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:55px}h2{font-size:clamp(36px,4vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.15;margin:0}.muted{color:#8a8a85}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.split p{max-width:515px;font-size:16px;line-height:1.85;color:#686864;margin:0 0 22px}.split p.large{font-size:24px;color:var(--ink);line-height:1.55}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding:10px 0}.text-link span{font-size:21px}.about-foot{display:flex;align-items:center;justify-content:space-between;margin-top:65px;border-top:1px solid var(--line);padding-top:30px}.about-foot strong{font-size:64px;letter-spacing:-4px;font-weight:500;display:flex;align-items:center;gap:4px}.about-foot strong>span{color:var(--red)}.about-foot small{font-size:14px;letter-spacing:0;font-weight:400;max-width:120px;margin-left:25px;line-height:1.6}.about-foot p{font-size:14px;color:#666;line-height:1.7}.about-word{font-size:25px;letter-spacing:-1px}.services{background:#ededeb}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:55px}.section-heading p{font-size:16px;line-height:1.7;color:#70706b}.service-list>a{display:grid;grid-template-columns:55px 1.3fr 1fr 56px;align-items:center;gap:24px;border-top:1px solid #d0d0cc;padding:28px 0;transition:color .2s}.service-list>a:last-child{border-bottom:1px solid #d0d0cc}.service-list>a:hover{color:var(--red)}.number{font-size:12px;color:#70706b}h3{font-size:26px;letter-spacing:-1px;font-weight:500;margin:0}.service-list p{font-size:14px;line-height:1.7;color:#777771}.circle{border:1px solid #b7b7b1;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:25px}.more-services{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;font-size:12px}.more-services>span{color:#777}.more-services a:hover{text-decoration:underline}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-image{border-radius:8px;aspect-ratio:1.2;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)!important}.project:hover img{transform:scale(1.025)}.project-open{position:absolute;right:22px;bottom:22px;width:48px;height:48px;background:white;border-radius:50%;display:grid;place-items:center;font-size:26px}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0}.project-caption h3{font-size:23px}.project-caption>span{font-size:12px;color:#777}.other-projects{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);margin-top:30px;padding-top:28px;font-size:13px}.other-projects>span{font-size:10px;color:#777;letter-spacing:1px;margin-right:auto}.clients{padding-bottom:100px}.client-names{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 0 60px;color:#555;flex-wrap:wrap}.client-names>span{font-size:25px;font-weight:800;letter-spacing:-1px}.client-names>span:nth-child(3){font-family:Georgia,serif;font-size:22px}.client-names small{font-size:11px;letter-spacing:3px}.testimonial{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding-top:60px}.quote-mark{font:100px Georgia;color:var(--red);line-height:.8}.testimonial>div>p{font-size:12px;letter-spacing:1px;line-height:1.6}.testimonial blockquote{font-size:34px;letter-spacing:-1px;line-height:1.5;margin:0 0 30px}.testimonial>div:last-child>p{letter-spacing:0;color:#777;font-size:14px;line-height:1.9}.testimonial strong{color:var(--ink)}.contact{background:#292929;color:white}.contact .section-label{border-color:#ffffff4d}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.contact h2{font-size:clamp(46px,5vw,76px)}.contact h2 em{font-weight:400;font-family:Georgia,serif}.contact p{font-size:16px;line-height:1.75;color:#dedede;margin:28px 0}.contact-grid>div>a{display:block;font-size:16px;margin-bottom:10px}.contact-grid>div>.contact-phone{font-size:25px;margin-top:38px}.contact form{padding-top:5px}.contact label{display:block;font-size:13px}.contact input,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff70;background:transparent;border-radius:0;color:white;font-size:15px;padding:14px 0;resize:vertical;margin-bottom:30px}.contact input::placeholder,.contact textarea::placeholder{color:#c9c9c9}.contact input:focus,.contact textarea:focus{outline:none;box-shadow:none;border-bottom-color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact .form-note{font-size:12px;line-height:1.7;margin:0 0 25px}.button.light{background:white;color:var(--ink);width:100%}.button.light:hover{background:#e9e9e9}footer{padding-top:55px}.footer-top{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px;padding-bottom:45px;align-items:start}.footer-top img{width:135px;height:auto}.footer-top p{font-size:13px;line-height:1.9;color:#777;margin:0}.footer-top>div{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;justify-content:flex-end}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0;font-size:11px;color:#777}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero-arrow{right:-20%}.work-preview{height:480px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header{padding:0 24px;gap:18px}.header nav{gap:18px}.header .logo{width:110px}.hero-bottom{gap:25px}.scroll-link{display:none}.work-preview{height:320px}.preview-label,.preview-category{left:16px;right:16px}.contact-grid{gap:50px}.service-list>a{grid-template-columns:30px 1.3fr 1fr 48px;gap:15px}.service-list h3{font-size:22px}.about-word{display:none}}@media(max-width:700px){.header{height:82px}.header>.button{margin-left:auto;font-size:12px;padding:12px 16px;gap:12px}.menu{display:block;background:none;border:0;font-size:23px;padding:5px}.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);z-index:5;padding:26px;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:24px}.hero{padding-top:40px;padding-bottom:35px}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:clamp(48px,11.3vw,79px);margin:30px 0;line-height:1.08}.hero-arrow{right:0;font-size:1.25em}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .button{margin-top:25px}.work-strip{grid-template-columns:1fr 1fr;padding:0 12px;gap:10px}.work-preview{height:260px}.work-preview:last-child{display:none}.preview-label{font-size:11px;top:14px}.preview-category{font-size:8px;bottom:13px}.section{padding:70px 0}.section-label{font-size:10px;letter-spacing:.8px;margin-bottom:36px;padding-bottom:22px}.section-label>span:last-child{display:none}.split{grid-template-columns:1fr;gap:28px}.split p.large{font-size:21px}.split p{font-size:15px}.about-foot{margin-top:35px;gap:20px}.about-foot strong{font-size:55px}.about-foot small{font-size:12px;margin-left:8px}.about-foot p{font-size:12px}.section-heading{display:block;margin-bottom:30px}.section-heading p{font-size:14px;margin-top:20px}.service-list>a{grid-template-columns:25px 1fr 40px;gap:10px;padding:24px 0}.service-list h3{font-size:21px}.service-list p{grid-column:2;grid-row:2;margin:0;font-size:13px}.service-list .circle{grid-column:3;grid-row:1 / 3;width:36px;height:36px;font-size:21px}.more-services{gap:18px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:25px}.project-caption h3{font-size:22px}.other-projects{gap:19px}.other-projects>span{width:100%}.clients{padding-bottom:70px}.client-names{justify-content:center;gap:30px;padding-bottom:38px}.client-names>span{font-size:22px}.testimonial{grid-template-columns:1fr;gap:15px;padding-top:36px}.testimonial>div:first-child{display:flex;align-items:center;gap:20px}.testimonial blockquote{font-size:26px}.quote-mark{font-size:70px}.testimonial>div>p{font-size:10px}.contact-grid{grid-template-columns:1fr;gap:48px}.contact h2{font-size:52px}.contact p{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{grid-template-columns:1fr;gap:25px}.footer-top>div{justify-content:flex-start}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:10px}.footer-bottom>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* Section titles follow the opening headline's typographic style. */
.section-label{align-items:flex-end;flex-wrap:wrap;column-gap:36px;row-gap:24px}
.section-label>span:first-child{flex:1 1 65%;min-width:0;font-size:clamp(3rem,5.8vw,6.5rem);font-weight:500;letter-spacing:-.06em;line-height:1.08}
.section-label>span:last-child{flex:0 1 260px;font-size:12px;line-height:1.7;text-align:right;padding-bottom:8px;margin-left:auto}
@media(max-width:700px){.section-label>span:first-child{flex-basis:100%;font-size:clamp(2.5rem,10vw,4.25rem);letter-spacing:-.055em;line-height:1.12}.section-label>span:last-child{display:none}}

.service-list h3{min-width:0;line-height:1.35;overflow-wrap:break-word}
.service-list>a>.circle{grid-column:4}
@media(max-width:700px){.service-list>a>.circle{grid-column:3}}

.footer-top{grid-template-columns:.8fr 1.2fr auto}
.footer-top>.footer-actions{align-items:center;gap:20px}
.footer-socials{display:flex;align-items:center;gap:6px}
.social-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink);transition:color .2s,background .2s}
.social-icon svg{width:22px;height:22px}
.social-icon:hover{color:var(--red);background:#e5232d0d}
.footer-support{white-space:nowrap}
@media(max-width:1000px){.footer-top{grid-template-columns:1fr 1.5fr}.footer-top>.footer-actions{grid-column:1 / -1;justify-content:flex-start}}
@media(max-width:700px){.footer-top{grid-template-columns:1fr}.footer-top>.footer-actions{gap:14px}}

.contact .section-label>span:last-child{flex:0 0 auto;white-space:nowrap}



/* Recorta a margem transparente do arquivo Visite Alagoas. */
.work-preview img[src="assets/alagoas.png"]{display:block;position:relative;width:103%;max-width:none;left:-3%}

.project-image img[src="assets/alagoas.png"]{display:block;position:relative;width:103%;max-width:none;left:-3%}
.about-reveal-line{display:inline-block}
.services-reveal-line{display:inline-block}
.about-stats{display:flex;gap:40px;align-items:center}.about-foot{gap:30px;flex-wrap:wrap}.about-stats strong{font-variant-numeric:tabular-nums;white-space:nowrap}.about-stats small{white-space:normal;margin-left:14px}
@media(max-width:700px){.about-stats{width:100%;justify-content:space-between;gap:20px}.about-stats strong{font-size:46px;letter-spacing:-3px;flex-wrap:wrap;gap:2px}.about-stats small{flex-basis:100%;margin:5px 0 0;max-width:140px}.about-foot{gap:24px}}
.contact-grid>div>.contact-phone,.contact-grid>div>.contact-email{display:flex;align-items:center;gap:10px;width:fit-content}.contact-icon{display:block;width:1em;height:1em;flex:0 0 1em}.contact-email .contact-icon{width:20px;height:20px;flex-basis:20px}

/* Links complementares dos serviços. */
.services-related{padding-top:32px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:start}
.services-related>p{margin:10px 0 0;font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.services-related-links{display:flex;flex-wrap:wrap;gap:10px}
.services-related-links>a,.projects-more-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;border:1px solid rgba(25,25,25,.14);border-radius:24px;font-size:13px;line-height:1.5;color:#666;transition:color .25s ease,border-color .25s ease,background-color .25s ease}
.services-related-links>a span,.projects-more-link span{flex-shrink:0}
.services-related-links>a:hover,.projects-more-link:hover{color:var(--red);border-color:var(--red);background:rgba(255,255,255,.4)}
.services-related-links>a:focus-visible,.projects-more-link:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:700px){.services-related{grid-template-columns:1fr;gap:16px;padding-top:24px}.services-related>p{margin:0}.services-related-links>a{width:100%;border-radius:14px}}
.header .nav-live{white-space:nowrap}.header .nav-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:7px;vertical-align:middle}.header .nav-live[aria-current="page"]{color:var(--red)}@media(min-width:901px) and (max-width:1200px){.header{gap:18px;padding-left:32px;padding-right:32px}.header nav{gap:18px}.header .logo{width:115px}.header .button.small{gap:14px;padding:14px 16px}}

/* Institutional badges use their original colors and preserve their proportions. */
.footer-top{align-items:center}
.footer-top p{text-align:center}
@media(min-width:701px){.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}.footer-bottom>span:nth-child(2){text-align:center}.footer-bottom>a{justify-self:end}}
@media(min-width:1001px){.footer-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}
@media(max-width:1000px){.footer-top p{grid-column:1 / -1}}
.footer-badges{display:flex;align-items:center;justify-content:center;gap:28px;padding:0 0 30px}
.footer-badges img{display:block;object-fit:contain;height:auto;max-width:100%}
.footer-badge-link{display:block;flex-shrink:0;border-radius:9px}
.footer-badge-link:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.footer-badges .footer-badge-meta{width:174px;height:72px;object-fit:cover;padding:0 16px;background:#fff;border-radius:9px}
.footer-badges .footer-badge-abradi{width:174px}
@media(max-width:700px){.footer-badges{gap:22px;padding-bottom:26px}.footer-badges .footer-badge-meta{width:158px;height:65.38px;padding:0 14px}.footer-badges .footer-badge-abradi{width:158px}}
@media(max-width:400px){.footer-badges{gap:16px}.footer-badges .footer-badge-meta{width:128px;height:52.97px;padding:0 12px}.footer-badges .footer-badge-abradi{width:128px}}

/* Contraste dos títulos sobre o mockup claro do Grupo Coringa. */
.work-preview.coringa .preview-label,.work-preview.coringa .preview-category{color:var(--ink);text-shadow:none}
.work-preview.coringa:after{background:linear-gradient(#fff9,transparent 25%,transparent 78%,#fff9)}

/* Listagem completa do portfólio. */
.projects-more{display:flex;justify-content:center;margin-top:42px}
.projects-intro{padding-top:48px;padding-bottom:52px}
.projects-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:36px}
.projects-title h1{margin:0;font-size:clamp(64px,8vw,120px)}
.projects-title h1 span{color:var(--red)}
.projects-title p{color:var(--muted);font-size:18px;line-height:1.8;margin:0 0 8px}
.projects-catalog{padding-bottom:90px}
.projects-catalog .project-caption h2{font-size:23px;letter-spacing:-1px;line-height:1.3;font-weight:500;margin:0}
.projects-catalog .project-caption{align-items:flex-start}
.projects-catalog .project-caption>span{text-align:right;line-height:1.6}
.projects-page nav [aria-current="page"]{color:var(--red)}
@media(max-width:700px){.projects-intro{padding-top:30px;padding-bottom:36px}.projects-title{display:block;margin-top:28px}.projects-title p{font-size:16px;margin-top:22px}.projects-catalog{padding-bottom:60px}.projects-more{margin-top:30px}.projects-catalog .project-caption h2{font-size:22px}}

/* Bolinha do "Ao vivo" (menu e página /ao-vivo): cor normal, com um halo vermelho transparente pulsando a partir dela. */
@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(229,35,45,.55)}70%{box-shadow:0 0 0 7px rgba(229,35,45,0)}100%{box-shadow:0 0 0 0 rgba(229,35,45,0)}}
.header .nav-live:before,.live-status i{animation:live-pulse 1.8s ease-out infinite}
.live-status i{display:inline-block}
@media(prefers-reduced-motion:reduce){.header .nav-live:before,.live-status i{animation:none}}

/* Modal do formulário de suporte (YouTrack), aberto por "Suporte ao cliente" no rodapé. */
.support-dialog{width:min(560px,calc(100% - 32px));max-height:90vh;padding:0;border:0;border-radius:12px;background:#fff;color:var(--ink);overflow:auto}
.support-dialog[open]{position:fixed;inset:0;margin:auto;height:fit-content;z-index:1000}html.support-open{overflow:hidden}html.support-open:before{content:"";position:fixed;inset:0;z-index:999;background:rgba(17,17,17,.55)}
.support-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#fff;border-bottom:1px solid var(--line)}
.support-dialog-head h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em}
.support-dialog-close{width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.support-dialog-close:hover,.support-dialog-close:focus-visible{color:var(--red);border-color:var(--red)}
.support-dialog-form{padding:22px 26px 26px;min-height:120px}
.support-dialog-form.is-loading:before{content:"Carregando…";color:var(--muted);font-size:14px}
@media(max-width:600px){.support-dialog,.support-dialog[open]{width:100%;max-width:100%;max-height:100%;height:100%;border-radius:0}.support-dialog-head,.support-dialog-form{padding-left:18px;padding-right:18px}}