.sobre-page { background: var(--color-ivory-050); padding-block: var(--space-10) var(--space-24); }
.sobre-page .container { min-width: 0; }
.sobre-section { margin-top: var(--space-24); }
.sobre-breadcrumb { display: flex; align-items: center; gap: var(--space-2); min-width: 0; margin-bottom: var(--space-6); color: var(--color-navy-700); font-size: var(--text-sm); }
.sobre-breadcrumb span { min-width: 0; }
.sobre-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(0, 4fr); gap: var(--space-6); align-items: start; }
.sobre-hero__contexto { grid-column: 1 / 2; min-width: 0; }
.sobre-hero__contexto .eyebrow { margin-bottom: var(--space-3); }
.sobre-hero__lead { max-width: 62rem; }
.sobre-hero__lead p { max-width: 62rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.sobre-hero__visual { grid-column: 3 / 4; width: 100%; min-width: 0; margin: 0; }
.sobre-hero__visual img { width: 100%; max-width: 100%; object-fit: contain; }
.sobre-transparencia { grid-column: 1 / 2; display: flex; flex-direction: column; gap: var(--space-3); max-width: 50rem; min-width: 0; margin-top: var(--space-2); padding: var(--space-6); border: var(--border-default); border-left: 4px solid var(--color-coral-300); border-radius: var(--radius-panel); background: var(--color-paper-000); }
.sobre-transparencia p { margin: 0; }
.sobre-razao__intro { max-width: 54rem; }
.sobre-razao__intro p { max-width: 54rem; font-size: var(--text-lead); }
.sobre-razao__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.sobre-razao-card { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding: var(--space-6); border: var(--border-default); border-radius: var(--radius-panel); background: var(--color-paper-000); }
.sobre-razao-card h3, .sobre-razao-card p { margin: 0; }
.sobre-card__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-width: 0; }
.sobre-numero { flex: 0 0 auto; color: var(--color-sky-700); font-family: var(--font-heading); font-size: 1.75rem; font-weight: 800; }
.sobre-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; width: 3.5rem; min-width: 3.5rem; }
.sobre-mini-grid i { aspect-ratio: 1; border: 1px solid var(--color-line-200); background: var(--color-paper-000); }
.sobre-mini-grid--sky i:nth-child(1), .sobre-mini-grid--sky i:nth-child(4) { background: var(--color-sky-500); }
.sobre-mini-grid--mint i:nth-child(2), .sobre-mini-grid--mint i:nth-child(3) { background: var(--color-mint-300); }
.sobre-sequencia { min-width: 0; color: var(--color-navy-700); font-family: var(--font-heading); font-size: var(--text-xs); font-weight: 700; text-align: right; }
.sobre-sequencia b { color: var(--color-coral-700); }
.sobre-publicamos__intro { max-width: 58rem; }
.sobre-publicamos__intro p { max-width: 58rem; }
.sobre-publicamos__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.sobre-publica-card { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding: var(--space-6); border: var(--border-default); border-left: 4px solid var(--color-sky-500); border-radius: var(--radius-panel); background: var(--color-paper-000); }
.sobre-publica-card--guias { border-left-color: var(--color-mint-700); }
.sobre-publica-card--pratica { border-left-color: var(--color-coral-300); }
.sobre-publica-card--acesso { border-left-color: var(--color-sun-300); }
.sobre-publica-card h3, .sobre-publica-card p, .sobre-publica-card ul, .sobre-publica-card ol { margin: 0; }
.sobre-publica-card ul, .sobre-publica-card ol { padding-left: 1.25rem; }
.sobre-publica-card a { overflow-wrap: anywhere; }
.sobre-rever { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); min-width: 0; font-size: var(--text-sm); }
.sobre-rever span { min-width: 0; padding: var(--space-3); border-radius: var(--radius-card); background: rgb(233 154 136 / 22%); }
.sobre-rever span + span { background: rgb(169 220 198 / 50%); }
.sobre-metodo__intro { max-width: 54rem; }
.sobre-metodo__intro p { max-width: 54rem; font-size: var(--text-lead); }
.sobre-metodo__bandas { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; }
.sobre-banda { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-6); border: var(--border-default); border-left: 5px solid var(--color-sky-500); border-radius: var(--radius-panel); background: var(--color-paper-000); }
.sobre-banda--verificada, .sobre-banda--editorial { width: min(100%, 56.25rem); }
.sobre-banda--editorial { border-left-color: var(--color-coral-300); background: var(--color-ivory-050); }
.sobre-banda h3, .sobre-banda p { margin: 0; }
.sobre-banda--exemplo { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(0, 4fr); align-items: center; border-left-color: var(--color-mint-700); }
.sobre-banda__texto { grid-column: 1 / 2; display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.sobre-diagrama { grid-column: 3 / 4; width: 100%; min-width: 0; margin: 0; }
.sobre-diagrama svg { width: 100%; max-width: 22.5rem; margin-left: auto; color: var(--color-navy-900); }
.sobre-processo__intro { max-width: 56rem; }
.sobre-processo__intro p { max-width: 56rem; }
.sobre-passos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
.sobre-passo { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding: var(--space-6); border: var(--border-default); border-radius: var(--radius-panel); background: var(--color-paper-000); }
.sobre-passo h3, .sobre-passo p { margin: 0; }
.sobre-passo__cabeca { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-width: 0; font-family: var(--font-heading); font-weight: 800; }
.sobre-passo__cabeca > span:first-child { color: var(--color-sky-700); font-size: 1.5rem; }
.sobre-passo__icon { display: inline-flex; width: 2.75rem; min-width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border-radius: var(--radius-card); font-size: 1.25rem; }
.sobre-passo__icon--obs { border: 2px solid var(--color-sky-500); background: linear-gradient(90deg, transparent 47%, var(--color-sky-500) 47%, var(--color-sky-500) 53%, transparent 53%), linear-gradient(transparent 47%, var(--color-sky-500) 47%, var(--color-sky-500) 53%, transparent 53%); }
.sobre-passo__icon--excluir { background: rgb(233 154 136 / 35%); color: var(--color-coral-700); }
.sobre-passo__icon--confirmar { background: var(--color-mint-300); color: var(--color-mint-700); }
.sobre-passo--escuro { border-color: var(--color-navy-900); background: var(--color-navy-900); color: var(--color-ivory-050); }
.sobre-passo--escuro h3 { color: var(--color-ivory-050); }
.sobre-passo--escuro .sobre-passo__cabeca > span:first-child { color: var(--color-sun-300); }
.sobre-passo__icon--rever { background: rgb(255 255 255 / 12%); color: var(--color-ivory-050); }
.sobre-publico__intro { max-width: 54rem; }
.sobre-publico__intro p { max-width: 54rem; }
.sobre-perfis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.sobre-perfil { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding: var(--space-6); border: var(--border-default); border-top: 5px solid var(--color-sky-500); border-radius: var(--radius-panel); background: var(--color-paper-000); }
.sobre-perfil--estrategia { border-top-color: var(--color-mint-700); }
.sobre-perfil--origem { border-top-color: var(--color-sun-300); }
.sobre-perfil h3, .sobre-perfil p { margin: 0; }
.sobre-perfil__frase { color: var(--color-navy-700); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 800; }
.sobre-limites__intro { max-width: 52rem; }
.sobre-limites__intro p { max-width: 52rem; }
.sobre-limites__painel { display: flex; flex-direction: column; gap: 0; width: min(100%, 67.5rem); min-width: 0; margin-inline: auto; padding: var(--space-10); border: 1px solid var(--color-navy-900); border-radius: var(--radius-feature); background: var(--color-paper-000); }
.sobre-limites__painel article { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding-block: var(--space-6); border-top: var(--border-default); }
.sobre-limites__painel article:first-child { padding-top: 0; border-top: 0; }
.sobre-limites__painel article > span { color: var(--color-coral-700); font-family: var(--font-heading); font-weight: 800; }
.sobre-limites__painel article > div { min-width: 0; }
.sobre-limites__painel h3, .sobre-limites__painel p { margin: 0; }
.sobre-limites__painel h3 { margin-bottom: var(--space-3); }
.sobre-limites__final { margin-bottom: 0; padding: var(--space-6) !important; border-radius: var(--radius-card); background: rgb(169 220 198 / 50%); }
.sobre-google-play__painel { display: flex; flex-direction: column; align-items: center; gap: var(--space-6); min-width: 0; padding: var(--space-16); border-radius: var(--radius-feature); background: var(--color-navy-900); color: var(--color-ivory-050); text-align: center; }
.sobre-google-play__copy { width: min(100%, 43.75rem); min-width: 0; margin-inline: auto; }
.sobre-google-play__copy h2, .sobre-google-play__copy p { margin: 0; color: var(--color-ivory-050); }
.sobre-google-play__copy h2 { margin-bottom: var(--space-4); }
.sobre-google-play__cta { min-width: 13.75rem; border-color: var(--color-paper-000); background: var(--color-paper-000); color: var(--color-navy-900); }
.sobre-google-play__cta:hover { border-color: var(--color-sky-500); background: var(--color-sky-500); color: var(--color-navy-900); }
.sobre-google-play__nota { max-width: 34rem; margin: 0; color: var(--color-ivory-050); font-size: var(--text-sm); }
.sobre-fecho__cartao { display: flex; flex-direction: column; gap: var(--space-4); width: min(100%, 43.75rem); min-width: 0; margin-inline: auto; padding: var(--space-12); border: var(--border-default); border-bottom: 4px solid var(--color-line-200); border-radius: var(--radius-panel); background: var(--color-paper-000); }
.sobre-fecho__cartao h2, .sobre-fecho__cartao p { margin: 0; }
.sobre-fecho__assinatura { display: block; margin-top: var(--space-2); color: var(--color-navy-700); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 700; }
@media (max-width: 69.99rem) { .sobre-hero__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); } .sobre-hero__contexto, .sobre-transparencia { grid-column: 1 / 2; } .sobre-hero__visual { grid-column: 2 / 3; } .sobre-passos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 65.62rem) { .sobre-razao__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sobre-razao-card:nth-child(3) { grid-column: 1 / 3; } }
@media (max-width: 59.99rem) { .sobre-perfis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sobre-perfil--origem { grid-column: 1 / 3; } }
@media (max-width: 57.49rem) { .sobre-hero__grid { grid-template-columns: minmax(0, 1fr); } .sobre-hero__contexto, .sobre-hero__visual, .sobre-transparencia { grid-column: 1 / 2; } .sobre-hero__visual { max-width: 27.5rem; } .sobre-banda--exemplo { grid-template-columns: minmax(0, 1fr); } .sobre-banda__texto, .sobre-diagrama { grid-column: 1 / 2; } .sobre-diagrama svg { margin-left: 0; } }
@media (max-width: 51.24rem) { .sobre-publicamos__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 44.99rem) { .sobre-page { padding-block: var(--space-8) var(--space-16); } .sobre-section { margin-top: var(--space-16); } .sobre-razao__cards, .sobre-passos, .sobre-perfis { grid-template-columns: minmax(0, 1fr); } .sobre-razao-card:nth-child(3), .sobre-perfil--origem { grid-column: 1 / 2; } .sobre-razao-card, .sobre-publica-card, .sobre-banda, .sobre-passo, .sobre-perfil { padding: var(--space-5, 1.25rem); } .sobre-limites__painel { padding: var(--space-5, 1.25rem); } .sobre-google-play__painel { align-items: stretch; padding: 1.75rem 1.25rem; text-align: left; } .sobre-google-play__copy { width: 100%; margin-inline: 0; } .sobre-google-play__cta { width: 100%; } .sobre-google-play__nota { max-width: none; } .sobre-fecho__cartao { width: 100%; padding: var(--space-6) var(--space-5, 1.25rem); } }
@media (max-width: 29.99rem) { .sobre-passo__cabeca { align-items: flex-start; } .sobre-passo__icon { width: 2.5rem; min-width: 2.5rem; height: 2.5rem; } }
@media (prefers-reduced-motion: reduce) { .sobre-page *, .sobre-page *::before, .sobre-page *::after { transition-duration: 0.01ms; } }