/* ============================================
   RESPONSIVE ENCAPSULADO - Que te mueve Nissan
   Prefijo: txp-nissan-
   ============================================ */
/* Wrapper del SWF encapsulado */
.txp-nissan-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 1024 / 539;
    position: relative;
}

/* Contenedor Flash encapsulado */
.txp-nissan-flash-container {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Reproductor Ruffle encapsulado */
.txp-nissan-flash-container ruffle-player {
    width: 100% !important;
    height: 100% !important;
    display: block;
    margin: 0 auto;
    position: relative;
}

/* Imágenes encapsuladas */
.txp-nissan-top-image,
.txp-nissan-bottom-image {
    width: 100%;
    height: auto;
    display: block;
}

/* ============================================
   PANTALLAS GRANDES (Desktop, 1200px+)
   ============================================ */
@media screen and (min-width: 1200px) {
    .txp-nissan-container {
        max-width: 1024px;

        /* ← Solo en pantallas grandes se limita */
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    }
}

/* ============================================
   LAPTOPS Y PANTALLAS MEDIANAS (1024px - 1199px)
   ============================================ */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .txp-nissan-container {
        max-width: 100%;
        padding: 0 10px;
    }
}

/* ============================================
   TABLETS HORIZONTAL (768px - 1023px)
   ============================================ */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .txp-nissan-container {
        max-width: 100%;
        padding: 0 10px;
    }
}

/* ============================================
   TABLETS VERTICAL (481px - 767px)
   ============================================ */
@media screen and (min-width: 481px) and (max-width: 767px) {
    .txp-nissan-container {
        max-width: 100%;
        padding: 0 8px;
    }

    .txp-nissan-wrapper {
        margin: 5px 0;
    }
}

/* ============================================
   MÓVILES HORIZONTAL (375px - 480px)
   ============================================ */
@media screen and (min-width: 375px) and (max-width: 480px) and (orientation: landscape) {
    .txp-nissan-container {
        max-width: 100%;
        padding: 0 5px;
    }

    .txp-nissan-wrapper {
        margin: 3px 0;
    }
}

/* ============================================
   MÓVILES VERTICAL (320px - 480px)
   ============================================ */
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
    .txp-nissan-container {
        max-width: 100%;
        padding: 0 5px;
    }

    .txp-nissan-wrapper {
        margin: 5px 0;
    }
}

/* ============================================
   MÓVILES MUY PEQUEÑOS (menos de 320px)
   ============================================ */
@media screen and (max-width: 319px) {
    .txp-nissan-container {
        max-width: 100%;
        padding: 0 3px;
    }

    .txp-nissan-wrapper {
        margin: 3px 0;
    }
}

/* ============================================
   ORIENTACIÓN ESPECÍFICA (solo para Nissan)
   ============================================ */
@media screen and (orientation: landscape) and (max-height: 600px) {
    .txp-nissan-wrapper {
        margin: 2px 0;
    }
}

@media screen and (orientation: portrait) and (min-height: 800px) {
    .txp-nissan-container {
        padding-top: 20px;
    }
}

/* ============================================
   PANTALLAS 4K Y ULTRAS (más de 2000px)
   ============================================ */
@media screen and (min-width: 2000px) {
    .txp-nissan-container {
        max-width: 1024px;
        transform: scale(1.2);
        transform-origin: center;
    }
}

/* ============================================
   IMPRESIÓN
   ============================================ */
@media print {
    .txp-nissan-flash-container ruffle-player {
        display: none;
    }
}

/* ============================================
   ALTO CONTRASTE (accesibilidad)
   ============================================ */
@media (prefers-contrast: high) {
    .txp-nissan-wrapper {
        border: 2px solid white;
    }
}