/* ==================== MOBILE FIRST ==================== */

/* Extra Small (xs) - 320px */
@media (max-width: 576px) {
    .container {
        padding: 0 16px;
    }
    
    h1 {
        font-size: 32px;
    }
    
    h2 {
        font-size: 28px;
    }
    
    h3 {
        font-size: 20px;
    }
    
    p {
        font-size: 14px;
    }
}

/* Small (sm) - 576px */
@media (min-width: 576px) {
    .container {
        padding: 0 20px;
    }
}

/* Medium (md) - 768px */
@media (min-width: 768px) {
    .container {
        padding: 0 30px;
    }
}

/* Large (lg) - 1024px */
@media (min-width: 1024px) {
    .container {
        padding: 0 40px;
    }
}

/* Extra Large (xl) - 1200px */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

/* ==================== PRINT ==================== */
@media print {
    .header,
    .footer,
    .btn-cta,
    .btn-primary {
        display: none;
    }
}

/* ==================== DARK MODE ==================== */
@media (prefers-color-scheme: dark) {
    body {
        background: #0a0a0a;
        color: #f5f5f5;
    }
    
    .header {
        background: rgba(10, 10, 10, 0.95);
    }
    
    .section-subtitle {
        color: #999;
    }
}

/* ==================== REDUCED MOTION ==================== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==================== HIGH CONTRAST ==================== */
@media (prefers-contrast: more) {
    .btn-cta,
    .btn-primary {
        border: 2px solid var(--laranja);
    }
}