/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {

    .contenedor-index-nuevo-form .texto-index-1 {
        font-size: 26px;
        line-height: 30px;
    }

    .contenedor-index-nuevo-form .texto-index-1>span {
        font-size: 26px;
        line-height: 43px;
    }

    .contenedor-index-nuevo-form .texto-index-2 {
        font-size: 20px;
        line-height: 25px;
    }

    .contenedor-index-nuevo-form .text-index-bienvenidos {
        font-size: 20px;
        line-height: 25px;
        width: 80%;
    }

    #btn-enviar-login {
        border-radius: 20px;
        font-size: 25px;
        font-weight: 700;
        height: auto;
        padding: 5px 20px;
        width: auto;
    }

    .contenedor-curso-secciones-index>div {
        width: 100%;
    }

    .contenedor-cursos-recomendados-index .curso-recomendado,
    .contenedor-encuentros-index .encuentro {
        width: 100%;
    }

    .contenedor-header>div {
        width: 100%;
    }

    footer {
        flex-direction: column;
        gap: 20px;
    }

    footer>div:nth-child(2) {
        flex-wrap: wrap;
    }

    footer>div:nth-child(2) img {
        width: 45%;
    }

    .div-login {
        width: 90%;
    }

    .contenedor-leccion-scorm {
        display: flex;
        flex-direction: column;
        gap: 10px;
        position: relative;
    }

    .contenedor-leccion-scorm .contenedor-leccion-scorm-botones {
        display: flex;
        flex-direction: row;
        gap: 10px;
        position: relative;
        right: 0;
        width: 100%;
    }

    .contenedor-leccion-scorm .contenedor-leccion-scorm-botones a {
        width: 50px;
    }

    .contenedor-header .logos-fen a {
        height: auto;
        margin: 0 auto;
        width: 294px;
    }

    .contenedor-header .titulo-header label:nth-child(1) {
        font-size: 28px;
    }

    .contenedor-header .titulo-header label:nth-child(2) {
        display: none;
    }

    .div-foro-post .div-foro-post-user {
        flex-direction: row;
    }

    .div-foro-post .div-foro-post-user>div:nth-child(1) {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 30%;
    }

    .div-foro-post .div-foro-post-user>div:nth-child(2) {
        align-items: center;
        display: flex;
        width: 70%;
    }

    .div-foro-post .div-foro-post-user>div:nth-child(2)>div {
        width: 100%;
    }

    .div-foro-post .div-foro-post-user .div-foro-post-user-img {
        margin-bottom: 0;
    }

    .imagen-perfil-usuario {
        width: 50%;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .contenedor-curso-secciones-index>div {
        width: 100%;
    }

    .contenedor-cursos-recomendados-index .curso-recomendado,
    .contenedor-encuentros-index .encuentro {
        width: calc(50% - 20px);
    }

    .contenedor-header>div {
        width: calc(50% - 10px);
    }

    footer {
        flex-direction: column;
        gap: 20px;
    }

    footer>div:nth-child(2) img {
        width: calc(33% - 30px);
    }

    .div-login {
        width: 70%;
    }

    .contenedor-leccion-scorm {
        display: flex;
        flex-direction: column;
        gap: 10px;
        position: relative;
    }

    .contenedor-leccion-scorm .contenedor-leccion-scorm-botones {
        display: flex;
        flex-direction: row;
        gap: 10px;
        position: relative;
        right: 0;
        width: 100%;
    }

    .contenedor-leccion-scorm .contenedor-leccion-scorm-botones a {
        width: 50px;
    }

    .contenedor-header .titulo-header label:nth-child(1) {
        font-size: 28px;
    }

    .contenedor-header .titulo-header label:nth-child(2) {
        font-size: 28px;
    }

    .div-foro-post .div-foro-post-user {
        flex-direction: row;
    }

    .div-foro-post .div-foro-post-user>div:nth-child(1) {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 30%;
    }

    .div-foro-post .div-foro-post-user>div:nth-child(2) {
        align-items: center;
        display: flex;
        width: 70%;
    }

    .div-foro-post .div-foro-post-user>div:nth-child(2)>div {
        width: 100%;
    }

    .div-foro-post .div-foro-post-user .div-foro-post-user-img {
        margin-bottom: 0;
    }

    .imagen-perfil-usuario {
        width: 50%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .contenedor-curso-secciones-index>div:first-child {
        width: 100%;
    }

    .contenedor-curso-secciones-index>div:nth-child(2) {
        width: calc(50% - 20px);
    }

    .contenedor-curso-secciones-index>div:nth-child(3) {
        width: calc(50% - 20px);
    }

    .contenedor-cursos-recomendados-index .curso-recomendado,
    .contenedor-encuentros-index .encuentro {
        width: calc(50% - 20px);
    }

    .contenedor-header>div {
        width: calc(50% - 10px);
    }

    footer>div:nth-child(2) img {
        width: calc(33% - 30px);
    }

    .div-login {
        width: 50%;
    }

    .contenedor-leccion-scorm {
        display: flex;
        flex-direction: column;
        gap: 10px;
        position: relative;
    }

    .contenedor-leccion-scorm .contenedor-leccion-scorm-botones {
        display: flex;
        flex-direction: row;
        gap: 10px;
        position: relative;
        right: 0;
        width: 100%;
    }

    .contenedor-leccion-scorm .contenedor-leccion-scorm-botones a {
        width: 50px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    body {
        border: 1px solid red;
    }

    .contenedor-curso-secciones-index>div:first-child {
        width: calc(40% - 20px);
    }

    .contenedor-curso-secciones-index>div:nth-child(2) {
        width: calc(30% - 20px);
    }

    .contenedor-curso-secciones-index>div:nth-child(3) {
        width: calc(30% - 20px);
    }

    .contenedor-cursos-recomendados-index .curso-recomendado,
    .contenedor-encuentros-index .encuentro {
        width: calc(33% - 20px);
    }

    .div-login {
        width: 50%;
    }
}

/* Extra large devices */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    
}

/* Extra Extra large devices */
@media (min-width: 1400px) {
    
}