/* ========================================================================== */
/* JUEGO ELIGE - CAPIBARA CRUZANDO CALLE Y RÍO - CONTROLES TÁCTILES */
/* ========================================================================== */

.juego-elige {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    pointer-events: none;
    z-index: 2147483645;
    touch-action: none;
}

.juego-elige > * {
    pointer-events: auto;
}

/* Tablero de juego con COLORES PLANOS Y DEFINIDOS */
.tablero-elige {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Colores planos en lugar de gradientes */
    background: #87CEEB; /* Cielo */
    z-index: 2147483640;
    touch-action: none;
}

/* Contenedor para el fondo visual - NUEVO - CORREGIDO SIN MARGEN */
.contenedor-fondo-visual-e {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483638; /* Debajo de las zonas lógicas */
    pointer-events: none; /* Para que no interfiera con los eventos */
}

/* Zonas con colores planos - DISTRIBUCIÓN MÁS COMPACTA */
.zona-cielo-e {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 5%;
    background: transparent; /* Transparente para que se vea el fondo visual */
    z-index: 2147483640;
}

.zona-segura-superior-e {
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    height: 13%; /* Aumentado de 3% a 13% para eliminar franjas verdes */
    background: transparent; /* Transparente para que se vea el fondo visual */
    z-index: 2147483640;
}

.zona-calle-1-e {
    position: absolute;
    top: 18%; /* Ajustado de 13% a 18% */
    left: 0;
    width: 100%;
    height: 17%;
    background: transparent; /* Transparente para que se vea el fondo visual */
    z-index: 2147483640;
}

.zona-rio-e {
    position: absolute;
    top: 35%; /* Cambiado de 38% a 35% (sube 3%) */
    left: 0;
    width: 100%;
    height: 39%; /* Cambiado de 33% a 39% (aumenta 6%) */
    background: transparent; /* Transparente para que se vea el fondo visual */
    z-index: 2147483640;
    overflow: hidden;
}

.zona-calle-2-e {
    position: absolute;
    top: 74%; /* Ajustado de 69% a 74% */
    left: 0;
    width: 100%;
    height: 17%;
    background: transparent; /* Transparente para que se vea el fondo visual */
    z-index: 2147483640;
}

.zona-segura-final-e {
    position: absolute;
    top: 91%; /* Ajustado de 86% a 91% */
    left: 0;
    width: 100%;
    height: 9%; /* Reducido de 14% a 9% */
    background: transparent; /* Transparente para que se vea el fondo visual */
    z-index: 2147483640;
}

/* Clases para las zonas visuales (con imágenes) - CORREGIDO */
.zona-fondo-visual-e {
    position: absolute;
    left: 0;
    width: 100%;
    background-size: cover !important; /* MISMO ESTILO QUE CARRETERA */
    background-position: center center !important; /* centrado completo */
    background-repeat: no-repeat !important;
}

/* ZONA CIELO UNIFICADA - MÁS GRANDE PARA BAJAR LAS CARRETERAS */
.zona-cielo-visual-e {
    top: 0% !important;
    height: 20% !important; /* AUMENTADO: de 18% a 20% (2% más = ~30px) */
}

/* OCULTAR zona segura superior visual - YA ESTÁ INCLUIDA EN EL CIELO */
.zona-segura-superior-visual-e {
    display: none !important;
}

/* CARRETERAS BAJADAS 30px (2%) - AJUSTAR POSICIONES */
.zona-calle-1-visual-e {
    top: 20% !important; /* AUMENTADO: de 18% a 20% */
    height: 17%;
}

.zona-rio-visual-e {
    top: 37% !important; /* AUMENTADO: de 35% a 37% */
    height: 39%;
}

.zona-calle-2-visual-e {
    top: 76% !important; /* AUMENTADO: de 74% a 76% */
    height: 17%;
}

.zona-segura-final-visual-e {
    top: 93% !important; /* AUMENTADO: de 91% a 93% */
    height: 9%;
}

