/* Estilos para la sección de registro */
.registro-section {
    background-color: white;
    background-image: url('../images/fondo2.png'); /* Ruta a tu imagen de fondo */
    background-size: cover; /* Ajusta el tamaño de la imagen para cubrir toda la sección */
    background-repeat: no-repeat; /* No repetir la imagen */
    background-position: center; /* Centrar la imagen */
    padding: 40px 20px;
    margin: 20px auto;
    max-width: 60%;
    min-width: 400px; /* Tamaño mínimo para evitar que sea demasiado pequeña */
    width: 60%; /* Utiliza el 60% del ancho de la pantalla */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
   
    flex-direction: column;
    align-items: center;
    text-align: center; 
}

.texto-cajas-registro {
    align-items: center;
    font-size: 20px;
    font-family: 'Futura', Arial, sans-serif;
}




@media (max-width: 768px) {
    /* Estilos para la sección de registro en pantallas pequeñas */
    .registro-section {
        background-color: white;
        background-image: url('../images/fondo2.png'); /* Ruta a tu imagen de fondo */
        background-size: cover; /* Ajusta el tamaño de la imagen para cubrir toda la sección */
        background-repeat: no-repeat; /* No repetir la imagen */
        background-position: center; /* Centrar la imagen */
        padding: 40px 20px;
        margin: 20px auto;
        max-width: 90%;
        width: 90%; /* Utiliza el 90% del ancho de la pantalla en dispositivos móviles */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    

}