/*
 * Armilar Venture Partners — Media Queries / Responsive
 * Sprint 2
 */

/* ============================================================
   DESKTOP GRANDE (> 1200px)
   ============================================================ */
@media (min-width: 1200px) {
    .company-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .metrics-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .how-we-work-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* ============================================================
   DESKTOP MÉDIO (992px – 1200px)
   ============================================================ */
@media (max-width: 1200px) {
    .container {
        padding-inline: var(--space-6);
    }

    .company-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .metrics-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-6);
    }

    .how-we-work-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .section-title--lg {
        font-size: var(--text-4xl);
    }

    .newsletter-form {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-3);
    }

    .newsletter-form .btn {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

/* ============================================================
   TABLET (768px – 992px)
   ============================================================ */
@media (max-width: 992px) {
    /* Header */
    .header-nav {
        display: none;
    }

    .header-hamburger {
        display: flex;
    }

    /* Hero */
    .hero__title {
        font-size: clamp(2rem, 7vw, 3.5rem);
    }

    /* Grids */
    .grid--3 { grid-template-columns: repeat(2, 1fr); }
    .grid--4 { grid-template-columns: repeat(2, 1fr); }
    .grid--5 { grid-template-columns: repeat(2, 1fr); }
    .grid--6 { grid-template-columns: repeat(2, 1fr); }

    .company-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .philosophy-blocks {
        grid-template-columns: 1fr;
    }

    .how-we-work-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer */
    .footer-top {
        grid-template-columns: 1fr;
        gap: var(--space-10);
    }

    /* Carousel */
    .carousel-slide {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .carousel-slide__logo {
        justify-content: center;
    }

    .carousel-slide__content {
        border-left: none;
        border-top: 2px solid var(--coral);
        padding-left: 0;
        padding-top: var(--space-6);
    }

    /* Contact */
    .contact-grid {
        grid-template-columns: 1fr;
    }

    /* Member */
    .member-layout {
        grid-template-columns: 1fr;
    }

    .member-photo {
        max-width: 320px;
        margin-inline: auto;
    }

    /* Company header */
    .company-header__inner {
        flex-direction: column;
    }

    /* Sections */
    .section {
        padding-block: var(--space-16);
    }

    .section--lg {
        padding-block: var(--space-24);
    }

    /* Newsletter footer */
    .newsletter-form {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   MOBILE GRANDE (480px – 768px)
   ============================================================ */
@media (max-width: 768px) {
    :root {
        --text-4xl: 2rem;
        --text-5xl: 2.5rem;
        --text-6xl: 3rem;
    }

    .container {
        padding-inline: var(--space-5);
    }

    /* Hero */
    .hero__title {
        font-size: clamp(1.8rem, 8vw, 3rem);
    }

    .hero__subtitle {
        font-size: var(--text-base);
    }

    .hero__actions {
        flex-direction: column;
        align-items: center;
    }

    /* Grids */
    .grid--2 { grid-template-columns: 1fr; }
    .grid--3 { grid-template-columns: 1fr; }
    .grid--4 { grid-template-columns: 1fr; }

    .company-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .metrics-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-5);
    }

    /* Sections */
    .section {
        padding-block: var(--space-12);
    }

    .section-title {
        font-size: var(--text-3xl);
    }

    /* Footer */
    .footer-links-cols {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    .footer-bottom {
        flex-direction: column;
        gap: var(--space-4);
        text-align: center;
    }

    .footer-legal-links {
        justify-content: center;
    }

    /* Jobs */
    .job-item {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Article */
    .article-header,
    .article-body {
        padding-inline: var(--space-5);
    }

    /* Pagination */
    .pagination {
        flex-wrap: wrap;
    }

    /* Filter tabs */
    .filter-tabs {
        gap: var(--space-2);
    }

    /* ESG download */
    .esg-download-card {
        flex-direction: column;
        text-align: center;
    }
}

/* ============================================================
   MOBILE PEQUENO (< 480px)
   ============================================================ */
@media (max-width: 480px) {
    :root {
        --header-height: 68px;
    }

    .container {
        padding-inline: var(--space-4);
    }

    /* Hero */
    .hero--short,
    .hero--medium {
        min-height: 55vh;
    }

    /* Grids — 1 coluna */
    .company-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-2);
    }

    .metrics-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-4);
    }

    .team-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-4);
    }

    .how-we-work-grid {
        grid-template-columns: 1fr;
    }

    /* Mobile menu */
    .mobile-menu a {
        font-size: var(--text-2xl);
    }

    /* Botões */
    .btn-lg {
        padding: 0.875rem 1.75rem;
        font-size: var(--text-sm);
    }

    /* Newsletter form inline */
    .newsletter-inline-form {
        flex-direction: column;
    }

    /* Section title */
    .section-title {
        font-size: var(--text-2xl);
    }

    .section-subtitle {
        font-size: var(--text-base);
    }

    /* Header logo text */
    .header-logo-text {
        font-size: var(--text-lg);
    }

    /* Back link */
    .back-link {
        font-size: var(--text-xs);
    }

    /* Footer newsletter */
    .footer-newsletter h3 {
        font-size: var(--text-xl);
    }

    /* Article */
    .article-body {
        font-size: var(--text-base);
    }

    /* Member */
    .member-info__name {
        font-size: var(--text-3xl);
    }

    /* Company header */
    .company-header__inner {
        gap: var(--space-6);
    }
}

/* ============================================================
   IMPRESSÃO
   ============================================================ */
@media print {
    .site-header,
    .site-footer,
    .mobile-menu,
    .carousel-controls,
    .pagination,
    .filter-tabs {
        display: none !important;
    }

    .page-no-hero .page-content {
        padding-top: 0;
    }

    .article-body,
    .article-header {
        padding-inline: 0;
    }

    a {
        text-decoration: underline;
    }

    .hero {
        min-height: auto;
        background-color: var(--navy) !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}