/*
 * 1. El Contenedor: Crea la relación de aspecto (aspect ratio) 600:500.
 * La proporción es 500 / 600 = 0.8333, o 83.33%
 */
.wikiloc-responsive-container {
    position: relative;
    /* Esto es lo que define la altura relativa al ancho: 83.33% del ancho. */
    padding-bottom: 83.33%; 
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 10px; 
}

/*
 * 2. El Iframe: Se posiciona absolutamente para llenar el contenedor.
 */
.wikiloc-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}