/* Existing offer API, extracted without changing its layout. */
/* Project offers: comparison cards and shared detail-page layout. */
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.offer-card{display:flex;flex-direction:column;min-width:0;padding:30px 26px;background:var(--surface-card);border:1px solid var(--border-card);border-radius:20px;color:var(--ink)}
.offer-card:nth-child(2){background:var(--surface-emphasis);border-color:#9bb9aa}
.offer-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#426554;margin:0 0 18px}
.offer-card h3{font-family:var(--heading);font-size:24px;line-height:1.28;letter-spacing:-.035em;min-height:62px;margin:0 0 22px}


.offer-description{font-size:14px;line-height:1.75;color:var(--muted);margin:0;min-height:98px}
.offer-card ul{list-style:none;padding:22px 0;margin:22px 0 0;border-top:1px solid var(--border-card);display:grid;gap:14px}
.offer-card li{position:relative;padding-left:21px;font-size:13px;line-height:1.65;color:#344e43}
.offer-card li:before{content:'✓';position:absolute;left:0;color:#277557;font-weight:700}
.offer-timing{margin:auto 0 24px;padding-top:20px;border-top:1px solid var(--border-card)}
.offer-timing strong{display:block;font-size:13px;line-height:1.6}
.offer-timing p{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}
.offer-card .button{width:100%;justify-content:center;gap:8px;font-size:13px;min-height:46px}
.offer-credit{margin-top:24px;padding:22px 26px;border-left:3px solid #42765d;background:#eef3ec;border-radius:0 10px 10px 0;font-size:14px;line-height:1.7}
.offer-credit p{margin:5px 0 0;color:var(--muted)}
.offer-footnote{max-width:850px;margin:20px auto 0;text-align:center;font-size:12px;line-height:1.75;color:var(--muted)}
.offer-page{background:var(--paper);color:var(--ink)}
.offer-page main{flex:1}
.offer-detail-container{max-width:1120px;width:calc(100% - 80px);margin:0 auto;padding:54px 0 90px}
.offer-back{font-size:13px;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:40px}
.offer-back:hover{text-decoration:underline}
.offer-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start;padding-bottom:64px}
.offer-detail-hero h1{font-family:var(--heading);font-size:clamp(32px,3.5vw,48px);line-height:1.14;letter-spacing:-.045em;margin:22px 0}
.offer-detail-lead{font-size:17px;line-height:1.8;max-width:55ch;color:var(--muted)}
.offer-detail-summary{background:var(--surface-emphasis);border:1px solid #cbdace;border-radius:18px;padding:28px}


.offer-detail-summary>strong{font-size:14px}
.offer-detail-summary>p:not(.offer-price){font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0 24px}
.offer-detail-summary .button{width:100%;justify-content:center;gap:8px;font-size:13px}
.offer-detail-block{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;padding:36px 0;border-top:1px solid var(--border-card)}
.offer-detail-block h2{font-family:var(--heading);font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:0}
.offer-detail-block p,.offer-detail-block li{font-size:15px;line-height:1.85;color:#52695f}
.offer-detail-block p{margin:0 0 16px}.offer-detail-block p:last-child{margin-bottom:0}
.offer-detail-block strong{color:var(--ink)}
.offer-detail-block ul{list-style:disc;padding-left:20px;margin:0 0 16px;display:grid;gap:12px}
.offer-detail-cta{padding:40px;background:var(--surface-emphasis);border-radius:18px;margin-top:28px}
.offer-detail-cta h2{font-family:var(--heading);font-size:28px;line-height:1.3;max-width:650px;margin:0 0 15px}
.offer-detail-cta p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 24px}
.offer-detail-cta .button{gap:8px}
@media(max-width:1000px){.offer-grid{gap:14px}.offer-card{padding:24px 18px}.offer-card h3{font-size:21px}.offer-description{min-height:125px}.offer-detail-hero{gap:32px}.offer-detail-block{gap:32px;grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:760px){.offer-grid{grid-template-columns:1fr;gap:20px;margin-top:32px}.offer-card{padding:28px 24px}.offer-card h3{min-height:0;font-size:26px;margin-bottom:18px}.offer-description{min-height:0}.offer-timing{margin-top:8px}.offer-credit{padding:20px;font-size:13px}.offer-footnote{text-align:left}.offer-detail-container{width:calc(100% - 40px);padding:32px 0 60px}.offer-back{margin-bottom:28px}.offer-detail-hero{grid-template-columns:1fr;gap:28px;padding-bottom:36px}.offer-detail-hero h1{font-size:35px}.offer-detail-lead{font-size:15px}.offer-detail-block{grid-template-columns:1fr;gap:20px;padding:28px 0}.offer-detail-block h2{font-size:23px}.offer-detail-block p,.offer-detail-block li{font-size:14px}.offer-detail-cta{padding:28px 24px}.offer-detail-cta h2{font-size:25px}}

.offer-inclusion{font-size:13px;line-height:1.75;color:#426554;min-height:69px;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--border-card)}
.offer-detail-summary .offer-inclusion{min-height:0}
@media(max-width:760px){.offer-inclusion{min-height:0}}

/* Header CTA: visible feedback without moving the surrounding navigation. */
#site-header .hdr-cta {
  transition: background-color 180ms ease-out, color 180ms ease-out;
}
@media (hover:hover) and (pointer:fine) {
  #site-header[data-theme] .hdr-cta:hover {
    background:var(--mint);
    color:var(--night);
    transform:none;
  }
  #site-header[data-theme] .hdr-cta:active { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  #site-header .hdr-cta { transition:none; }
  #site-header[data-theme] .hdr-cta:hover { transform:none; }
}

/* Navigation feedback: backgrounds fade; icons move without shifting text. */
#site-header .site-nav-mobile-toggle,
#site-header .site-nav-trigger,
.site-menu-panel .site-explore-item,
.site-menu-panel .site-explore-tab,
.site-menu-panel .site-menu-link,
.site-menu-panel .site-explore-rail>a,
.site-menu-panel .site-mobile-group>summary {
  transition:background-color 180ms ease-out, color 180ms ease-out, opacity 180ms ease-out;
}
#site-header .site-nav-mobile-toggle svg,
.site-menu-panel .site-menu-link>span,
.site-menu-panel .site-menu-link>svg,
.site-menu-panel .site-explore-tab>svg {
  transition:transform 180ms cubic-bezier(.23,1,.32,1), opacity 180ms ease-out;
}
@media (hover:hover) and (pointer:fine) {
  #site-header .site-nav-mobile-toggle:hover svg { transform:scale(1.08); }
  #site-header .site-nav-mobile-toggle:active svg { transform:scale(.96); }
  .site-menu-panel .site-menu-link:hover>span,
  .site-menu-panel .site-menu-link:hover>svg,
  .site-menu-panel .site-explore-tab:hover>svg { transform:translateX(3px); }
}
@media (prefers-reduced-motion:reduce) {
  #site-header .site-nav-mobile-toggle:hover svg,
  #site-header .site-nav-mobile-toggle:active svg,
  .site-menu-panel .site-menu-link:hover>span,
  .site-menu-panel .site-menu-link:hover>svg,
  .site-menu-panel .site-explore-tab:hover>svg { transform:none; }
}

/* Unavailable detail-page panels; the home card remains a navigation link. */
.offer-unavailable{background:#eceeed;border-color:#d4d8d5;color:#565d59}
.offer-unavailable .offer-inclusion,.offer-detail-summary.offer-unavailable>p,.offer-detail-cta.offer-unavailable p{color:#626a65}
.offer-unavailable .button:disabled{background:#d5dad6;color:#545d57;border-color:transparent;cursor:not-allowed;transform:none;transition:none;opacity:1}

/* Case detail: editorial composition with shared design tokens. */
.case-detail-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:var(--space-16);align-items:center;padding-bottom:var(--space-16)}
.case-detail-client{font-size:18px;color:var(--green);margin:0 0 var(--space-5)}
.case-detail-hero h1{font-family:var(--heading);font-size:clamp(38px,4.8vw,64px);letter-spacing:-.035em;line-height:1.13;margin:0 0 var(--space-6);text-wrap:balance}
.case-detail-hero h1 span{color:var(--green)}
.case-detail-hero .case-visit{margin-top:var(--space-6);display:inline-flex;gap:8px}
.case-detail-result{background:var(--night);color:var(--paper);padding:40px 32px;border-radius:16px}
.case-detail-result>span{font-size:14px;color:var(--mint)}
.case-detail-before{font-size:20px;color:#ACBBB9;margin:28px 0 8px;text-decoration:line-through;text-decoration-thickness:1px}
.case-detail-result>strong{display:block;font-family:var(--heading);font-size:84px;line-height:1.2;letter-spacing:-.03em;color:var(--mint);font-variant-numeric:tabular-nums}
.case-detail-result small{font-size:24px;letter-spacing:0}
.case-detail-result p{font-size:14px;line-height:1.8;color:#ACBBB9;margin:24px 0 0}
.case-detail-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;margin:0 0 48px;padding:28px 0;border-top:1px solid var(--border-card);border-bottom:1px solid var(--border-card)}
.case-detail-facts dt{font-size:12px;color:var(--muted);margin-bottom:8px}.case-detail-facts dd{font-size:14px;line-height:1.6;margin:0}
.case-detail-page .offer-detail-block{padding:44px 0}
.case-detail-page .offer-detail-block h3{font-family:var(--heading);font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:0}
.case-detail-delivery{padding-top:40px}.case-detail-delivery>h2,.case-detail-testimonials>h2{margin-bottom:32px;font-size:clamp(28px,3vw,38px)}
.case-detail-testimonials{padding:48px 0}
.case-detail-quotes{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.case-detail-quotes figure{margin:0;padding-top:24px;border-top:1px solid var(--border-card)}
.case-detail-portrait{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:12px;margin-bottom:var(--space-6)}
.case-detail-quotes blockquote{margin:0 0 24px;font-size:19px;line-height:1.8;color:var(--ink)}
.case-detail-quotes figcaption{display:grid;gap:4px;font-size:13px;color:var(--muted)}
.case-detail-quotes figcaption strong{color:var(--ink)}
.case-detail-home-link{margin-top:32px;gap:8px}
@media(max-width:760px){.case-detail-hero{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.case-detail-result{padding:28px}.case-detail-result>strong{font-size:68px}.case-detail-facts{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.case-detail-quotes{grid-template-columns:1fr;gap:32px}.case-detail-portrait{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:12px;margin-bottom:var(--space-6)}
.case-detail-quotes blockquote{font-size:17px}.case-detail-page .offer-detail-block{padding:28px 0}.case-detail-delivery{padding-top:24px}}

/* Case-study index: photographic panels, following the American case register. */
.studies-index-header{max-width:800px;margin-bottom:56px}
.studies-index-header h1{font-family:var(--heading);font-size:clamp(34px,4vw,54px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px}
.studies-grid{display:grid;gap:32px;margin-bottom:64px}
.studies-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:64px;row-gap:32px;align-items:center;padding:64px;min-height:460px;border-radius:16px;background:var(--night);color:var(--paper)}
.studies-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.studies-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,22,22,.94),rgba(2,22,22,.78) 55%,rgba(2,22,22,.4))}
.studies-type{display:inline-block;font-size:13px;color:var(--mint);margin-bottom:20px}
.studies-card h2{font-family:var(--heading);font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.025em;margin:0 0 24px;color:var(--paper)}
.studies-story p{font-size:16px;line-height:1.85;color:#e0eae5;margin:0;max-width:52ch}
.studies-outcome{display:grid;gap:12px;border-top:1px solid rgba(195,240,227,.3);padding:24px 0;text-shadow:0 2px 6px rgba(0,0,0,.75),0 1px 2px rgba(0,0,0,.8)}
.studies-outcome strong{font-family:var(--heading);font-size:30px;line-height:1.3;color:var(--paper)}
.studies-outcome span{font-size:14px;line-height:1.7;color:#e0eae5}
.studies-card .button{justify-self:start;grid-column:1;align-self:end}
.studies-card a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
@media(max-width:760px){.studies-grid{gap:24px;margin-bottom:40px}.studies-card{grid-template-columns:1fr;padding:32px 24px;gap:24px;min-height:520px}.studies-card::before{background:linear-gradient(180deg,rgba(2,22,22,.88),rgba(2,22,22,.72))}.studies-outcome{padding:20px 0 0}.studies-index-header{margin-bottom:32px}}

/* Original client marks, contained without distortion over the dark panels. */
.studies-card .studies-logo-heading{margin:0 0 24px}
.studies-logo{display:block;width:100%;max-width:320px;height:112px;object-fit:contain;object-position:left center}
.studies-logo--fabrica-de-sdr{max-width:280px;height:140px}
@media(max-width:760px){.studies-logo{max-width:280px;height:90px}.studies-logo--fabrica-de-sdr{max-width:250px;height:125px}}

/* Document navigation: enter in 300ms; the link handler fades out in 200ms. */
html{background:var(--paper)}
@keyframes jovadan-page-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 body{animation:jovadan-page-enter 300ms cubic-bezier(.23,1,.32,1)}
}

/* Resolve the navbar theme before its first visible frame. No-JS stays visible. */
@media(scripting:enabled){
 #site-header:not([data-nav-ready="true"]){visibility:hidden;opacity:0}
 #site-header:not([data-nav-ready="true"]),
 #site-header:not([data-nav-ready="true"]) *{transition:none!important}
}
@media(prefers-reduced-motion:no-preference){
 #site-header[data-nav-ready="true"]{animation:jovadan-page-enter 300ms cubic-bezier(.23,1,.32,1)}
}

/* Home section anchors align their backgrounds with the viewport edge.
   Section padding already provides clearance for the floating navigation. */
html:has(body > main #s1){scroll-padding-top:0}
body > main .study-section[id]{scroll-margin-top:0}

/* Each home section fills at least one viewport without clipping longer content. */
#conteudo section[data-section]{min-height:100vh;min-height:100svh}

/* Closing invitation: centered content and adjacent primary/secondary actions. */
#s10{display:flex;align-items:center;text-align:center}
#s10 #contact-title{margin-inline:auto}
#s10>div>p:not(.kicker){max-width:660px;margin-inline:auto}
#s10 .contact-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 28px;margin-top:32px}
#s10 .contact-actions .btn{margin-top:0}
#s10 .contact-testimonials{color:var(--paper);text-decoration:underline;text-underline-offset:5px;transition:color 180ms ease-out}
#s10 .contact-testimonials:hover{color:var(--mint)}

#s10 .contact-email{font-size:14px}
#s10 .contact-testimonials{display:inline-block;margin-top:24px}