html {
    font-size: 14px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* Movil vertical */
@media only screen and (max-width: 575px) {
    /* Estilos para movil vertical */
}

/* Movil horizontal */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* Estilos para movil horizontal */
}

/* Tablet vertical */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 16px;
    }
    /* Estilos para tablet vertical */
}

/* Tablet horizontal */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Estilos para tablet horizontal */
}

/* Laptop */
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    /* Estilos para laptop */
}

/* Desktop */
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
    /* Estilos para desktop */
}

/* Desktop máximo */
@media only screen and (min-width: 1920px) {
    /* Estilos para desktop máximo */
}

/* Estilos para dispositivos móviles en orientación vertical */
@media only screen and (max-width: 575px) {
    .footer-content {
        text-align: center; /* Centrar el contenido */
    }

        .footer-content p {
            display: block; /* Mostrar cada párrafo en una línea separada */
        }
}

/* Estilos para todas las demás versiones */
@media only screen and (min-width: 576px) {
    .footer-content {
        display: flex; /* Utilizar flexbox para alinear los párrafos */
        justify-content: center; /* Centrar los párrafos horizontalmente */
    }

        .footer-content p {
            display: inline-block; /* Mostrar cada párrafo en una línea horizontal */
            margin: 0 10px; /* Ajustar el margen entre los párrafos según sea necesario */
        }
}

@media (max-width: 600px) {
    .modal-lg {
        display: none; /* Oculta la ventana modal en pantallas más pequeñas */
    }
}