/* ============================================
   PORTAL EMPRENDEDOR — Responsive Styles
   ============================================ */

/* ===== TABLET (768px+) ===== */
@media (min-width: 768px) {
    :root {
        --container-padding: var(--space-8);
    }

    .hero-title {
        font-size: var(--font-size-5xl);
    }

    .hero-subtitle {
        font-size: var(--font-size-lg);
    }

    .hero-stats {
        gap: var(--space-10);
    }

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

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

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

    .articles-grid .article-card--featured {
        grid-column: 1 / -1;
    }

    .article-card--featured {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .article-card--featured .article-card-img {
        aspect-ratio: auto;
    }

    .article-card--featured .article-card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: var(--space-8);
    }

    .article-card--featured .article-card-title {
        font-size: var(--font-size-xl);
    }

    .newsletter-form-group {
        flex-direction: row;
    }

    .newsletter-input {
        text-align: left;
    }

    .newsletter-submit {
        width: auto;
        flex-shrink: 0;
    }

    .event-featured-card {
        grid-template-columns: 1fr 1fr;
    }

    .event-featured-img {
        aspect-ratio: auto;
        min-height: 400px;
    }

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

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

    .footer-bottom {
        flex-direction: row;
        justify-content: space-between;
    }

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

    .newsletter-cta-title {
        font-size: var(--font-size-3xl);
    }

    .newsletter-cta-content {
        padding: var(--space-16) var(--space-12);
    }

    .featured-episode-card {
        grid-template-columns: 1fr 1fr;
    }

    .featured-episode-img {
        aspect-ratio: auto;
        min-height: 400px;
    }

    .featured-episode-info {
        padding: var(--space-8);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Blog page grid */
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Events page */
    .events-layout {
        grid-template-columns: 1fr 340px;
    }
}

/* ===== DESKTOP (1024px+) ===== */
@media (min-width: 1024px) {
    .main-nav {
        display: block;
    }

    .header-cta {
        display: inline-flex;
    }

    .mobile-toggle {
        display: none;
    }

    .sticky-cta {
        display: none;
    }

    .hero-title {
        font-size: var(--font-size-6xl);
    }

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

    .partners-grid {
        grid-template-columns: repeat(6, 1fr);
    }

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

    .articles-grid .article-card--featured {
        grid-column: 1 / -1;
    }

    /* Blog page */
    .blog-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Article detail */
    .article-detail-layout {
        grid-template-columns: 1fr 320px;
    }
}

/* ===== LARGE DESKTOP (1280px+) ===== */
@media (min-width: 1280px) {
    .hero-stats {
        gap: var(--space-16);
    }

    .featured-episode-title {
        font-size: var(--font-size-3xl);
    }

    .event-featured-title {
        font-size: var(--font-size-3xl);
    }
}

/* ===== SMALL MOBILE (max 480px) ===== */
@media (max-width: 480px) {
    .hero-title {
        font-size: var(--font-size-3xl);
    }

    .hero-stats {
        gap: var(--space-4);
    }

    .hero-stat-number {
        font-size: var(--font-size-2xl);
    }

    .hero-stat-divider {
        height: 30px;
    }

    .hero-ctas .btn--lg {
        width: 100%;
    }

    .featured-episode-title {
        font-size: var(--font-size-lg);
    }

    .newsletter-cta-title {
        font-size: var(--font-size-xl);
    }

    .newsletter-cta-content {
        padding: var(--space-8) var(--space-5);
    }

    .event-featured-body {
        padding: var(--space-6);
    }

    .event-featured-title {
        font-size: var(--font-size-xl);
    }
}

/* ===== PAGE SPECIFIC RESPONSIVE ===== */

/* Blog page */
@media (min-width: 768px) {
    .blog-header-row {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .blog-filters {
        flex-direction: row;
        align-items: center;
    }
}

/* Article detail */
@media (max-width: 1023px) {
    .article-detail-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar {
        order: 2;
    }
}

/* Events page */
@media (max-width: 767px) {
    .events-layout {
        grid-template-columns: 1fr;
    }

    .calendar-wrapper {
        order: 2;
    }

    /* Big Calendar responsive */
    .big-calendar {
        padding: var(--space-4);
    }

    .big-calendar__month {
        font-size: var(--font-size-lg);
        min-width: 160px;
    }

    .big-calendar__nav-btn {
        width: 38px;
        height: 38px;
    }

    .big-cal__cell {
        min-height: 56px;
        padding: 2px;
    }

    .big-cal__num {
        font-size: 11px;
    }

    .big-cal__event-pip {
        font-size: 0;
        padding: 0;
        width: 8px;
        height: 8px;
        border-radius: var(--radius-full);
        min-height: 0;
    }

    .big-cal__events {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2px;
        align-items: flex-start;
    }

    .big-cal__event-more {
        display: none;
    }

    .big-calendar__legend {
        gap: var(--space-3);
    }

    .events-controls {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .big-cal__cell {
        min-height: 44px;
    }

    .big-calendar__header {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (min-width: 768px) {
    .big-cal__cell {
        min-height: 90px;
    }

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

/* Podcast page */
@media (min-width: 768px) {
    .podcast-hero-content {
        grid-template-columns: 1fr 1fr;
    }

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

@media (min-width: 1024px) {
    .podcast-episodes-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Print styles */
@media print {
    .site-header,
    .site-footer,
    .sticky-cta,
    .newsletter-popup,
    .newsletter-cta,
    .hero-scroll-indicator,
    .platforms {
        display: none !important;
    }

    body {
        background: white;
        color: black;
    }

    .container {
        max-width: 100%;
    }
}