/* v14: páginas por ramo e cidade (/marketing/para/). Usa os tokens e componentes da landing (landing.css). */
.para h1 { font-size: clamp(1.9rem, 5vw, 3rem); line-height: 1.08; font-weight: 800; margin: 0 0 16px; max-width: 760px; }
.para h2 { font-size: clamp(1.5rem, 3.8vw, 2.2rem); line-height: 1.15; font-weight: 800; margin: 0 0 18px; }
.para h3 { font-size: 1.05rem; margin: 0 0 6px; }
.para-topo { padding-top: 120px; }
.para .rotulo a { color: inherit; }
.para-resposta { color: var(--s300); font-size: 1.08rem; max-width: 640px; margin: 0 0 24px; }
.para-hero { display: grid; gap: 36px; align-items: center; }
@media (min-width: 980px) { .para-hero { grid-template-columns: 1.05fr 1fr; gap: 48px; } }
.para-artes { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; min-width: 0; }
.para-artes img { width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--borda); box-shadow: var(--sombra); }
.para-artes img:nth-child(2) { transform: translateY(20px); }
.para-artes figcaption { grid-column: 1 / -1; margin-top: 28px; color: var(--s500); font-size: .82rem; text-align: center; }
.para-itens { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
@media (min-width: 720px) { .para-itens { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .para-itens { grid-template-columns: repeat(3, 1fr); } }
.para-itens li { padding: 20px; border-radius: var(--r-card); background: rgba(15,23,42,.6); border: 1px solid var(--borda); }
.para-itens p { margin: 0; color: var(--s300); }
.para-datas { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 10px; }
@media (min-width: 720px) { .para-datas { grid-template-columns: repeat(2, 1fr); } }
.para-datas li { display: grid; grid-template-columns: 150px 1fr; grid-template-rows: auto auto; column-gap: 14px; padding: 14px 16px; border-radius: 14px; background: rgba(15,23,42,.6); border: 1px solid var(--borda); }
.para-datas b { grid-row: 1 / 3; color: var(--azul-l); }
.para-datas span { font-weight: 600; }
.para-datas em { font-style: normal; font-size: .82rem; color: #4ADE80; }
@media (max-width: 480px) { .para-datas li { grid-template-columns: 1fr; } .para-datas b { grid-row: auto; } }
.para-cid { display: grid; gap: 24px; align-items: center; }
@media (min-width: 900px) { .para-cid { grid-template-columns: 1fr 1fr; } }
.para-cid p { color: var(--s300); }
.para-oferta { padding: 24px; border-radius: var(--r-card); background: radial-gradient(500px 200px at 0% 0%, rgba(79,127,255,.25), transparent 70%), rgba(15,23,42,.6); border: 1px solid var(--borda-hover); }
.para-faq details { border-bottom: 1px solid var(--borda); padding: 16px 0; }
.para-faq summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.para-faq p { color: var(--s300); margin: 8px 0 0; }
.para-links p { color: var(--s300); line-height: 2; }
.para-links a { color: var(--azul-l); }
.para-grade { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
@media (min-width: 1040px) { .para-grade { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
.para-grade li { min-width: 0; }
.para-cartao { display: flex; flex-direction: column; gap: 10px; height: 100%; box-sizing: border-box; padding: 10px 10px 12px; border-radius: 16px; background: rgba(15,23,42,.7); border: 1px solid var(--borda);
  color: var(--branco); text-decoration: none; transition: border-color .2s, transform .2s; }
.para-cartao:hover, .para-cartao:focus-visible { border-color: var(--borda-hover); transform: translateY(-2px); }
.para-nome { font-weight: 700; font-size: .95rem; line-height: 1.2; min-height: 2.4em; display: flex; align-items: center; padding: 0 2px; }
.para-cartao img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 10px; }
.para-ver { margin-top: auto; font-size: .78rem; color: var(--azul-l); line-height: 1.3; padding: 0 2px; }
.para .secao { padding: 44px 0; }
.para .para-topo { padding-top: 112px; }