/* ===== HEADER & FOOTER (Global) ===== */

:root {
    --color-primary: #00509E;
    --color-secondary: #FFD100;
    --color-accent: #00A4A6;
    --color-text-main: #1a1a1a;
    --color-bg-white: #ffffff;
    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Header */
.atl-custom-header {
    background: var(--color-primary);
    padding: 1.25rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: var(--shadow-soft);
}

.atl-header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.atl-logo-link {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.atl-logo-img {
    height: 40px;
    width: auto;
}

.atl-custom-nav {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.atl-custom-nav a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: opacity 0.3s;
}

.atl-custom-nav a:hover {
    opacity: 0.8;
}

/* Footer */
.atl-custom-footer {
    background: var(--color-primary);
    color: white;
    padding: 3rem 0 1rem;
    margin-top: 4rem;
}

.atl-footer-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-bottom: 2rem;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5rem;
}

.atl-footer-brand {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.atl-footer-brand p {
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.atl-footer-links {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

.atl-footer-links a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color 0.3s;
}

.atl-footer-links a:hover {
    color: var(--color-secondary);
}

.atl-footer-bottom {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Responsive Header/Footer */
@media (max-width: 768px) {
    .atl-custom-nav {
        gap: 1rem;
    }

    .atl-footer-container {
        grid-template-columns: 1fr;
    }
}

/* ===== MAIN CONTENT ===== */

#atlantico-depfederal-wrap {
    font-family: 'Inter', sans-serif;
    color: #333333;
    line-height: 1.6;
    background-color: #f9fbfd;
    padding: 0;
    margin: 0;
    --atl-blue-primary: #004B87;
    --atl-green-primary: #009b72;
    --atl-teal-primary: #00A4A6;
    --atl-blue-light: #e6f0fa;
    --atl-green-light: #e6f5f1;
    --atl-teal-light: #e0f7f7;
    --atl-blue-accent: #0077b6;
    --atl-orange: #ff9f1c;
    --atl-yellow: #f4d03f;
    --atl-white: #ffffff;
    --atl-gray-light: #f4f6f8;
    --atl-gray-text: #000000;
    --atl-border: #e0e6ed;
    --atl-shadow: 0 4px 15px rgba(0, 75, 135, 0.08);
    --atl-transition: all 0.3s ease;
    --atl-purple: #6c5ce7;
}

#atlantico-depfederal-wrap * {
    box-sizing: border-box;
}

#atlantico-depfederal-wrap .atl-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

#atlantico-depfederal-wrap h1,
#atlantico-depfederal-wrap h2,
#atlantico-depfederal-wrap h3 {
    margin-top: 0;
    color: var(--atl-blue-primary);
}

/* Hero Section */
#atlantico-depfederal-wrap .atl-hero {
    background: linear-gradient(135deg, rgba(0, 155, 114, 0.86) 0%, rgba(0, 75, 135, 0.88) 100%), url('hero-deputado-federal.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: var(--atl-white);
    padding: 80px 20px 100px;
    border-radius: 0 0 40px 40px;
    margin-bottom: -40px;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#atlantico-depfederal-wrap .atl-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    max-width: 900px;
}

#atlantico-depfederal-wrap .atl-hero-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    color: var(--atl-white);
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

#atlantico-depfederal-wrap .atl-hero h1 {
    color: var(--atl-white);
    font-size: 3.5rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.2;
}

#atlantico-depfederal-wrap .atl-hero h1 span {
    color: var(--atl-yellow);
}

#atlantico-depfederal-wrap .atl-hero-subtitle {
    font-size: 1.25rem;
    font-weight: 400;
    opacity: 0.95;
    line-height: 1.8;
    margin: 0;
}

#atlantico-depfederal-wrap .atl-btn-large {
    padding: 14px 32px !important;
    font-size: 1.05rem !important;
}


/* Sections Common */
#atlantico-depfederal-wrap section {
    padding: 80px 0;
}

#atlantico-depfederal-wrap .atl-section-title {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 15px;
}

#atlantico-depfederal-wrap .atl-section-desc {
    text-align: center;
    color: var(--atl-gray-text);
    max-width: 700px;
    margin: 0 auto 40px;
    font-size: 1.2rem;
}

/* Intro Section */
#atlantico-depfederal-wrap .atl-intro-section {
    background: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

#atlantico-depfederal-wrap .atl-text-card {
    background: var(--atl-white);
    padding: 40px;
    border-radius: 20px;
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-text-card h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

#atlantico-depfederal-wrap .atl-text-card p {
    font-size: 1.05rem;
    color: var(--atl-gray-text);
    margin-bottom: 15px;
}

#atlantico-depfederal-wrap .atl-btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: var(--atl-transition);
    margin-top: 15px;
}

#atlantico-depfederal-wrap .atl-btn-primary {
    background: var(--atl-blue-primary);
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-btn-primary:hover {
    background: var(--atl-blue-accent);
    transform: translateY(-2px);
}

/* Info Section - AZUL */
#atlantico-depfederal-wrap .atl-info-section {
    background: #004B87;
    padding: 60px 0;
    border-top: 1px solid var(--atl-border);
    border-bottom: 1px solid var(--atl-border);
}

#atlantico-depfederal-wrap .atl-info-section .atl-section-title {
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-info-section .atl-section-desc {
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-info-section .atl-section-title {
    margin-bottom: 50px;
}

#atlantico-depfederal-wrap .atl-info-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
    max-width: 100%;
}

