/* Componentes exclusivos da página inicial. */
.home-page { color: #193b59; }
.home-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.home-eyebrow { display: flex; align-items: center; gap: 7px; margin: 0 0 9px; color: #155cb2; font-size: .75rem; line-height: 1.5; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; }
.home-intro h1 { margin: 0 0 12px; font-size: clamp(1.8rem, 3.1vw, 2.8rem); line-height: 1.2; font-weight: 750; letter-spacing: -.025em; }
.home-intro p:last-child { margin: 0; max-width: 76ch; color: #52677b; }
.home-intro-link { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; padding: 10px 0; font-size: .85rem; font-weight: 650; color: #155cb2; }
.home-hero { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.home-hero > * { min-width: 0; }
.home-banner__caption .home-eyebrow { margin-bottom: 7px; }
.home-banner__caption .home-banner__title { font-size: clamp(1.25rem, 2vw, 1.7rem); }
.home-banner__description { font-size: .95rem; }
.home-banner__navigation { flex-wrap: wrap; gap: 10px; }
.home-banner .carousel-indicators { flex: 1; justify-content: center; min-width: 0; }
.home-banner__arrow { flex-shrink: 0; width: 44px; height: 44px; }
.home-carousel-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 44px; padding: 8px 10px; border: 1px solid #b8cce2; border-radius: 22px; background: #fff; color: #1258a5; font-size: .8rem; }
.home-carousel-toggle:hover { background: #eaf3ff; }
.home-help { display: flex; flex-direction: column; align-self: stretch; justify-content: space-between; gap: 8px; padding: clamp(22px, 2.5vw, 30px); border-radius: 18px; border: 1px solid #105cb6; background: linear-gradient(140deg, #084b9a, #0969ca); color: #fff; }
.home-help .home-eyebrow { color: #d8eeff; }
.home-help h2 { margin: 0 0 12px; font-size: clamp(1.4rem, 2.1vw, 1.9rem); font-weight: 750; line-height: 1.25; }
.home-help p { margin: 0 0 22px; font-size: .9rem; line-height: 1.6; color: #e3effd; }
.home-help-links { display: grid; flex: 1; grid-auto-rows: minmax(0, 1fr); gap: 12px; }
.home-help-links a { display: flex; align-items: center; gap: 12px; padding: 16px 14px; border: 1px solid #ffffff80; border-radius: 12px; background: #fff; color: #193b59; transition: background .15s ease; }
.home-help-links a:hover { background: #eaf5ff; }
.home-help-links a > span:not(.home-help-icon) { flex: 1; min-width: 0; }
.home-help-icon { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: #edf5ff; color: #1465d3; font-size: 1.3rem; }
.home-help-links a:nth-child(2) .home-help-icon { background: #eaf8f4; color: #008677; }
.home-help-links a:nth-child(3) .home-help-icon { background: #f5efff; color: #7a42c4; }
.home-help-links strong { display: block; font-size: .9rem; line-height: 1.4; }
.home-help-links small { display: block; margin-top: 4px; color: #52677b; font-size: .75rem; line-height: 1.5; }
.home-help-links a > i { flex-shrink: 0; color: #1465d3; }
.home-section { margin-top: clamp(36px, 5vw, 60px); }
.home-section-header { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
.home-section-header h2 { margin: 0 0 8px; font-size: clamp(1.45rem, 2.6vw, 2rem); line-height: 1.3; font-weight: 750; }
.home-section-header p { margin: 0; color: #52677b; font-size: .95rem; }
.home-section-header > .btn { flex-shrink: 0; }
.home-access-column, .home-news-column { display: flex; }
.home-access-card { --acesso-cor: #1465d3; --acesso-fundo: #edf5ff; display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-width: 0; padding: 24px; border: 1px solid #d5e3f1; border-left: 5px solid var(--acesso-cor); border-radius: 14px; background: #fff; box-shadow: 0 5px 20px #16325408; }
.home-access-column:nth-child(4n+2) .home-access-card { --acesso-cor: #008677; --acesso-fundo: #eaf8f4; }
.home-access-column:nth-child(4n+3) .home-access-card { --acesso-cor: #7a42c4; --acesso-fundo: #f5efff; }
.home-access-column:nth-child(4n+4) .home-access-card { --acesso-cor: #a46808; --acesso-fundo: #fff7e1; }
.home-access-icon { display: grid; place-items: center; width: 72px; height: 72px; margin-bottom: 18px; padding: 4px; border: 1px solid #dce5ef; border-radius: 16px; background: var(--acesso-fundo); color: var(--acesso-cor); font-size: 1.8rem; }
.home-access-icon img { display: block; width: 64px; height: 64px; object-fit: contain; border-radius: 10px; }
.home-access-card h3 { margin: 0 0 10px; font-size: 1.1rem; line-height: 1.4; font-weight: 750; }
.home-access-card p { margin: 0 0 16px; color: #52677b; font-size: .9rem; line-height: 1.65; }
.home-access-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 44px; margin-top: auto; padding-top: 12px; border-top: 1px solid #e2eaf2; color: var(--acesso-cor); font-size: .9rem; font-weight: 700; }
.home-access-link:hover > span { text-decoration: underline; }
.home-emergency { padding: clamp(20px, 3vw, 32px); border: 1px solid #efbac3; border-radius: 18px; background: #fff3f5; }
.home-emergency .home-eyebrow { color: #ab2c40; }
.home-emergency .home-section-header h2 { color: #8e2637; }
.home-emergency-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 14px; }
.home-emergency-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 20px; border: 1px solid #efbac3; border-top: 4px solid #c5374d; border-radius: 12px; background: #fff; }
.home-emergency-card h3 { margin: 0 0 8px; font-size: .95rem; line-height: 1.4; font-weight: 700; }
.home-emergency-card a { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; min-height: 44px; max-width: 100%; color: #ab2c40; }
.home-emergency-card a > i { font-size: 1rem; }
.home-emergency-card strong { min-width: 0; font-size: clamp(1.25rem, 2.2vw, 1.85rem); font-variant-numeric: tabular-nums; line-height: 1.3; overflow-wrap: anywhere; }
.home-emergency-card a:hover strong { text-decoration: underline; }
.home-emergency-card p { margin: 8px 0 0; color: #52677b; font-size: .8rem; line-height: 1.5; }
.home-about { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 40px; padding: clamp(22px, 3vw, 32px); border: 1px solid #c6d9ee; border-radius: 16px; background: #edf5ff; }
.home-about-icon { display: grid; place-items: center; flex-shrink: 0; width: 58px; height: 58px; border: 1px solid #bfd7f5; border-radius: 14px; background: #fff; color: #1465d3; font-size: 1.7rem; }
.home-about > div { flex: 1 1 300px; min-width: 0; }
.home-about h2 { margin: 0 0 8px; font-size: 1.4rem; font-weight: 700; }
.home-about p { margin: 0; max-width: 70ch; color: #52677b; font-size: .95rem; }
@media (max-width: 1199.98px) {
    .home-intro { align-items: flex-start; flex-direction: column; gap: 8px; }
    .home-hero { grid-template-columns: minmax(0, 1fr); }
    .home-help-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-help-links a { flex-wrap: wrap; align-items: flex-start; }
    .home-help-links a > span:not(.home-help-icon) { flex-basis: calc(100% - 60px); }
    .home-help-links a > i { display: none; }
}
@media (max-width: 767.98px) {
    .home-help-links { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .home-help-links a { align-items: center; flex-wrap: nowrap; padding: 14px; }
    .home-help-links a > i { display: inline; }
    .home-help-links a > span:not(.home-help-icon) { flex-basis: auto; }
    .home-help p { margin-bottom: 18px; }
    .home-about-icon { width: 48px; height: 48px; }
}
@media (max-width: 575.98px) {
    .home-intro { margin-bottom: 20px; }
    .home-hero { gap: 18px; }
    .home-banner__navigation { gap: 8px; padding: 10px 12px; }
    .home-carousel-toggle { flex-basis: 100%; }
    .home-help { padding: 20px; border-radius: 14px; }
    .home-access-card { padding: 20px; }
    .home-emergency-card { padding: 16px; }
    .home-about { gap: 14px; }
    .home-about > .btn { width: 100%; }
}