/* ============================================================================
   THE WIN CAPITAL S.A. - responsive.css
   Media queries globales y ajustes responsive
   ============================================================================ */

/* =======================================================================
   TABLET LANDSCAPE (max 1199px)
   ======================================================================= */

@media (max-width: 1199.98px) {
    :root {
        --twc-section-py: var(--twc-space-16);
    }
}

/* =======================================================================
   TABLET PORTRAIT (max 991px)
   ======================================================================= */

@media (max-width: 991.98px) {
    :root {
        --twc-section-py: var(--twc-space-12);
        --twc-section-py-sm: var(--twc-space-10);
        --twc-navbar-h: 68px;
    }

    .twc-main {
        margin-top: var(--twc-header-total);
    }

    /* Reducir heading sizes */
    .twc-h1, .twc-display { font-size: var(--twc-text-3xl); }
    .twc-h2 { font-size: var(--twc-text-2xl); }
    .twc-h3 { font-size: var(--twc-text-xl); }

    .twc-section-header {
        margin-bottom: var(--twc-space-10);
    }

    .twc-section-header__title {
        font-size: var(--twc-text-2xl);
    }
}

/* =======================================================================
   MOBILE LARGE (max 767px)
   ======================================================================= */

@media (max-width: 767.98px) {
    :root {
        --twc-section-py: var(--twc-space-10);
        --twc-section-py-sm: var(--twc-space-8);
        --twc-top-banner-h: 36px;
    }

    .twc-section-header__label::before,
    .twc-section-header__label::after {
        width: 20px;
    }

    /* Cards mas compactas */
    .twc-card {
        padding: var(--twc-space-5);
    }

    /* Ocultar en mobile */
    .twc-hide-mobile {
        display: none;
    }
}

/* =======================================================================
   MOBILE SMALL (max 575px)
   ======================================================================= */

@media (max-width: 575.98px) {
    :root {
        --twc-section-py: var(--twc-space-8);
        --twc-top-banner-h: 32px;
        --twc-navbar-h: 60px;
    }

    body {
        font-size: 15px;
    }

    .twc-h1, .twc-display { font-size: var(--twc-text-2xl); }
    .twc-h2 { font-size: var(--twc-text-xl); }

    .twc-section-header__title {
        font-size: var(--twc-text-xl);
    }

    .twc-section-header__subtitle {
        font-size: var(--twc-text-sm);
    }

    .twc-card {
        padding: var(--twc-space-4);
        border-radius: var(--twc-radius-lg);
    }

    /* Botones full width en mobile */
    .twc-btn--lg,
    .twc-btn--xl {
        padding: 16px 28px;
        font-size: var(--twc-text-sm);
    }

    /* AOS: Reducir distancia de animacion */
    [data-aos] {
        transition-duration: 400ms !important;
    }

    /* Stat values mas pequenos */
    .twc-stat__value,
    .twc-counter__value {
        font-size: var(--twc-text-3xl);
    }
}

/* =======================================================================
   REDUCIR MOVIMIENTO (Accesibilidad)
   ======================================================================= */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .twc-preloader {
        display: none;
    }
}

/* =======================================================================
   PRINT
   ======================================================================= */

@media print {
    .twc-top-banner,
    .twc-navbar,
    .twc-wa-float,
    .twc-back-to-top,
    .twc-footer__cta-bar,
    .twc-preloader,
    .twc-live-notif {
        display: none !important;
    }

    .twc-main {
        margin-top: 0;
    }

    body {
        color: #000;
        background: #fff;
    }

    a {
        text-decoration: underline;
    }
}