@media (max-width: 768px) {
    #atlantico-depfederal-wrap .atl-info-cards-grid {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    #atlantico-depfederal-wrap .atl-info-card-compact {
        padding: 25px 15px;
    }

    #atlantico-depfederal-wrap .atl-info-number {
        font-size: 2rem;
    }

    #atlantico-depfederal-wrap .atl-info-stat span {
        font-size: 0.75rem;
    }

    #atlantico-depfederal-wrap .atl-info-label h4 {
        font-size: 0.9rem;
    }
}

#atlantico-depfederal-wrap .atl-info-card-compact {
    background: var(--atl-white);
    border-radius: 16px;
    padding: 35px 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-top: 4px solid;
    transition: var(--atl-transition);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

#atlantico-depfederal-wrap .atl-info-card-compact:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-blue {
    border-top-color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-teal {
    border-top-color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-green {
    border-top-color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-orange {
    border-top-color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-info-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

#atlantico-depfederal-wrap .atl-info-number {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-blue .atl-info-number {
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-teal .atl-info-number {
    color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-green .atl-info-number {
    color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-orange .atl-info-number {
    color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-info-stat span {
    font-size: 0.85rem;
    color: var(--atl-gray-text);
    font-weight: 500;
}

#atlantico-depfederal-wrap .atl-info-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#atlantico-depfederal-wrap .atl-info-label i {
    font-size: 1.8rem;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-blue .atl-info-label i {
    background: rgba(0, 75, 135, 0.15);
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-teal .atl-info-label i {
    background: rgba(0, 164, 166, 0.15);
    color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-green .atl-info-label i {
    background: rgba(0, 155, 114, 0.15);
    color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-info-card-compact.atl-info-orange .atl-info-label i {
    background: rgba(255, 159, 28, 0.15);
    color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-info-label h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--atl-blue-primary);
}

/* Competências Section - BRANCO com cores variadas */
#atlantico-depfederal-wrap .atl-competencias-section {
    background: var(--atl-white);
    border-top: 1px solid var(--atl-border);
    border-bottom: 1px solid var(--atl-border);
}

#atlantico-depfederal-wrap .atl-competencias-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

#atlantico-depfederal-wrap .atl-competencia-card {
    background: var(--atl-white);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid var(--atl-border);
    border-left: 4px solid var(--atl-border);
    overflow: hidden;
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-competencia-card:hover {
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-green {
    border-left-color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-green:hover,
#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-green.active {
    border-color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-blue {
    border-left-color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-blue:hover,
#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-blue.active {
    border-color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-orange {
    border-left-color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-orange:hover,
#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-orange.active {
    border-color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-teal {
    border-left-color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-teal:hover,
#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-teal.active {
    border-color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-yellow {
    border-left-color: var(--atl-yellow);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-yellow:hover,
#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-yellow.active {
    border-color: var(--atl-yellow);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-purple {
    border-left-color: var(--atl-purple);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-purple:hover,
#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-purple.active {
    border-color: var(--atl-purple);
}

#atlantico-depfederal-wrap .atl-comp-header {
    padding: 20px 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 20px;
}

#atlantico-depfederal-wrap .atl-comp-icon {
    width: 50px;
    height: 50px;
    background: var(--atl-blue-light);
    color: var(--atl-blue-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-green .atl-comp-icon {
    color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-orange .atl-comp-icon {
    color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-teal .atl-comp-icon {
    color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-yellow .atl-comp-icon {
    color: var(--atl-yellow);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-purple .atl-comp-icon {
    color: var(--atl-purple);
}

#atlantico-depfederal-wrap .atl-comp-header h3 {
    margin: 0;
    font-size: 1.3rem;
    flex-grow: 1;
}

#atlantico-depfederal-wrap .atl-toggle-btn {
    background: transparent;
    border: none;
    color: var(--atl-blue-primary);
    font-size: 1.2rem;
    cursor: pointer;
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-competencia-card.active .atl-toggle-btn {
    transform: rotate(180deg);
}

#atlantico-depfederal-wrap .atl-competencia-card.active .atl-comp-icon {
    background: var(--atl-blue-primary);
    color: var(--atl-white);
}

/* Color-specific active icon states */
#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-green.active .atl-comp-icon {
    background: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-orange.active .atl-comp-icon {
    background: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-yellow.active .atl-comp-icon {
    background: var(--atl-yellow);
    color: #333333;
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-teal.active .atl-comp-icon {
    background: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-competencia-card.atl-comp-purple.active .atl-comp-icon {
    background: var(--atl-purple);
}

#atlantico-depfederal-wrap .atl-comp-content {
    max-height: none;
    overflow: visible;
    transition: max-height 0.4s ease-out;
    background: var(--atl-gray-light);
    display: block;
}

#atlantico-depfederal-wrap .atl-comp-content p {
    padding: 25px 25px 0;
    margin: 0;
    font-size: 1rem;
    color: var(--atl-gray-text);
    line-height: 1.6;
}

#atlantico-depfederal-wrap .atl-highlight-box {
    margin: 15px 25px 25px;
    padding: 15px;
    background: rgba(255, 159, 28, 0.1);
    border-left: 4px solid var(--atl-orange);
    border-radius: 0 8px 8px 0;
    font-size: 0.95rem;
    color: #000000;
}

#atlantico-depfederal-wrap .atl-highlight-box strong {
    color: var(--atl-blue-primary);
}

/* Impactos Section - VERDE */
#atlantico-depfederal-wrap .atl-impactos-section {
    background: #009b72;
}

#atlantico-depfederal-wrap .atl-impactos-section .atl-section-title {
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-impactos-section .atl-section-desc {
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-impactos-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

#atlantico-depfederal-wrap .atl-impacto-item {
    background: var(--atl-gray-light);
    padding: 30px;
    border-radius: 16px;
    border: 1px solid var(--atl-border);
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-impacto-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-impacto-icon {
    width: 60px;
    height: 60px;
    background: var(--atl-teal-light);
    color: var(--atl-teal-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

#atlantico-depfederal-wrap .atl-impacto-item:nth-child(1) .atl-impacto-icon {
    background: rgba(0, 75, 135, 0.15);
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-impacto-item:nth-child(2) .atl-impacto-icon {
    background: rgba(0, 155, 114, 0.15);
    color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-impacto-item:nth-child(3) .atl-impacto-icon {
    background: rgba(244, 208, 63, 0.25);
    color: #d4a500;
}

#atlantico-depfederal-wrap .atl-impacto-item:nth-child(4) .atl-impacto-icon {
    background: rgba(255, 159, 28, 0.15);
    color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-impacto-item:nth-child(5) .atl-impacto-icon {
    background: rgba(0, 75, 135, 0.15);
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-impacto-item:nth-child(6) .atl-impacto-icon {
    background: rgba(0, 155, 114, 0.15);
    color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-impacto-item h4 {
    font-size: 1.2rem;
    color: var(--atl-blue-primary);
    margin: 0 0 10px;
}

#atlantico-depfederal-wrap .atl-impacto-item p {
    font-size: 1rem;
    color: var(--atl-gray-text);
    margin: 0;
    line-height: 1.6;
}

/* Poderes Section - AZUL */
#atlantico-depfederal-wrap .atl-poderes-section {
    background: #004B87;
    border-top: 1px solid var(--atl-border);
}

#atlantico-depfederal-wrap .atl-poderes-section .atl-section-title {
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-poderes-section .atl-section-desc {
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-poderes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

#atlantico-depfederal-wrap .atl-poder-card {
    background: #e6f5f1;
    border-radius: 16px;
    padding: 30px;
    box-shadow: var(--atl-shadow);
    border: 2px solid var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-poder-card.atl-poder-orange {
    background: #fef3e0;
    border-color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-poder-card.atl-poder-blue {
    background: #cde2f2;
    border-color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-poder-icon {
    width: 60px;
    height: 60px;
    background: var(--atl-teal-light);
    color: var(--atl-teal-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

#atlantico-depfederal-wrap .atl-poder-card.atl-poder-orange .atl-poder-icon {
    background: rgba(255, 159, 28, 0.1);
    color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-poder-card.atl-poder-blue .atl-poder-icon {
    background: var(--atl-blue-light);
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-poder-card h3 {
    margin: 15px 0;
    font-size: 1.4rem;
}

#atlantico-depfederal-wrap .atl-poder-label {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #999;
    font-weight: 500;
    display: block;
    margin-top: 3px;
}

#atlantico-depfederal-wrap .atl-poder-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#atlantico-depfederal-wrap .atl-poder-card li {
    padding: 10px 0;
    color: var(--atl-gray-text);
    font-size: 0.95rem;
}

#atlantico-depfederal-wrap .atl-poder-card li:before {
    content: "✓ ";
    color: var(--atl-green-primary);
    font-weight: 700;
    margin-right: 8px;
}

#atlantico-depfederal-wrap .atl-poder-relationship {
    background: var(--atl-white);
    padding: 40px;
    border-radius: 16px;
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-poder-relationship h4 {
    text-align: center;
    font-size: 1.3rem;
    color: var(--atl-blue-primary);
    margin-bottom: 30px;
}

#atlantico-depfederal-wrap .atl-relationship-items {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
}

#atlantico-depfederal-wrap .atl-rel-item {
    flex: 1;
    min-width: 200px;
    padding: 25px;
    background: var(--atl-blue-primary);
    border-radius: 8px;
    border-left: 6px solid #009b72;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    transition: var(--atl-transition);
    display: flex;
    flex-direction: column;
    min-height: 180px;
}

#atlantico-depfederal-wrap .atl-rel-title {
    display: block;
    font-weight: 700;
    color: var(--atl-yellow);
    margin-bottom: 8px;
    font-size: 1.15rem;
}

#atlantico-depfederal-wrap .atl-rel-item p {
    margin: 0;
    font-size: 1rem;
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-relationship-items i {
    color: var(--atl-teal-primary);
    font-size: 1.4rem;
    flex-shrink: 0;
}

/* Estrutura Section - AMARELO */
#atlantico-depfederal-wrap .atl-estrutura-section {
    background: #FFD100;
}

#atlantico-depfederal-wrap .atl-estrutura-section .atl-section-title {
    color: #333333;
}

#atlantico-depfederal-wrap .atl-estrutura-section .atl-section-desc {
    color: #333333;
}

#atlantico-depfederal-wrap .atl-estrutura-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

#atlantico-depfederal-wrap .atl-estrutura-card {
    background: var(--atl-white);
    border: 1px solid var(--atl-border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-estrutura-card:hover {
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-estrutura-header {
    background: var(--atl-teal-primary);
    color: var(--atl-white);
    padding: 20px;
}

#atlantico-depfederal-wrap .atl-estrutura-card:nth-child(1) .atl-estrutura-header {
    background: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-estrutura-card:nth-child(2) .atl-estrutura-header {
    background: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-estrutura-card:nth-child(3) .atl-estrutura-header {
    background: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-estrutura-card:nth-child(4) .atl-estrutura-header {
    background: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-estrutura-header h4 {
    margin: 0;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

#atlantico-depfederal-wrap .atl-estrutura-card p {
    padding: 20px;
    margin: 0;
    font-size: 0.95rem;
    color: var(--atl-gray-text);
    line-height: 1.6;
}

/* Curiosidades Flip Cards */
#atlantico-depfederal-wrap .atl-curiosidades-senado {
    background: var(--atl-green-primary);
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-curiosidades-senado .atl-section-title {
    color: var(--atl-yellow);
}

#atlantico-depfederal-wrap .atl-curiosidades-senado .atl-section-desc {
    color: rgba(255, 255, 255, 0.9);
}

#atlantico-depfederal-wrap .atl-curiosidades-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

#atlantico-depfederal-wrap .atl-flip-card {
    background-color: transparent;
    height: 250px;
    perspective: 1000px;
}

#atlantico-depfederal-wrap .atl-flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform-style: preserve-3d;
    cursor: pointer;
}

#atlantico-depfederal-wrap .atl-flip-card:hover .atl-flip-card-inner,
#atlantico-depfederal-wrap .atl-flip-card.flipped .atl-flip-card-inner {
    transform: rotateY(180deg);
}

@media (max-width: 768px) {
    #atlantico-depfederal-wrap .atl-flip-card:hover .atl-flip-card-inner {
        transform: none;
    }
}

#atlantico-depfederal-wrap .atl-flip-card-front,
#atlantico-depfederal-wrap .atl-flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 16px;
    box-shadow: var(--atl-shadow);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

#atlantico-depfederal-wrap .atl-flip-card-front {
    background: var(--atl-white);
    color: var(--atl-blue-primary);
    border: 2px solid var(--atl-teal-light);
}

#atlantico-depfederal-wrap .atl-flip-card-front i {
    font-size: 3rem;
    color: var(--atl-teal-primary);
    margin-bottom: 15px;
}

#atlantico-depfederal-wrap .atl-flip-card-front h4 {
    font-size: 1.25rem;
    margin-bottom: 10px;
}

#atlantico-depfederal-wrap .atl-flip-card-front span {
    font-size: 0.85rem;
    color: var(--atl-gray-text);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

#atlantico-depfederal-wrap .atl-flip-card-back {
    background: var(--atl-yellow);
    color: black;
    transform: rotateY(180deg);
}

#atlantico-depfederal-wrap .atl-flip-card-back p {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}

#atlantico-depfederal-wrap .atl-flip-card-back strong {
    color: var(--atl-blue-primary);
}

/* Processo Eleição */
#atlantico-depfederal-wrap .atl-processo-eleicao {
    background: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-processo-eleicao .atl-section-title {
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-processo-eleicao .atl-section-desc {
    color: #333333;
}

#atlantico-depfederal-wrap .atl-processo-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

#atlantico-depfederal-wrap .atl-processo-item {
    background: var(--atl-white);
    padding: 30px;
    border-radius: 16px;
    border: 2px solid var(--atl-teal-primary);
    text-align: center;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(1) {
    background: #cde2f2;
    border-color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(2) {
    background: #e6f5f1;
    border-color: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(3) {
    background: #e0f7f7;
    border-color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(4) {
    background: #fef3e0;
    border-color: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-numero {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background: var(--atl-teal-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(1) .atl-numero {
    background: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(2) .atl-numero {
    background: var(--atl-green-primary);
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(3) .atl-numero {
    background: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-processo-item:nth-child(4) .atl-numero {
    background: var(--atl-orange);
}

#atlantico-depfederal-wrap .atl-processo-item h4 {
    font-size: 1.2rem;
    color: var(--atl-blue-primary);
    margin: 0 0 10px;
}

#atlantico-depfederal-wrap .atl-processo-item p {
    font-size: 0.95rem;
    color: var(--atl-gray-text);
    margin: 0;
    line-height: 1.5;
}

#atlantico-depfederal-wrap .atl-alert-box {
    background: var(--atl-blue-primary);
    border-left: 4px solid var(--atl-white);
    border-radius: 0 8px 8px 0;
    padding: 20px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-top: 30px;
}

#atlantico-depfederal-wrap .atl-alert-box i {
    color: var(--atl-yellow);
    margin-top: 3px;
}

#atlantico-depfederal-wrap .atl-alert-box p {
    margin: 0;
    font-size: 0.95rem;
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-alert-box strong {
    color: var(--atl-yellow);
}

#atlantico-depfederal-wrap .atl-alert-senador {
    max-width: 600px;
    margin: 0 auto;
}

/* Fontes Section - VERDE */
#atlantico-depfederal-wrap .atl-fontes-section {
    background: #009b72;
    border-top: 1px solid var(--atl-border);
}

#atlantico-depfederal-wrap .atl-fontes-section .atl-section-title {
    color: var(--atl-yellow);
}

#atlantico-depfederal-wrap .atl-fontes-section .atl-section-desc {
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-fontes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

#atlantico-depfederal-wrap .atl-fonte-card {
    background: var(--atl-white);
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid var(--atl-border);
    transition: var(--atl-transition);
    display: flex;
    flex-direction: column;
}

#atlantico-depfederal-wrap .atl-fonte-card:hover {
    box-shadow: var(--atl-shadow);
    transform: translateY(-5px);
}

#atlantico-depfederal-wrap .atl-fonte-icon {
    width: 50px;
    height: 50px;
    background: var(--atl-teal-light);
    color: var(--atl-teal-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 15px;
}

#atlantico-depfederal-wrap .atl-fonte-card h4 {
    font-size: 1.15rem;
    color: var(--atl-blue-primary);
    margin: 0 0 10px;
}

#atlantico-depfederal-wrap .atl-fonte-card p {
    font-size: 0.95rem;
    color: var(--atl-gray-text);
    margin: 0 0 15px;
    flex-grow: 1;
}

#atlantico-depfederal-wrap .atl-fonte-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--atl-teal-primary);
    text-decoration: none;
    font-weight: 600;
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-fonte-link:hover {
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-fonte-link i {
    font-size: 0.8rem;
}

/* Closing Section */
#atlantico-depfederal-wrap .atl-closing-section {
    background: var(--atl-white);
    padding-bottom: 100px;
}

#atlantico-depfederal-wrap .atl-closing-box {
    background: linear-gradient(135deg, var(--atl-teal-primary) 0%, var(--atl-green-primary) 100%);
    border-radius: 20px;
    padding: 50px 30px;
    text-align: center;
    color: var(--atl-white);
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-closing-box i {
    font-size: 3.5rem;
    color: var(--atl-yellow);
    margin-bottom: 20px;
}

#atlantico-depfederal-wrap .atl-closing-box h2 {
    color: var(--atl-yellow);
    font-size: 2rem;
    margin-bottom: 15px;
}

#atlantico-depfederal-wrap .atl-closing-box p {
    font-size: 1.15rem;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.95;
    line-height: 1.6;
}

#atlantico-depfederal-wrap .atl-btn-secondary {
    background: var(--atl-white);
    color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-btn-secondary:hover {
    background: var(--atl-yellow);
    color: var(--atl-blue-primary);
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
    #atlantico-depfederal-wrap .atl-grid-2 {
        grid-template-columns: 1fr;
    }
    #atlantico-depfederal-wrap .atl-hero h1 {
        font-size: 2.2rem;
    }
    #atlantico-depfederal-wrap .atl-hero-highlight {
        max-width: 100%;
    }
    #atlantico-depfederal-wrap .atl-info-box {
        grid-template-columns: 1fr;
    }
    #atlantico-depfederal-wrap .atl-relationship-items {
        flex-direction: column;
    }
    #atlantico-depfederal-wrap .atl-relationship-items i {
        transform: rotate(90deg);
    }
}


