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

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

.app-description {
    font-family: 'Raleway SemiBold', sans-serif;  /* Mismo tipo de letra */
    color: #3D4F6C;  /* Mismo color */
    margin-bottom: 10px;  /* Espacio entre la descripción y el iframe */
}

.app-section {
    width: 80%;
    margin: 0 auto;  /* Centra el contenedor horizontalmente */
    overflow: hidden;
    margin-bottom: 5%;  /* Espacio entre cada app, puedes ajustarlo según tus preferencias */
}

.mi-iframe {
    width: 100%;          /* Ocupa todo el ancho del contenedor */
    height: 100vh;         /* Ajusta al alto que desees para el iframe */
    border: none;         /* Elimina el borde del iframe */
    display: block;       /* Asegura que el iframe no tenga márgenes extra */
}
form {
    display: flex;
    flex-direction: column;
    width: 60%; 
    max-width: 300px;
}

input[type="email"], button {
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    cursor: pointer;
    background-color: #3D4F6C;
    color: #fff;
    border: none;
}

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

.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;
}