/* ===== Páginas internas v2 (sobre, contato) ===== */
.page-hero{background:var(--navy);color:#fff;padding:54px 0 58px}
.page-hero .eyebrow{color:#83b4d8;margin-bottom:14px}
.page-hero h1{font:650 clamp(32px,4.5vw,52px)/1.1 var(--display);letter-spacing:-1.6px}
.page-hero h1 .soft-text{color:var(--blue)}
.page-hero p{color:#a8bccb;font-size:16px;margin-top:16px;max-width:560px;line-height:1.7}

/* História */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.about-copy h2{font:600 clamp(27px,3vw,38px)/1.2 var(--display);letter-spacing:-1.3px;color:var(--ink)}
.about-copy p{color:var(--muted);font-size:15px;line-height:1.8;margin-top:16px}
.about-years{display:flex;align-items:center;gap:16px;margin-top:28px}
.about-years strong{font:700 56px/1 var(--display);color:var(--blue)}
.about-years span{color:var(--muted);font-size:14px;line-height:1.5}
.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}
.timeline li{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.timeline li:last-child{border-bottom:0}
.timeline .yr{font:700 17px/1.2 var(--display);color:var(--blue)}
.timeline p{color:var(--ink);font-size:15px;line-height:1.6;margin:0}

/* CTA de página */
.page-cta-wrap{padding-bottom:90px}
.page-cta{background:var(--navy);color:#fff;border-radius:20px;padding:52px 40px;text-align:center}
.page-cta h2{font:650 clamp(26px,3vw,38px)/1.2 var(--display);letter-spacing:-1.2px}
.page-cta p{color:#a8bccb;margin:14px auto 26px;max-width:470px;font-size:15px;line-height:1.7}
.page-cta .cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* o botão de contorno precisa de versão clara sobre o navy */
.page-cta .button--line{border-color:#ffffff3d;color:#fff;background:#ffffff0a}
.page-cta .button--line:hover{background:#ffffff1c;border-color:#ffffff70}
.page-cta .button--line svg{color:#fff}

/* Contato */
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:stretch}
.contact-cards{display:flex;flex-direction:column;gap:16px}
.contact-card{display:flex;gap:16px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.contact-card svg{color:var(--blue);flex:none}
.contact-card h3{font:600 16px/1.3 var(--display);color:var(--ink);margin-bottom:5px}
.contact-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.contact-card a{color:var(--muted)}
.contact-card a:hover{color:var(--blue)}
.contact-cards .button{margin-top:2px}
.contact-map{border-radius:14px;overflow:hidden;border:1px solid var(--line);min-height:430px}
.contact-map iframe{width:100%;height:100%;min-height:430px;border:0;display:block}

/* Nossa loja (galeria colagem) */
.store-section .section-heading>p{color:var(--muted);font-size:14px;line-height:1.7}
.store-gallery{display:grid;gap:14px}
.store-gallery.is-1{grid-template-columns:1fr}
.store-gallery.is-1 .store-shot{aspect-ratio:2.3}
.store-gallery.is-2{grid-template-columns:1fr 1fr}
.store-gallery.is-2 .store-shot{aspect-ratio:1.5}
.store-gallery.is-many{grid-template-columns:repeat(4,1fr);grid-auto-rows:172px}
.store-gallery.is-many .store-shot--lead{grid-column:span 2;grid-row:span 2}
.store-shot{position:relative;margin:0;overflow:hidden;border-radius:14px;background:#e6edf1;border:1px solid var(--line)}
.store-shot img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.store-shot:hover img{transform:scale(1.05)}

@media(max-width:900px){
  .about-grid{grid-template-columns:1fr;gap:30px}
  .contact-grid{grid-template-columns:1fr}
  .contact-map{min-height:320px}.contact-map iframe{min-height:320px}
  .page-cta{padding:34px 22px}
  .store-gallery.is-2{grid-template-columns:1fr}
  .store-gallery.is-2 .store-shot{aspect-ratio:1.7}
  .store-gallery.is-many{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .store-gallery.is-many .store-shot{aspect-ratio:1.4}
  .store-gallery.is-many .store-shot--lead{grid-column:1 / -1;grid-row:auto;aspect-ratio:1.8}
}

/* Páginas legais (privacidade, termos, acessibilidade) */
.legal{max-width:760px;margin-inline:auto}
.legal-updated{color:var(--muted);font-size:13px;margin-bottom:22px}
.legal h2{font:650 20px/1.3 var(--display);letter-spacing:-.5px;color:var(--ink);margin:30px 0 10px}
.legal p{color:var(--ink);font-size:15px;line-height:1.75;margin:0 0 12px}
.legal ul{margin:0 0 14px;padding-left:20px;color:var(--ink);font-size:15px;line-height:1.75}
.legal li{margin-bottom:6px}
.legal a{color:var(--blue);text-decoration:underline}
.legal strong{font-weight:650}