/* ===== COMPONENTES ADICIONAIS (páginas de cargos) ===== */

/* Ajustes herdados dos estilos inline da página do Senador */
#atlantico-depfederal-wrap .atl-poder-card .atl-poder-label {
    color: #000000;
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: none;
}

#atlantico-depfederal-wrap .atl-poder-card li {
    color: #000000;
}

#atlantico-depfederal-wrap .atl-info-section .atl-section-title,
#atlantico-depfederal-wrap .atl-impactos-section .atl-section-title,
#atlantico-depfederal-wrap .atl-poderes-section .atl-section-title {
    color: #FFD100;
}

#atlantico-depfederal-wrap .atl-hero-cta {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Seção com fundo azul claro */
#atlantico-depfederal-wrap .atl-bg-light {
    background: #eef4fa;
    border-top: 1px solid var(--atl-border);
    border-bottom: 1px solid var(--atl-border);
}

/* Comparativo em 2 colunas (Pode x Não pode, Chefe de Estado x Chefe de Governo, Câmara x Senado) */
#atlantico-depfederal-wrap .atl-compare-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

#atlantico-depfederal-wrap .atl-compare-card {
    background: var(--atl-white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--atl-shadow);
    border: 1px solid var(--atl-border);
    display: flex;
    flex-direction: column;
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-compare-card:hover {
    transform: translateY(-5px);
}

