/* Complemento do rascunho institucional. Identidade aprovada preservada. */
[data-page="institucional"] #planos .plans-intro>span { display:block; text-wrap:pretty; }
.draft-banner { background:#2F2E0B; color:#CECBAB; border-bottom:1px solid rgba(244,246,123,.18); }
.draft-banner>.shell { align-items:center; font-size:10px; padding-top:8px; padding-bottom:8px; }
.draft-banner span { font-size:9px; letter-spacing:1.2px; color:var(--yellow); }
.draft-banner>.shell>div { display:flex; flex-wrap:wrap; gap:8px 24px; }
.draft-banner a { text-decoration:none; }
.draft-banner a:hover { color:var(--yellow); }
.draft-banner a:focus-visible { outline-color:var(--yellow); }
.agency-hero { grid-template-columns:1.06fr 1fr; gap:40px; padding-top:76px; padding-bottom:70px; }
.agency-hero h1 { font-size:clamp(46px,4.9vw,68px); letter-spacing:-3.4px; line-height:1.07; }
.agency-hero .hero-lead { font-size:20px; max-width:480px; margin-bottom:18px; }
.agency-hero .hero-offer { font-size:15px; max-width:435px; }
.hero-actions { display:flex; align-items:center; gap:18px 24px; flex-wrap:wrap; }
.hero-secondary { font-size:13px; white-space:nowrap; padding:12px 0; border-bottom:1px solid rgba(254,248,230,.3); }
.hero-secondary span { padding-left:8px; color:var(--yellow); }
.service-link { color:var(--yellow); margin-top:24px; border-color:var(--yellow); }
[data-page="institucional"] .deliverables article { padding:24px 0; }
[data-page="institucional"] .deliverables article:first-child { padding-top:0; }
[data-page="institucional"] .deliverables h3 { font-size:22px; }
[data-page="institucional"] .deliverables p { font-size:14px; }
.investment { background:#2F2E0B; border-bottom:1px solid var(--line); }
.investment-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:38px; }
.investment-heading .eyebrow { color:var(--yellow); margin-bottom:22px; }
.investment-heading h2 { font-size:42px; }
.investment-heading>p { font-size:13px; color:var(--muted); max-width:330px; padding-bottom:4px; }
.pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.price-card { border:1px solid rgba(244,246,123,.28); padding:32px; background:var(--ink); display:flex; flex-direction:column; }
.price-card:first-child { border-top:3px solid var(--yellow); padding-top:30px; }
.price-top { display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--yellow); }
.price-top .small-label { margin:0; font-size:10px; }
.price-top>span:last-child { font-size:23px; line-height:1; }
.price-card h3 { font-size:27px; margin-top:24px; margin-bottom:18px; }
.price-value { font-size:35px; line-height:1.2; letter-spacing:-1px; color:var(--yellow); margin-bottom:16px; }
.price-description { color:var(--muted); font-size:14px; max-width:390px; }
.price-card ul { list-style:none; margin:25px 0 30px; padding:0; font-size:14px; color:var(--cream); }
.price-card li { display:flex; gap:12px; padding:10px 0; border-bottom:1px solid rgba(254,248,230,.12); }
.price-card li::before { content:'↗'; color:var(--yellow); }
.price-card .button { margin-top:auto; width:100%; }
.maintenance-button { background:transparent; color:var(--yellow); border-color:var(--yellow); }
.maintenance-button:hover { background:var(--yellow); color:var(--ink); }
.investment-note { font-size:12px; color:var(--muted); max-width:860px; margin-top:24px; }
.agency-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.agency-steps h3 { font-size:20px; }
.agency-steps p { font-size:13px; }
.campaign-section { background:#2F2E0B; border-top:1px solid rgba(244,246,123,.25); }
.campaign-invitation { display:flex; align-items:center; justify-content:space-between; gap:36px; padding-top:44px; padding-bottom:44px; }
.campaign-invitation .eyebrow { color:var(--yellow); margin-bottom:15px; font-size:10px; }
.campaign-invitation h2 { font-size:32px; letter-spacing:-1px; margin-bottom:14px; }
.campaign-invitation p:not(.eyebrow) { color:var(--muted); font-size:13px; }
.campaign-action { flex-shrink:0; }
.campaign-action a { color:var(--yellow); border-color:var(--yellow); }
.campaign-action p { font-size:11px!important; margin-top:12px; }
[data-page="campanha"] .desktop-nav { gap:20px; }
[data-page="campanha"] .desktop-nav .agency-back { color:var(--yellow); }
@media(max-width:1100px){
  .agency-hero { gap:28px; padding-top:56px; padding-bottom:54px; }
  .agency-hero h1 { font-size:51px; letter-spacing:-2.8px; }
  .agency-hero .hero-lead { font-size:18px; }
  .investment-heading h2 { font-size:35px; }
  .investment-heading>p { max-width:260px; }
  .agency-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
  [data-page="campanha"] .desktop-nav { gap:14px; font-size:12px; }
  [data-page="campanha"] .header-inner { gap:16px; }
}
@media(max-width:800px){
  .draft-banner>.shell { gap:12px; }
  .draft-banner>.shell>div { gap:8px 14px; justify-content:flex-end; text-align:right; }
  .agency-hero { grid-template-columns:1fr; padding-top:42px; padding-bottom:42px; gap:36px; }
  .agency-hero h1 { font-size:62px; letter-spacing:-3px; }
  .agency-hero .hero-lead { font-size:19px; }
  .investment-heading { display:block; margin-bottom:30px; }
  .investment-heading>p { margin-top:22px; max-width:440px; font-size:14px; }
  .investment-heading h2 { font-size:37px; }
  .price-card { padding:26px; }
  .price-card:first-child { padding-top:24px; }
  .price-card h3 { font-size:24px; }
  .price-value { font-size:30px; }
  .price-card li { font-size:13px; }
  .price-card .button { font-size:12px; padding:14px; gap:12px; }
  .agency-steps { grid-template-columns:1fr; gap:25px; }
  .campaign-invitation { display:block; }
  .campaign-action { margin-top:22px; }
}
@media(max-width:560px){
  .pricing-grid { grid-template-columns:1fr; gap:20px; }
  .price-card { padding:26px; }
  .price-card:first-child { padding-top:24px; }
  .price-card .button { font-size:13px; padding:15px 18px; }
}
@media(max-width:480px){
  .draft-banner>.shell { padding-top:8px; padding-bottom:8px; }
  .draft-banner span { font-size:8px; max-width:140px; }
  .draft-banner>.shell>div { font-size:9px; gap:2px; flex-direction:column; }
  .agency-hero h1 { font-size:clamp(34px,9.5vw,43px); line-height:1.1; letter-spacing:-1.8px; }
  .agency-hero .hero-lead { font-size:17px; }
  .agency-hero .hero-offer { font-size:14px; }
  .hero-actions { gap:12px 20px; }
  .investment-heading h2 { font-size:31px; letter-spacing:-1.2px; }
  .investment-heading h2 br { display:none; }
  [data-page="institucional"] .deliverables h3 { font-size:20px; }
  [data-page="institucional"] .deliverables p { font-size:13px; }
  .campaign-invitation h2 { font-size:29px; }
  .campaign-invitation p br { display:none; }
  [data-page="institucional"] .footer-inner>p { max-width:130px; }
}