
/* V3: contrast and calm, additive to the V2 design system */
:root { --mq-navy:#03111e; --mq-mint:#c9e8df; --mq-mist:#f7faf9; }
.about-section{background:linear-gradient(130deg, #dcefe8 0%,#f7faf9 48%,#cfebe4 100%);color:#0a2133;position:relative;isolation:isolate;}
.about-section .about-copy h2{color:#0a2133}.about-section .about-copy h2 em{color:#226f70}
.about-section .about-copy p,.about-section .section-kicker{color:#264858}
.about-section .about-copy .lead{color:#14364a}.about-section .text-link{color:#145b67;border-bottom-color:#145b67}
.about-section:before{content:"";position:absolute;inset:0;background:url('assets/contato/motif-sobre.svg') right center / 60% auto no-repeat;opacity:.65;z-index:-1;pointer-events:none}
.formation-section{background:radial-gradient(ellipse at 82% 20%, #164050 0%,#061b2b 65%,#03111e 100%)}
.care-section{background:linear-gradient(160deg,#ecf6f2,#dcefe8 50%,#f7faf9);color:#0a2133;position:relative;isolation:isolate}
.care-section .section-heading h2{color:#0a2133}.care-section .section-heading h2 em{color:#17676d}.care-section .section-heading p,.care-section .section-kicker,.care-section .disclaimer{color:#315563}
.care-section .topic-grid article{background:#0a2133;color:#f7faf9}
.care-section .topic-grid article:hover,.care-section .topic-grid article[aria-pressed="true"]{background:#123e51}
.care-section .topic-explorer{box-shadow:0 12px 44px #09253715}
.care-section:before{content:"";position:absolute;inset:0;background:url('assets/contato/motif-atuacao.svg') right top / 65% auto no-repeat;opacity:.42;z-index:-1;pointer-events:none}
.tech-section{background:radial-gradient(circle at 18% 78%,#123f4c 0%,#071827 50%,#03111e 100%)}
.reading-section{background:linear-gradient(160deg,#f7faf9,#eaf3f0 54%,#dcefe8);color:#0a2133;position:relative;isolation:isolate}
.reading-section .section-heading h2{color:#0a2133}.reading-section .section-heading h2 em{color:#226f70}.reading-section .section-heading p,.reading-section .section-kicker{color:#315563}
.reading-section .reading-featured{color:#f7faf9}
.reading-section:before{content:"";position:absolute;inset:0;background:url('assets/contato/motif-leituras.svg') top right/72% auto no-repeat;z-index:-1;opacity:.37;pointer-events:none}
.consult-section{background:radial-gradient(ellipse at 85% 25%,#16495a 0%,#12334a 50%,#071827 100%)}
.contact-section{background:linear-gradient(135deg,#dcefe8,#eaf5f1 64%,#f7faf9);color:#0a2133}
.contact-section h2{color:#0a2133}.contact-section h2 em{color:#1d6d6d}.contact-section>p{color:#315563}
.contact-section .section-kicker{color:#264858}.contact-section .contact-watermark{opacity:.07;filter:brightness(0) saturate(100%) invert(13%) sepia(48%) saturate(1043%) hue-rotate(166deg)}
/* Ambient motion graphics: respect natural reading and reduced motion preferences. */
.section:not(.experience) {transition:background-color .6s ease}
.section.mq-observed:after{content:"";position:absolute;pointer-events:none;width:min(36vw,400px);height:min(36vw,400px);right:-16%;top:12%;border:1px solid rgba(133,204,197,.17);border-radius:50%;transform:translate3d(0,16px,0);opacity:0;transition:transform 1s ease,opacity 1s ease}
.section.mq-observed.mq-in-view:after{transform:translate3d(-55px,0,0);opacity:.4}
/* THE CONTACT WIDGET: low-interference, context aware */
.mq-contact-widget{display:flex;flex-direction:column-reverse;align-items:stretch;position:fixed;z-index:1100;right:clamp(15px,3vw,45px);bottom:clamp(17px,3.1vh,35px);color:#eef8f4;font-family:Arial,Helvetica,sans-serif;pointer-events:none;max-width:min(400px,calc(100vw - 30px))}
.mq-contact-widget :focus-visible{outline:3px solid #bfe9d8;outline-offset:4px}
.mq-contact-dock{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #b7e0d64b;background:rgba(3,21,35,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 35px #0005;border-radius:40px;pointer-events:auto;transition:opacity .33s, transform .33s;opacity:1;transform:translateY(0)}
.mq-contact-widget.mq-hidden .mq-contact-dock{opacity:0;transform:translateY(100px);pointer-events:none}
.mq-dock-link{border:0;background:none;color:#e5f2ee;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 13px;min-height:45px;white-space:nowrap;font:500 12px/1.2 Arial,sans-serif;cursor:pointer;text-decoration:none;border-radius:25px;transition:background .2s,color .2s}
.mq-dock-link:hover,.mq-dock-link[aria-expanded="true"]{background:rgba(201,232,223,.16);color:#fff}
.mq-dock-primary{background:#c9e8df;color:#082339;font-weight:700}.mq-dock-primary:hover{background:#e2f7ee;color:#061b2b}
.mq-dock-link svg{width:19px;height:19px;flex:none}
.mq-channels-panel{background:linear-gradient(145deg,rgba(6,28,44,.98),rgba(9,44,57,.98));border:1px solid #b3d9d052;box-shadow:0 16px 54px #0009;border-radius:22px;padding:24px;margin-bottom:12px;max-height:min(68vh,650px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;animation:mq-appear .22s ease both}
.mq-channels-panel[hidden]{display:none!important}
@keyframes mq-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mq-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:19px}.mq-caption{color:#9bbfc4;font-size:9px;letter-spacing:.18em;font-weight:700}
.mq-panel-heading h2{font:400 29px/1.15 Georgia,serif;letter-spacing:-.035em;color:#f1faf6;margin:7px 0}.mq-panel-heading p{color:#bad2d1;font-size:12px;margin:0}
.mq-close{color:#e1eee9;background:#ffffff10;border:1px solid #c3ece126;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;cursor:pointer}.mq-close svg{width:18px;height:18px}
.mq-panel-feature{display:grid;gap:7px}.mq-panel-feature a{display:flex;align-items:center;gap:10px;color:#f2faf7;padding:12px;border-radius:13px;border:1px solid #c1e0d024;text-decoration:none;background:#ffffff08}.mq-panel-feature a:hover{background:#d6f2e515}.mq-panel-feature a>svg{width:21px;height:21px;color:#c9e8df}.mq-panel-feature a>svg:last-child{margin-left:auto;width:16px}.mq-panel-feature strong{display:block;font-size:12px;font-weight:600}.mq-panel-feature small{display:block;font-size:10px;color:#b0cbc9;padding-top:4px}
.mq-panel-sep{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#a4cac6;margin:23px 0 11px}
.mq-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mq-profile-grid a{display:flex;justify-content:space-between;gap:8px;background:#e2f2e50b;border-radius:9px;padding:12px 10px;font-size:11px;text-decoration:none;color:#e3f3ed}.mq-profile-grid a:hover{background:#def4e320}.mq-profile-grid span{color:#b2dcd3}
.mq-panel-disclaimer{font-size:10px;line-height:1.6;color:#acc8c7;margin:18px 0 0}
@media(max-width:760px){.mq-contact-widget{right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none}.mq-contact-dock{justify-content:space-around;border-radius:22px;padding:5px}.mq-dock-link{flex:1;flex-direction:column;gap:3px;padding:7px 5px;font-size:10px;min-height:55px}.mq-dock-primary{border-radius:17px}.mq-dock-link svg{width:19px;height:19px}.mq-channels-panel{padding:18px;max-height:67dvh}.mq-panel-heading h2{font-size:25px}.mq-contact-widget.mq-hidden .mq-contact-dock{transform:translateY(95px)}.footer{padding-bottom:92px}.contact-section{padding-bottom:135px}}
@media(max-width:380px){.mq-dock-link{font-size:9px}.mq-profile-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.mq-contact-dock,.mq-channels-panel,.section.mq-observed:after{transition:none!important;animation:none!important}.mq-contact-widget.mq-hidden .mq-contact-dock{transform:none}}