#atlantico-depfederal-wrap .atl-compare-head {
    padding: 22px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-compare-head i {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--atl-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

#atlantico-depfederal-wrap .atl-compare-head h3 {
    color: var(--atl-white);
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.3;
}

#atlantico-depfederal-wrap .atl-compare-head h3 small {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    opacity: 0.9;
}

#atlantico-depfederal-wrap .atl-compare-card.atl-cmp-green .atl-compare-head { background: var(--atl-green-primary); }
#atlantico-depfederal-wrap .atl-compare-card.atl-cmp-teal .atl-compare-head { background: var(--atl-teal-primary); }
#atlantico-depfederal-wrap .atl-compare-card.atl-cmp-orange .atl-compare-head { background: #d9480f; }

#atlantico-depfederal-wrap .atl-compare-list {
    list-style: none;
    padding: 10px 25px 20px;
    margin: 0;
    flex-grow: 1;
}

#atlantico-depfederal-wrap .atl-compare-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid var(--atl-border);
    font-size: 1rem;
    color: #000000;
    line-height: 1.55;
}

#atlantico-depfederal-wrap .atl-compare-list li:last-child {
    border-bottom: none;
}

#atlantico-depfederal-wrap .atl-compare-list li > i {
    margin-top: 4px;
    font-size: 1.05rem;
    color: var(--atl-green-primary);
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

