/* ==============================================================
   Responsive Styles - Módulo Independente
   ============================================================== */

/* Tablet */
@media screen and (max-width: 992px) {
    .container {
        width: 95%;
    }

    .section {
        padding: var(--spacing-lg) 0;
    }

    .hero .container {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

/* Mobile Landscape */
@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }

    .section {
        padding: var(--spacing-md) 0;
    }

    .section-title {
        font-size: 1.75rem;
    }

    .subtitle {
        font-size: 0.875rem;
    }

    .about-image-box {
        height: 300px;
    }

    .experience-badge {
        bottom: -10px;
        left: -10px;
        padding: var(--spacing-sm);
    }

    .experience-badge .number {
        font-size: 1.5rem;
    }

    .team-member {
        padding: 1.5rem;
    }

    .member-photo {
        width: 120px;
        height: 120px;
    }
}

/* Mobile Small */
@media screen and (max-width: 480px) {
    .hero h1 {
        font-size: 1.75rem;
    }

    .hero p {
        font-size: 1rem;
    }

    .btn {
        padding: 0.6rem 1.5rem;
        font-size: 0.875rem;
    }

    .btn-lg {
        padding: 0.75rem 2rem;
    }

    .specialty-img {
        height: 180px;
    }

    .specialty-content h3 {
        font-size: 1.25rem;
    }

    .info-item strong {
        font-size: 1rem;
    }
}

/* Print Styles */
@media print {

    .header,
    .footer,
    .whatsapp-button,
    .hero-buttons,
    .contact-form-wrapper {
        display: none;
    }

    .hero {
        height: auto;
        padding: var(--spacing-md) 0;
    }

    .hero-overlay {
        background: none;
    }

    .hero-content {
        color: var(--text-dark);
    }

    .hero h1 {
        color: var(--primary-color);
    }

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