/* Contato, formulário e expansão de cases solicitados pelo responsável. */
/* Dimensões, cor e ícone do botão observado em corp.velomax.net. */
.floating-whatsapp{position:fixed;right:40px;bottom:40px;z-index:99999;display:block;width:60px;height:60px;padding:0;border-radius:50px;background:#00c800;cursor:pointer;transition:background-color 1s;animation:whatsapp-pulse 3s infinite}
.floating-whatsapp svg{width:48px;height:48px;transform:scale(.6) translate(20%,20%);fill:#fff;stroke:none;pointer-events:none}
.floating-whatsapp:hover{background:#009600}.floating-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:5px}
@keyframes whatsapp-pulse{0%{box-shadow:0 0 0 0 #00c800}70%{box-shadow:0 0 0 20px #00c80000}100%{box-shadow:0 0 0 0 #00c80000}}
#proposal-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
#proposal-form input{min-height:44px}
#proposal-form small{font-size:12px;color:#425567;margin-top:-8px;line-height:1.5}
.dialog-whatsapp{margin-top:16px;font-size:14px}
.project-stories{grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 28px;align-items:start}
.project-stories .project-story{grid-column:span 2;padding-top:0}
.project-stories .project-story:nth-child(4){grid-column:2 / span 2}
.project-stories .project-story:nth-child(5){grid-column:4 / span 2}
.project-stories .project-image{aspect-ratio:1.55}
.case-toggle .project-story-info{min-height:88px}
.case-toggle{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:18px}
.case-toggle:focus-visible{outline:2px solid var(--msx-yellow);outline-offset:7px}
.case-toggle .project-image{display:block}
.case-info-text{display:block}
.case-kicker{display:block;font-size:7px;letter-spacing:.09em;color:var(--msx-muted);margin-bottom:7px}
.case-title{display:block;font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1.3}
.case-toggle .project-story-info svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;flex-shrink:0;transition:transform .2s ease}
.case-toggle[aria-expanded="true"] .project-story-info svg{transform:rotate(45deg)}
.case-details{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .26s ease,opacity .2s ease,visibility .26s}
.case-details>div{min-height:0;overflow:hidden}
.case-bubble{position:relative;margin:18px 0 4px;padding:22px;background:var(--msx-paper);color:var(--msx-ink);border-radius:16px}
.case-bubble:before{content:'';position:absolute;top:-7px;left:26px;width:14px;height:14px;background:var(--msx-paper);transform:rotate(45deg)}
.case-bubble p{margin:0;padding:0;color:var(--msx-ink);font-size:15px;line-height:1.65}
.case-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));gap:18px 16px;margin:20px 0 0;padding-top:18px;border-top:1px solid var(--msx-line-light)}
.case-metrics dt{margin-bottom:7px;color:var(--msx-muted-light);font-size:11px;font-weight:600;line-height:1.4}
.case-metrics dd{margin:0}
.case-metrics strong{display:block;color:var(--msx-blue);font-size:24px;font-weight:700;letter-spacing:-.04em;line-height:1.2}
.case-metrics dd>span{display:block;margin-top:6px;color:var(--msx-muted-light);font-size:11px;line-height:1.5}
.case-bubble .case-data-note{margin-top:18px;color:var(--msx-muted-light);font-size:11px;line-height:1.5}
.project-story.is-expanded .case-details{grid-template-rows:1fr;opacity:1;visibility:visible}
/* O card usa somente a expansão de altura; a foto não ganha zoom. */
.project-story:hover img{transform:none}
body.motion-paused .case-details,body.motion-paused .case-toggle svg{transition:none}
@media(max-width:1100px){.case-title{font-size:15px}.case-kicker{font-size:6px}}
@media(max-width:1000px){.project-stories{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.project-stories .project-story:nth-child(4){grid-column:span 2}.project-stories .project-story:nth-child(5){grid-column:2 / span 2}}
@media(max-width:650px){.project-stories{grid-template-columns:1fr;gap:30px}.project-stories .project-story:nth-child(n){grid-column:1 / -1}.project-stories .project-image{aspect-ratio:1.65}.case-toggle .project-story-info{min-height:0}.case-title{font-size:19px}.case-kicker{font-size:7px}}
@media(max-width:600px){#proposal-dialog{max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp{animation:none}.case-details,.case-toggle svg{transition:none}}