#atlantico-depfederal-wrap .atl-compare-card.atl-cmp-orange .atl-compare-list li > i { color: #d9480f; }
#atlantico-depfederal-wrap .atl-compare-card.atl-cmp-blue .atl-compare-list li > i { color: var(--atl-blue-primary); }
#atlantico-depfederal-wrap .atl-compare-card.atl-cmp-teal .atl-compare-list li > i { color: var(--atl-teal-primary); }

#atlantico-depfederal-wrap .atl-compare-list li strong {
    color: var(--atl-blue-primary);
}

/* Tabela responsiva (Mitos x Realidade, Onde atua) */
#atlantico-depfederal-wrap .atl-tabela {
    background: var(--atl-white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--atl-shadow);
    border: 1px solid var(--atl-border);
}

#atlantico-depfederal-wrap .atl-tabela-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--atl-border);
    transition: background 0.3s ease;
}

#atlantico-depfederal-wrap .atl-tabela-row:last-child {
    border-bottom: none;
}

#atlantico-depfederal-wrap .atl-tabela-row:not(.atl-tabela-head):hover {
    background: #f7fafc;
}

#atlantico-depfederal-wrap .atl-tabela.atl-tabela-3 .atl-tabela-row {
    grid-template-columns: 220px 1.3fr 1fr;
}

