* {
    margin: 1;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    font-family: 'Raleway SemiBold', sans-serif;
    color: #3D4F6C;
    overflow-x: hidden;
}

.container {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4%;
}

.logo-container img {
    max-height: 10vh;
    width: auto;
}

.ventana {
    flex: 1; /* Esto asegura que el contenedor tome todo el espacio vertical restante */
    display: flex;
    flex-direction: column; /* Alinear los elementos verticalmente */
    justify-content: center; /* Centrar contenido verticalmente */
}

.app-section, .map-section {
    flex: 1;
    width: 80%;
    overflow: hidden;
}

.mi-iframe {
    width: 90%;          /* Ocupa el 90% del ancho del contenedor */
    height: 60vh;        /* Ocupa el 60% de la altura de la ventana del navegador */
    border: none;
    display: block;
}

.buttons-container {
    display: flex;
    justify-content: center; /* Alinea los botones horizontalmente al centro */
    gap: 10px; /* Espacio entre botones */
    margin-bottom: 20px; /* Margen inferior para separarlos de otros elementos */
}

.link-button {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px;
    background-color: #3D4F6C;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.link-button:hover {
    background-color: #0056b3;
}

.return-button-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}