@media only screen and (max-width: 1536px) {

    .chatbot {
        position: fixed;
        bottom: 2%;
        right: 3%;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .modal-content-chat {
        background-color: #EFEFEF;
        /* padding: 20px; */
        /* border: 1px solid #888; */
        width: 305px;
        margin-left: 72%;
        margin-top: 20%;
        height: 410px;
        border-radius: 5%;
    }

    .modal-content-chat .encabezado .nino {
        width: 30px;
        height: 30px;
        margin-right: 5%;
        margin-left: 6%;
    }

    .modal-content-chat .encabezado h3 {
        color: #FFF;
        font-size: 17px;
        line-height: normal;
        margin: 20px;
    }

    .close-chat {
        background-image: url(../iconos/ui/close-circle.svg);
        float: right;
        font-size: 28px;
        font-weight: bold;
        background-size: cover;
        width: 30px;
        height: 30px;
        margin-left: 14%;
    }

    .modal-content-chat img {
        width: 35px;
        height: 45px;
        border-radius: 50%;
    }

    .modal-content-chat p {
        color: var(--primario, #007393);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0;
    }

}

@media only screen and (max-width: 1440px) {

    .modal-content-chat {
        background-color: #EFEFEF;
        /* padding: 20px; */
        /* border: 1px solid #888; */
        width: 305px;
        margin-left: 72%;
        margin-top: 23.5%;
        height: 410px;
        border-radius: 5%;
    }

    .modal-content-chat .encabezado .nino {
        width: 30px;
        height: 30px;
        margin-right: 5%;
        margin-left: 12%;
    }

    .close-chat {
        background-image: url(../iconos/ui/close-circle.svg);
        float: right;
        font-size: 28px;
        font-weight: bold;
        background-size: cover;
        width: 30px;
        height: 30px;
        margin-left: 20%;
    }
    


}

@media only screen and (max-width: 1366px) {

    .modal-content-chat {
        background-color: #EFEFEF;
        /* padding: 20px; */
        /* border: 1px solid #888; */
        width: 274px;
        margin-left: 72%;
        margin-top: 15%;
        height: 414px;
        border-radius: 5%;
    }

    .modal-content-chat .encabezado .nino {
        width: 30px;
        height: 30px;
        margin-right: 5%;
        margin-left: 6%;
    }

    .modal-content-chat .encabezado h3 {
        color: #FFF;
        font-size: 17px;
        line-height: normal;
        margin: 16px;
        margin-left: 10%;
    }

    .close-chat {
        background-image: url(../iconos/ui/close-circle.svg);
        float: right;
        font-size: 28px;
        font-weight: bold;
        background-size: cover;
        width: 30px;
        height: 30px;
        margin-left: 20%;
    }

    .modal-content-chat p {
        color: var(--primario, #007393);
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0;
    }

}

@media only screen and (max-width: 1280px) {

    .modal-content-chat {
        background-color: #EFEFEF;
        /* padding: 20px; */
        /* border: 1px solid #888; */
        width: 256px;
        margin-left: 73%;
        margin-top: 12.4%;
        height: 413px;
        border-radius: 5%;
    }

    .close-chat {
        background-image: url(../iconos/ui/close-circle.svg);
        float: right;
        font-size: 28px;
        font-weight: bold;
        background-size: cover;
        width: 30px;
        height: 30px;
        margin-left: 12%;
    }

    .modal-content-chat p {
        color: var(--primario, #007393);
        font-size: 9px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0;
    }
    
}