#atlantico-depfederal-wrap .atl-tabela-row > div {
    padding: 20px 25px;
    font-size: 1rem;
    color: #000000;
    line-height: 1.55;
}

#atlantico-depfederal-wrap .atl-tabela-head > div {
    background: var(--atl-blue-primary);
    color: var(--atl-white);
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#atlantico-depfederal-wrap .atl-tabela-head > div:first-child {
    background: #d9480f;
}

#atlantico-depfederal-wrap .atl-tabela.atl-tabela-3 .atl-tabela-head > div:first-child {
    background: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-tabela-area {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    color: var(--atl-blue-primary) !important;
}

#atlantico-depfederal-wrap .atl-tabela-area i {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(0, 164, 166, 0.15);
    color: var(--atl-teal-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
}

#atlantico-depfederal-wrap .atl-tabela-mito {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

#atlantico-depfederal-wrap .atl-tabela-mito i {
    color: #d9480f;
    margin-top: 4px;
}

#atlantico-depfederal-wrap .atl-tabela-real {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: rgba(0, 155, 114, 0.06);
}

#atlantico-depfederal-wrap .atl-tabela-real i {
    color: var(--atl-green-primary);
    margin-top: 4px;
}

#atlantico-depfederal-wrap .atl-tabela-exemplo {
    font-size: 0.95rem !important;
    color: #333333 !important;
    background: rgba(255, 209, 0, 0.12);
}

#atlantico-depfederal-wrap .atl-tabela-nota {
    text-align: center;
    max-width: 800px;
    margin: 25px auto 0;
    font-size: 0.95rem;
    color: #333333;
}

/* Tabela sobre fundo verde */
#atlantico-depfederal-wrap .atl-impactos-section .atl-tabela-nota {
    color: var(--atl-white);
}

/* Esferas de governo (Município, Estado, União) */
#atlantico-depfederal-wrap .atl-esferas-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    align-items: stretch;
}

#atlantico-depfederal-wrap .atl-esfera-card {
    background: var(--atl-white);
    border-radius: 16px;
    border: 2px solid var(--atl-border);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-esfera-card:hover {
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-esfera-card.atl-esfera-destaque {
    border-color: #FFD100;
    box-shadow: 0 10px 30px rgba(0, 75, 135, 0.18);
    transform: translateY(-8px);
}

#atlantico-depfederal-wrap .atl-esfera-head {
    padding: 22px 20px;
    text-align: center;
    color: var(--atl-white);
    background: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-esfera-card:nth-child(2) .atl-esfera-head { background: var(--atl-green-primary); }
#atlantico-depfederal-wrap .atl-esfera-card:nth-child(3) .atl-esfera-head { background: var(--atl-blue-primary); }

#atlantico-depfederal-wrap .atl-esfera-head i {
    font-size: 2rem;
    margin-bottom: 8px;
    display: block;
}

#atlantico-depfederal-wrap .atl-esfera-head h3 {
    color: var(--atl-white);
    margin: 0;
    font-size: 1.3rem;
}

#atlantico-depfederal-wrap .atl-esfera-head span {
    display: block;
    font-size: 0.85rem;
    opacity: 0.95;
    margin-top: 4px;
}

#atlantico-depfederal-wrap .atl-esfera-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #FFD100;
    color: #1a1a1a;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 20px;
}

#atlantico-depfederal-wrap .atl-esfera-list {
    list-style: none;
    margin: 0;
    padding: 10px 20px 20px;
}

#atlantico-depfederal-wrap .atl-esfera-list li {
    padding: 12px 0;
    border-bottom: 1px dashed var(--atl-border);
    font-size: 0.95rem;
    color: #000000;
    line-height: 1.5;
}

#atlantico-depfederal-wrap .atl-esfera-list li:last-child {
    border-bottom: none;
}

#atlantico-depfederal-wrap .atl-esfera-list li strong {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--atl-teal-primary);
    margin-bottom: 2px;
}

/* Forças de segurança (Governador) */
#atlantico-depfederal-wrap .atl-forcas-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

#atlantico-depfederal-wrap .atl-forca-card {
    background: var(--atl-white);
    border-radius: 16px;
    padding: 30px 22px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border-bottom: 5px solid var(--atl-blue-primary);
    transition: var(--atl-transition);
}

#atlantico-depfederal-wrap .atl-forca-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--atl-shadow);
}

#atlantico-depfederal-wrap .atl-forca-card:nth-child(2) { border-bottom-color: #d9480f; }
#atlantico-depfederal-wrap .atl-forca-card:nth-child(3) { border-bottom-color: var(--atl-teal-primary); }
#atlantico-depfederal-wrap .atl-forca-card:nth-child(4) { border-bottom-color: var(--atl-green-primary); }