/* Capibara jugador - 3.5cm (80px) - ARRASTRABLE COMO LA COMIDA */
.capibara-e {
    position: fixed;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #8B7355, #A0522D);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483647 !important; /* MÁXIMO Z-INDEX PARA ESTAR DELANTE */
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: grab;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    border: 3px solid rgba(255, 255, 255, 0.5);
    touch-action: none;
    user-select: none;
    pointer-events: auto;
    transform-origin: center;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

/* Capibara en tronco - CAMBIO DE COLOR, NO DESAPARECE */
.capibara-e.en-tronco {
    background: linear-gradient(135deg, #4CAF50, #2E7D32) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6), 0 0 15px rgba(76, 175, 80, 0.5) !important;
}

/* Capibara con inmunidad al agua - EFECTO VISUAL */
.capibara-e.inmune-agua {
    box-shadow: 0 0 20px rgba(30, 144, 255, 0.8) !important;
    border-color: rgba(30, 144, 255, 0.8) !important;
}

/* CENTRADO PERFECTO - IGUAL QUE LA COMIDA */
.emoji-capibara-e {
    font-size: 40px !important;
    line-height: 1 !important;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.9) !important;
    color: white !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    text-align: center !important;
}

.img-capibara-e {
    width: 120% !important; /* Más grande que el contenedor */
    height: 120% !important; /* Más grande que el contenedor */
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.capibara-e.con-imagen .emoji-capibara-e {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Estados del capibara - IGUAL QUE LA COMIDA */
.capibara-e:hover {
    transform: scale(1.15) translateY(-5px);
    background: rgba(139, 115, 85, 0.9);
    border-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}

.capibara-e:active {
    transform: scale(0.95);
}

.capibara-e.arrastrando {
    opacity: 0.9;
    transform: scale(1.4) rotate(8deg);
    cursor: grabbing;
    z-index: 2147483649 !important;
    box-shadow: 
        0 15px 35px rgba(0, 0, 0, 0.5),
        0 0 50px rgba(255, 255, 255, 0.6);
    border-color: #fff;
    background: rgba(160, 82, 45, 0.9);
}

/* VEHÍCULOS MÁS GRANDES - DOBLE TAMAÑO (240px) */
.vehiculo-e {
    position: absolute;
    width: 240px;
    height: 100px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483643;
    transition: left 0.1s linear;
    pointer-events: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    border: 2px solid #333;
    background: #FFD700; /* Amarillo dorado para vehículos que van a la derecha */
    transform: translateY(-26px); /* Subir 26px */
    overflow: visible !important; /* Permitir que el contenido se desborde */
}

.vehiculo-e.derecha {
    background: #FFD700; /* Amarillo dorado para vehículos que van a la derecha */
}

.vehiculo-e.izquierda {
    background: #4444FF; /* Azul para vehículos que van a la izquierda */
}

/* EMOJIS CENTRADOS PERFECTAMENTE */
.emoji-vehiculo-e {
    font-size: 48px !important;
    line-height: 1 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
}

/* IMÁGENES SUPERPUESTAS MÁS GRANDES - VERSIÓN DEFINITIVA */
.img-vehiculo-e {
    width: 130% !important; /* 130% más grande que el contenedor */
    height: 130% !important; /* 130% más grande que el contenedor */
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999 !important; /* Z-index muy alto para asegurar que esté por encima */
    pointer-events: none !important;
    max-width: none !important; /* Eliminar límite de ancho máximo */
    max-height: none !important; /* Eliminar límite de alto máximo */
}

/* OCULTAR EMOJI CUANDO HAY IMAGEN */
.vehiculo-e.con-imagen .emoji-vehiculo-e {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* OCULTAR FONDO DEL VEHÍCULO CUANDO HAY IMAGEN */
.vehiculo-e.con-imagen {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* TRONCOS MÁS GRANDES - 40% vertical y 10% horizontal */
.tronco-e {
    position: absolute;
    width: 264px; /* 10% más grande (240px * 1.1 = 264px) */
    height: 126px; /* 40% más grande (90px * 1.4 = 126px) */
    border-radius: 20px;
    background: linear-gradient(to right, #8B4513, #A0522D);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483643;
    transition: left 0.1s linear;
    border: 3px solid #654321;
    pointer-events: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.3);
    transform: translateY(4px); /* 20px más arriba que antes (24px originales - 20px = 4px) */
    overflow: visible !important; /* Permitir que el contenido se desborde */
}

/* EMOJIS CENTRADOS PERFECTAMENTE */
.emoji-tronco-e {
    font-size: 42px !important;
    line-height: 1 !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
}

/* IMÁGENES SUPERPUESTAS MÁS GRANDES - MISMO SISTEMA QUE VEHÍCULOS */
.img-tronco-e {
    width: 130% !important; /* 130% más grande que el contenedor */
    height: 130% !important; /* 130% más grande que el contenedor */
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999 !important; /* Z-index muy alto para asegurar que esté por encima */
    pointer-events: none !important;
    max-width: none !important; /* Eliminar límite de ancho máximo */
    max-height: none !important; /* Eliminar límite de alto máximo */
}

/* OCULTAR EMOJI CUANDO HAY IMAGEN */
.tronco-e.con-imagen .emoji-tronco-e {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* OCULTAR FONDO DEL TRONCO CUANDO HAY IMAGEN */
.tronco-e.con-imagen {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Camino objetivo - AHORA EN LA CALLE INFERIOR */
.camino-objetivo-e {
    position: absolute;
    width: 140px; /* Aumentado para asegurar que la imagen se vea completa */
    height: 140px; /* Aumentado para asegurar que la imagen se vea completa */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483644;
    box-shadow: 0 0 30px rgba(255,105,180,0.9); /* Sombra más grande */
    border: 4px solid; /* Borde más grueso */
    animation: brilloCamino 2s infinite alternate;
    pointer-events: none;
    overflow: visible; /* Permitir que la imagen se vea completa */
}

.camino-objetivo-e.izquierda {
    background: #FF69B4; /* Rosa para el camino izquierdo */
    border-color: #FF1493;
}

.camino-objetivo-e.derecha {
    background: #69F0AE; /* Verde para el camino derecho */
    border-color: #4CAF50;
}

@keyframes brilloCamino {
    0% { transform: scale(1); box-shadow: 0 0 15px rgba(255,105,180,0.7); }
    100% { transform: scale(1.2); box-shadow: 0 0 25px rgba(255,105,180,0.9); }
}

.emoji-camino-e {
    font-size: 40px !important; /* Emoji más grande */
    line-height: 1 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
}

.img-camino-e {
    width: 100% !important; /* 100% del contenedor */
    height: 100% !important; /* 100% del contenedor */
    object-fit: contain; /* Asegurar que se vea completa */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
}

.camino-objetivo-e.con-imagen .emoji-camino-e {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Animaciones */
@keyframes vibrar {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-3px); }
}

.capibara-e.colision {
    animation: vibrar 0.5s ease-in-out;
    background: linear-gradient(135deg, #ff4444, #ff6b6b) !important;
}

/* Mensajes de juego */
.mensaje-elige {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.95);
    color: white;
    padding: 30px 50px;
    border-radius: 25px;
    font-size: 32px;
    font-weight: bold;
    z-index: 2147483647;
    text-align: center;
    border: 5px solid gold;
    box-shadow: 0 0 40px rgba(255,215,0,0.6);
    display: none;
}

/* Indicador de controles táctiles - MODIFICADO CON ESTILO IDÉNTICO AL CARTEL DE VICTORIA */
.indicador-controles-e {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    color: white !important;
    padding: 25px 35px !important;
    border-radius: 12px !important;
    font-size: 26px !important;
    z-index: 2147483648 !important;
    text-align: center !important;
    max-width: 80% !important;
    font-family: 'Fredoka', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 2px rgba(0, 0,0,0.8) !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: 0 4px 15px rgba(0, 0,0,0.3) !important;
    animation: aparecerMensaje 0.3s ease-out !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    display: none;
}

.indicador-controles-e.mostrar {
    display: block !important;
}

.indicador-controles-e h3 {
    margin: 0 0 15px 0 !important;
    font-size: 28px !important;
    color: #fed593 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
}

.indicador-controles-e p {
    margin: 10px 0 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}

@keyframes aparecerMensaje {
    0% { 
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }
    100% { 
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/* Media queries */
@media (max-width: 768px) {
    .capibara-e {
        width: 75px;
        height: 75px;
    }
    
    .vehiculo-e {
        width: 200px;
        height: 85px;
    }
    
    .tronco-e {
        width: 220px; /* Ajustado para el nuevo tamaño */
        height: 105px; /* Ajustado para el nuevo tamaño */
    }
    
    .indicador-controles-e {
        font-size: 22px !important;
        padding: 20px 30px !important;
        max-width: 85% !important;
    }
    
    .indicador-controles-e h3 {
        font-size: 24px !important;
    }
    
    .indicador-controles-e p {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    .capibara-e {
        width: 70px;
        height: 70px;
    }
    
    .vehiculo-e {
        width: 180px;
        height: 75px;
    }
    
    .tronco-e {
        width: 200px; /* Ajustado para el nuevo tamaño */
        height: 95px; /* Ajustado para el nuevo tamaño */
    }
    
    .indicador-controles-e {
        font-size: 20px !important;
        padding: 18px 25px !important;
        max-width: 90% !important;
    }
    
    .indicador-controles-e h3 {
        font-size: 22px !important;
    }
    
    .indicador-controles-e p {
        font-size: 16px !important;
    }
}

/* Prevenir zoom y mejorar táctil */
.juego-elige {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Advertencia orientación */
.advertencia-orientacion-e {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.95);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483647;
    font-family: 'Fredoka', sans-serif;
    font-size: 24px;
    text-align: center;
    padding: 20px;
}

/* OCULTAR CONTROLES DE TECLAS - NO SE USAN */
.controles-elige {
    display: none !important;
}

.control-btn-e {
    display: none !important;
}

/* Añadir estilos para manejar errores de carga de imágenes */
.img-vehiculo-e.error,
.img-tronco-e.error,
.img-capibara-e.error,
.img-camino-e.error {
    display: none;
}

.img-vehiculo-e.error + .emoji-vehiculo-e,
.img-tronco-e.error + .emoji-tronco-e,
.img-capibara-e.error + .emoji-capibara-e,
.img-camino-e.error + .emoji-camino-e {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fallback para cuando no se cargan las imágenes */
.zona-fondo-visual-e.sin-imagen {
    background-size: cover !important;
    background-position: center center center !important;
    background-repeat: no-repeat !important;
}

.zona-cielo-visual-e.sin-imagen {
    background: #87CEEB !important; /* Celeste cielo */
}

.zona-segura-superior-visual-e.sin-imagen {
    background: #228B22 !important; /* Verde pasto */
}

.zona-calle-1-visual-e.sin-imagen {
    background: #808080 !important; /* Gris calle */
}

.zona-rio-visual-e.sin-imagen {
    background: #1E90FF !important; /* Azul agua */
}

.zona-segura-final-visual-e.sin-imagen {
    background: #228B22 !important; /* Verde pasto */
}

/* ========================================================================== */
/* CORRECCIÓN DEFINITIVA PARA TAMAÑO DE IMÁGENES DE VEHÍCULOS */
/* ========================================================================== */

/* FORZAR tamaño de imágenes de vehículos - ANULAR CUALQUIER OTRO ESTILO */
.juego-elige .vehiculo-e.con-imagen .img-vehiculo-e {
    width: 130% !important;
    height: 130% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 130% !important;
    min-height: 130% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

/* Asegurar que el contenedor del vehículo permita el desbordamiento */
.juego-elige .vehiculo-e {
    overflow: visible !important;
}

.juego-elige .vehiculo-e.con-imagen {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Contenedor interno para centrado perfecto */
.juego-elige .vehiculo-e > div {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ocultar completamente el emoji cuando hay imagen */
.juego-elige .vehiculo-e.con-imagen .emoji-vehiculo-e {
    display: none !important;
}

/* ========================================================================== */
/* CORRECCIÓN DEFINITIVA PARA TAMAÑO DE IMÁGENES DE TRONCOS - MISMO SISTEMA */
/* ========================================================================== */

/* FORZAR tamaño de imágenes de troncos - ANULAR CUALQUIER OTRO ESTILO */
.juego-elige .tronco-e.con-imagen .img-tronco-e {
    width: 130% !important;
    height: 130% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 130% !important;
    min-height: 130% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

/* Asegurar que el contenedor del tronco permita el desbordamiento */
.juego-elige .tronco-e {
    overflow: visible !important;
}

.juego-elige .tronco-e.con-imagen {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Contenedor interno para centrado perfecto */
.juego-elige .tronco-e > div {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ocultar completamente el emoji cuando hay imagen */
.juego-elige .tronco-e.con-imagen .emoji-tronco-e {
    display: none !important;
}

/* ========================================================================== */
/* CORRECCIÓN DEFINITIVA PARA TAMAÑO DE IMÁGENES DE CAMINO - AJUSTADO PARA QUE SE VEA COMPLETA */
/* ========================================================================== */

/* FORZAR tamaño de imágenes de camino - AJUSTADO PARA VISIBILIDAD COMPLETA */
.juego-elige .camino-objetivo-e.con-imagen .img-camino-e {
    width: 100% !important; /* 100% del contenedor */
    height: 100% !important; /* 100% del contenedor */
    max-width: none !important;
    max-height: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: contain !important; /* Asegurar que se vea completa */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
    pointer-events: none;
}

/* Asegurar que el contenedor del camino permita el desbordamiento */
.juego-elige .camino-objetivo-e {
    overflow: visible !important; /* Permitir que la imagen se vea completa */
}

.juego-elige .camino-objetivo-e.con-imagen {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Contenedor interno para centrado perfecto */
.juego-elige .camino-objetivo-e > div {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important; /* Permitir que la imagen se desborde */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ocultar completamente el emoji cuando hay imagen */
.juego-elige .camino-objetivo-e.con-imagen .emoji-camino-e {
    display: none !important;
}

/* ========================================================================== */
/* ANULAR POSIBLES CONFLICTOS DEL STYLE.CSS */
/* ========================================================================== */

/* Anular cualquier estilo global que afecte a las imágenes dentro del juego */
.juego-elige img {
    max-width: none !important;
    max-height: none !important;
    width: auto !important;
    height: auto !important;
}

.juego-elige .img-vehiculo-e,
.juego-elige .img-tronco-e,
.juego-elige .img-capibara-e,
.juego-elige .img-camino-e {
    max-width: none !important;
    max-height: none !important;
    width: auto !important;
    height: auto !important;
}

/* ========================================================================== */
/* ELIMINAR LAS REGLAS AGRESIVAS DE OCULTAMIENTO DEL CÍRCULO DEL PERSONAJE */
/* ========================================================================== */

/* SE ELIMINARON TODAS LAS REGLAS CSS QUE FORZABAN EL OCULTAMIENTO DEL CÍRCULO */
/* Ahora el ocultamiento se maneja solo mediante JavaScript (igual que en frogger) */

/* ========================================================================== */
/* FIN DEL ARCHIVO CSS - JUEGO ELIGE */
/* ========================================================================== */