/* Amor de Bicho - página de Transparência */
.abt { font-family: "Nunito Sans", sans-serif; color: #3D3D35; }
.abt * { box-sizing: border-box; }
.abt-verde { color: #6aa629; }
.abt-titulo { margin: 0 0 8px; font-family: "Playfair Display", "Playfair", Georgia, serif; font-weight: 500; font-size: 36px; line-height: 1.2; color: #3D3D35; }
.abt-sub { margin: 0 0 30px; font-size: 16px; color: #666; }
.abt-info { padding: 22px 28px; border-radius: 16px; background: #EAF3DE; color: #3B6D11; font-size: 16px; line-height: 1.5; }
.abt-secao { margin: 34px 0 22px; font-family: "Playfair Display", "Playfair", Georgia, serif; font-weight: 500; font-size: 24px; color: #3D3D35; }

.abt-grafico { display: flex; align-items: center; gap: 48px; flex-wrap: wrap; padding: 6px 0 6px 18px; }
.abt-rosca { position: relative; width: 150px; height: 150px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 0 3px #eee; }
.abt-rosca span { position: absolute; inset: 37px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; font-size: 13px; color: #333; }
.abt-legenda { list-style: none; margin: 0; padding: 0; }
.abt-legenda li { display: flex; align-items: center; gap: 10px; margin: 0 0 11px; font-size: 16px; }
.abt-legenda i { width: 14px; height: 14px; border-radius: 3px; flex-shrink: 0; }
.abt-nota { margin: 10px 0 0; font-size: 13px; color: #888; }

.abt-lista { display: flex; flex-direction: column; gap: 14px; }
.abt-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; border: 1px solid #e3e6df; border-radius: 12px; background: #fff; color: inherit !important; text-decoration: none !important; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.abt-card:hover { border-color: #98BF41; box-shadow: 0 8px 20px rgba(59, 109, 17, .08); transform: translateY(-2px); }
.abt-card-texto { display: flex; flex-direction: column; gap: 6px; }
.abt-card strong { font-size: 17px; font-weight: 700; color: #333; }
.abt-card small { font-size: 14px; color: #777; }
.abt-selo { flex-shrink: 0; padding: 6px 12px; border-radius: 8px; background: #EAF3DE; color: #3B6D11; font-size: 13px; font-weight: 700; }
.abt-card:hover .abt-selo { background: #6aa629; color: #fff; }
.abt-vazio { padding: 22px; border-radius: 12px; background: #f6f6f6; color: #777; }
.abt-rodape { margin-top: 30px; padding: 24px; border-radius: 12px; background: #F4F4F4; color: #666; font-size: 15px; line-height: 1.6; }

@media (max-width: 600px) {
    .abt-titulo { font-size: 28px; }
    .abt-info { padding: 18px 20px; font-size: 15px; }
    .abt-grafico { gap: 24px; padding-left: 0; justify-content: center; }
    .abt-legenda li { font-size: 15px; }
    .abt-card { flex-direction: column; align-items: flex-start; padding: 16px 18px; }
    .abt-card strong { font-size: 16px; }
}