#atlantico-depfederal-wrap .atl-forca-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: rgba(0, 75, 135, 0.12);
    color: var(--atl-blue-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
}

#atlantico-depfederal-wrap .atl-forca-card:nth-child(2) .atl-forca-icon { background: rgba(217, 72, 15, 0.12); color: #d9480f; }
#atlantico-depfederal-wrap .atl-forca-card:nth-child(3) .atl-forca-icon { background: rgba(0, 164, 166, 0.15); color: var(--atl-teal-primary); }
#atlantico-depfederal-wrap .atl-forca-card:nth-child(4) .atl-forca-icon { background: rgba(0, 155, 114, 0.15); color: var(--atl-green-primary); }

#atlantico-depfederal-wrap .atl-forca-card h4 {
    margin: 0 0 10px;
    font-size: 1.15rem;
    color: var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-forca-card p {
    margin: 0;
    font-size: 0.95rem;
    color: #000000;
    line-height: 1.55;
}

#atlantico-depfederal-wrap .atl-forcas-nota {
    margin-top: 30px;
    background: var(--atl-white);
    border-left: 5px solid #FFD100;
    border-radius: 0 12px 12px 0;
    padding: 20px 25px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

#atlantico-depfederal-wrap .atl-forcas-nota i {
    color: var(--atl-blue-primary);
    font-size: 1.3rem;
    margin-top: 3px;
}

#atlantico-depfederal-wrap .atl-forcas-nota p {
    margin: 0;
    color: #000000;
    font-size: 1rem;
}

/* Calculadora do voto proporcional */
#atlantico-depfederal-wrap .atl-calculo-box {
    margin: 10px auto 40px;
    background: #eef4fa;
    border: 2px dashed var(--atl-blue-primary);
    border-radius: 20px;
    padding: 35px 30px;
}

#atlantico-depfederal-wrap .atl-calculo-box h3 {
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 8px;
}

#atlantico-depfederal-wrap .atl-calculo-box > p {
    text-align: center;
    color: #000000;
    max-width: 700px;
    margin: 0 auto 25px;
}

#atlantico-depfederal-wrap .atl-calculo-steps {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

#atlantico-depfederal-wrap .atl-calc-step {
    background: var(--atl-white);
    border-radius: 14px;
    padding: 20px 18px;
    min-width: 170px;
    flex: 1;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    border-top: 4px solid var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-calc-step:nth-of-type(2) { border-top-color: var(--atl-green-primary); }
#atlantico-depfederal-wrap .atl-calc-step:nth-of-type(3) { border-top-color: var(--atl-orange); }
#atlantico-depfederal-wrap .atl-calc-step.atl-calc-result { border-top-color: #FFD100; background: var(--atl-blue-primary); }

#atlantico-depfederal-wrap .atl-calc-num {
    display: block;
    font-size: 1.9rem;
    font-weight: 800;
    color: var(--atl-blue-primary);
    line-height: 1.1;
}

#atlantico-depfederal-wrap .atl-calc-label {
    display: block;
    margin-top: 6px;
    font-size: 0.9rem;
    color: #000000;
}

#atlantico-depfederal-wrap .atl-calc-result .atl-calc-num { color: #FFD100; }
#atlantico-depfederal-wrap .atl-calc-result .atl-calc-label { color: var(--atl-white); }

#atlantico-depfederal-wrap .atl-calc-op {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--atl-teal-primary);
}

#atlantico-depfederal-wrap .atl-calculo-fases {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 30px;
}

#atlantico-depfederal-wrap .atl-fase {
    background: var(--atl-white);
    border-radius: 14px;
    padding: 22px;
    border-left: 5px solid var(--atl-blue-primary);
}

#atlantico-depfederal-wrap .atl-fase:nth-child(2) { border-left-color: var(--atl-green-primary); }
#atlantico-depfederal-wrap .atl-fase:nth-child(3) { border-left-color: var(--atl-orange); }

#atlantico-depfederal-wrap .atl-fase span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--atl-teal-primary);
    margin-bottom: 6px;
}

#atlantico-depfederal-wrap .atl-fase h4 {
    margin: 0 0 8px;
    color: var(--atl-blue-primary);
    font-size: 1.1rem;
}

#atlantico-depfederal-wrap .atl-fase p {
    margin: 0;
    font-size: 0.95rem;
    color: #000000;
    line-height: 1.55;
}

/* Fluxo de etapas (orçamento, tramitação) */
#atlantico-depfederal-wrap .atl-fluxo {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 40px;
}

#atlantico-depfederal-wrap .atl-fluxo-item {
    flex: 1;
    min-width: 190px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 14px;
    padding: 22px;
    color: var(--atl-white);
}

#atlantico-depfederal-wrap .atl-fluxo-item span {
    display: inline-block;
    background: #FFD100;
    color: #1a1a1a;
    font-weight: 800;
    font-size: 0.85rem;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
}

#atlantico-depfederal-wrap .atl-fluxo-item h4 {
    margin: 0 0 6px;
    color: var(--atl-white);
    font-size: 1.1rem;
}

#atlantico-depfederal-wrap .atl-fluxo-item p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    opacity: 0.95;
}

#atlantico-depfederal-wrap .atl-fluxo > i {
    color: #FFD100;
    font-size: 1.4rem;
    align-self: center;
}

/* Crédito da foto no rodapé */
.atl-foto-credito {
    margin-top: 8px;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.6);
}

.atl-foto-credito a {
    color: rgba(255, 255, 255, 0.75);
}

