@import 'base.css';
@import 'web.css';

#principal .contenedor {
    text-align: center !important;
}

#principal .contenedor .texto {
    margin-bottom: 40px;
}

#principal .contenedor .texto p {
    width: 700px;
    margin: 0 auto;
    font-size: 38px;
    color: var(--color-azul);
}

#principal .contenedor .texto p .disfruta {
    color: var(--color-verde-limon-oscuro);
}

#principal .contenedor .imagen {
    margin-bottom: 20px;
}

#principal .contenedor .imagen img {
    width: 240px;
}

#principal .contenedor .btnOperarios,
#principal .contenedor .btnTripulantes,
#principal .contenedor .btnAdministrativos {
    padding: 8px 40px;
    font-size: 20px;
    border-radius: 10px;
    color: var(--color-blanco);
}

#principal .contenedor .btnOperarios {
    background-color: var(--color-verde-limon);
}

#principal .contenedor .btnTripulantes {
    background-color: var(--color-naranja-oscuro);
}

#principal .contenedor .btnAdministrativos {
    background-color: var(--color-morado);
}

/* Estilos Responsive */
@media only screen and (max-width: 768px) {
	#principal .contenedor .texto p {
        width: 100%;
        font-size: 30px;
    }
}