/* Perícias shares Direito's layout; graphite surfaces identify this vertical. */
:root { --action-gradient: linear-gradient(105deg, #333 0%, #4d3866 62%, #70385f 100%); }
.hero-visual { filter: grayscale(1); }
.hero-wordmark strong { background-image: linear-gradient(95deg, #73a6ff, #b497ff 55%, #f28dd9); }
.hero h1 { background-image: linear-gradient(100deg, #fff 15%, #d2d2d2 80%); }
.hero-gradient-line { background-image: linear-gradient(90deg, #4c72fc, #915df1, #e06dc7); }
.format-card { background: linear-gradient(145deg, #171717, #363636); }
.teachers-section, .cohorts-section { background: #f8f8f8; }
.site-footer { background: #111; }
.next-cohort-shell { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.next-cohort-shell > div { max-width: 660px; }
.next-cohort-shell h2 { margin: 0 0 14px; }
.next-cohort-shell > div > p:last-child { margin-bottom: 0; color: #555; }
.next-cohort-shell > .button { flex-shrink: 0; }
.teacher-grid.single-teacher { grid-template-columns: minmax(0, 1fr); max-width: 960px; margin-top: 40px; }
.single-teacher .teacher-card { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.single-teacher .teacher-photo { height: 100%; min-height: 390px; max-height: 540px; object-position: center 25%; background: #222; }
.single-teacher .teacher-content { align-self: center; padding: 40px; }
.single-teacher .teacher-title { min-height: 0; }
.single-offer { grid-template-columns: minmax(0, 1fr); }
.single-offer .checkout-card { min-height: 0; }
.single-offer .checkout-card p { flex: none; }
.single-offer .availability-note { font-weight: 650; color: #444; }
.offer-shell { column-gap: 64px; row-gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.post-purchase-note, .checkout-note, .cancellation-note { margin: 0; }
.checkout-note { color: #ccc; }
.price-block .payment-methods, .price-block > span { color: #ccc; }
.price-block .price-installments { font-size: 1.125rem; line-height: 1.5; }
.platform-frame img { height: auto; max-height: none; object-fit: contain; }
.platform-frame figcaption { font-size: .875rem; }
.method-section { background: linear-gradient(180deg, #f1f1f1, #f8f8f8); }
.featured-step { background: linear-gradient(145deg, #171717, #383838); }
.offer-section { background: radial-gradient(ellipse at 90% 80%, #352b37, transparent 65%), linear-gradient(135deg, #101010, #242424); }
.final-cta { background: linear-gradient(110deg, #191919, #303030); }
.section-kicker { color: #595959; }
.section-kicker.light { color: #d5c7df; }
.mini-label { color: #665077; }
.step-number { color: #555; }
.featured-step .step-number { color: #fff; }
@media (max-width: 1060px) {
  .offer-shell { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 820px) {
  .next-cohort-shell { flex-direction: column; align-items: flex-start; gap: 24px; }
}
@media (max-width: 680px) {
  .site-header, .main-nav { background: rgba(18,18,18,.96); }
  .single-teacher .teacher-card { grid-template-columns: minmax(0, 1fr); }
  .single-teacher .teacher-photo { min-height: 0; height: 340px; object-position: center 25%; }
  .single-teacher .teacher-content { padding: 26px; }
  .next-cohort-shell > .button { width: 100%; }
  .hero-lead { font-size: 1.0625rem; }
  .audience-line { font-size: 1rem; line-height: 1.45; }
}
@media (max-width: 380px) {
  .hero h1 { font-size: 2.125rem; }
  .hero-gradient-line { margin: 18px 0; }
}