/* Responsivo dos componentes adicionais */
@media (max-width: 1024px) {
    #atlantico-depfederal-wrap .atl-forcas-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #atlantico-depfederal-wrap .atl-tabela.atl-tabela-3 .atl-tabela-row {
        grid-template-columns: 180px 1fr 1fr;
    }
}

@media (max-width: 768px) {
    #atlantico-depfederal-wrap .atl-compare-grid,
    #atlantico-depfederal-wrap .atl-esferas-grid,
    #atlantico-depfederal-wrap .atl-calculo-fases {
        grid-template-columns: 1fr;
    }

    #atlantico-depfederal-wrap .atl-esfera-card.atl-esfera-destaque {
        transform: none;
    }

    #atlantico-depfederal-wrap .atl-tabela-row,
    #atlantico-depfederal-wrap .atl-tabela.atl-tabela-3 .atl-tabela-row {
        grid-template-columns: 1fr;
    }

    #atlantico-depfederal-wrap .atl-tabela-head {
        display: none !important;
    }

    #atlantico-depfederal-wrap .atl-tabela-row > div {
        padding: 14px 20px;
    }

    #atlantico-depfederal-wrap .atl-estrutura-grid {
        grid-template-columns: 1fr;
    }

    #atlantico-depfederal-wrap .atl-calc-op {
        width: 100%;
        justify-content: center;
    }

    #atlantico-depfederal-wrap .atl-fluxo {
        flex-direction: column;
    }

    #atlantico-depfederal-wrap .atl-fluxo > i {
        transform: rotate(90deg);
    }

    #atlantico-depfederal-wrap .atl-section-title {
        font-size: 1.8rem;
    }

    #atlantico-depfederal-wrap .atl-hero {
        min-height: 600px;
        background-attachment: scroll !important;
    }
}

@media (max-width: 520px) {
    #atlantico-depfederal-wrap .atl-forcas-grid {
        grid-template-columns: 1fr;
    }

    #atlantico-depfederal-wrap .atl-info-cards-grid {
        grid-template-columns: 1fr 1fr;
    }
}


/* ===== MENU DE CARGOS (ordem de votação na urna) ===== */
.atl-cargos-nav {
    margin: 1.25rem 0 -1.25rem;
    background: rgba(0, 0, 0, 0.18);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-family: 'Inter', sans-serif;
}

.atl-cargos-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.atl-cargos-container::-webkit-scrollbar {
    display: none;
}

.atl-cargos-label {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    margin-right: 0.5rem;
}

.atl-cargos-nav a {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.75rem 0.85rem;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    transition: color 0.3s, border-color 0.3s;
}

.atl-cargos-nav a span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.atl-cargos-nav a:hover {
    color: #FFD100;
}

.atl-cargos-nav a.atl-cargo-ativo {
    color: #FFD100;
    border-bottom-color: #FFD100;
}

.atl-cargos-nav a.atl-cargo-ativo span {
    background: #FFD100;
    color: #1a1a1a;
}

@media (max-width: 900px) {
    .atl-cargos-container {
        justify-content: flex-start;
    }

    .atl-cargos-label {
        display: none;
    }
}

@media (max-width: 600px) {
    .atl-cargos-container {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0.35rem 0.75rem;
        gap: 0 0.1rem;
        overflow-x: visible;
    }

    .atl-cargos-nav a {
        padding: 0.45rem 0.55rem;
        font-size: 0.8rem;
    }
}


/* Título do hero alinhado à esquerda, no mesmo limite da descrição */
#atlantico-depfederal-wrap .atl-hero h1 {
    align-self: stretch;
    text-align: left;
}

/* Curiosidades no mobile/touch: 1º toque vira, 2º toque desvira, cada quadro independente */
@media (max-width: 768px), (hover: none) {
    #atlantico-depfederal-wrap .atl-flip-card:hover .atl-flip-card-inner {
        transform: none;
    }

    #atlantico-depfederal-wrap .atl-flip-card.flipped .atl-flip-card-inner,
    #atlantico-depfederal-wrap .atl-flip-card.flipped:hover .atl-flip-card-inner {
        transform: rotateY(180deg);
    }

    #atlantico-depfederal-wrap .atl-flip-card {
        -webkit-tap-highlight-color: transparent;
    }
}

/* Menu em telas estreitas (até 400px): cargos sempre em 2 linhas */
@media (max-width: 400px) {
    .atl-header-container {
        padding: 0 0.9rem;
    }

    .atl-logo-img {
        height: 32px;
    }

    .atl-custom-nav {
        gap: 0.75rem;
    }

    .atl-custom-nav a {
        font-size: 0.85rem;
    }

    .atl-cargos-container {
        padding: 0.3rem 0.4rem;
        gap: 0;
    }

    .atl-cargos-nav a {
        padding: 0.45rem 0.4rem;
        font-size: 0.76rem;
        gap: 0.3rem;
    }

    .atl-cargos-nav a span {
        width: 18px;
        height: 18px;
        font-size: 0.68rem;
    }
}

/* Intro com vídeo (Shorts vertical) */
#atlantico-depfederal-wrap .atl-intro-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 40px;
    align-items: center;
}

#atlantico-depfederal-wrap .atl-intro-video {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    aspect-ratio: 9 / 16;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--atl-shadow);
    background: #000;
}

#atlantico-depfederal-wrap .atl-intro-video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 900px) {
    #atlantico-depfederal-wrap .atl-intro-grid {
        grid-template-columns: 1fr;
    }

    #atlantico-depfederal-wrap .atl-intro-video {
        max-width: 320px;
    }
}