:is(.cont-usuarios, .cont-mensajes, .cont-notificacion)::-webkit-scrollbar{
  width: 0px;
}

.container-notificacion { display: none; position: absolute; top: 80%; right: 18%; max-width: 20rem; margin: auto }
.container-notificacion .cont-notificacion { height: 20rem; overflow: auto; width: 20rem; margin-left: -16px}
.container-notificacion .contenidoRecibidas .img_vacia { height: 16rem; width: 18rem; }
.container-notificacion .contenidoRecibidas .msj_vacia { margin-top: -25px; padding-bottom: 1rem; margin-bottom: 0; }

@media (max-width:1300px) {
  .header .content_header { padding: 0rem 7%; }
}
@media (max-width:1258px) {
    section { padding: 1rem 7%; }
    .header .content_header { padding: 0rem 6%; }
}

@media (max-width:1228px) {
    section { padding: 1rem 6%; }
    .header .content_header { padding: 0rem 4%; }
}

@media (max-width:1228px) {
    section { padding: 1rem 5%; }
}

@media (max-width:1174px) {
    section { padding: 1rem 4%; }
    .header .content_header { padding: 0rem 3.5%; }
}

@media (max-width:725px) {
    .header .content_header .navbar #link { display: none; }
    .footer .credit { position: relative; bottom: 5rem; margin-top: 4rem; margin-bottom: 1rem; border-style: none; }
}

@media (min-width:726px) {
    .header .content_header .navbar-active { display: none; padding: 0.5rem; }
}
@media (max-width:725px) {
    .header .content_header .navbar-active { padding: 0.5rem; }
    .header .content_header .navbar-active .btn-chat,
    .header .content_header .navbar-active .bnt-notificacion { display: block; }
    .header .content_header .navbar-active .bnt-notificacion .noti,
    .header .content_header .navbar-active .btn-chat .chat { margin-left: 2px; top: 2px; padding: 2px; line-height: 15px; width: 20px;}

    .container-notificacion { right: 29%; }
    .container-notificacion .cont-notificacion { height: 17rem; }
.container-notificacion .contenidoRecibidas .img_vacia { height: 15rem; }
.container-notificacion .contenidoRecibidas .msj_vacia { margin-top: -30px;}

}

@media (max-width: 755px) {
  .container-notificacion { right: 28%; }
  }
  @media (max-width: 720px) {
    .container-notificacion { right: 27%; }
    }
    @media (max-width: 690px) {
      .container-notificacion { right: 26%; }
      }
      @media (max-width: 660px) {
        .container-notificacion { right: 25%; }
        }
        @media (max-width: 630px) {
          .container-notificacion { right: 24%; }
          }
          @media (max-width: 610px) {
            .container-notificacion { right: 23%; }
            }
            @media (max-width: 585px) {
              .container-notificacion { right: 22%; }
              }
              @media (max-width: 570px) {
                .container-notificacion { right: 23%; top: 87%;}
                .container-notificacion .cont-notificacion { height: 18.5rem;   margin-left: -15px }
                }
                @media (max-width: 550px) {
                  .container-notificacion { right: 22%; }
                  }
                  @media (max-width: 530px) {
                    .container-notificacion { right: 21%; }
                    }
                    @media (max-width: 510px) {
                      .container-notificacion { right: 20%; }
                      }
                      @media (max-width: 490px) {
                        .container-notificacion { right: 19%; }
                        }
                        @media (max-width: 480px) {
                          .container-notificacion { right: 18%; }
                          }
                          @media (max-width: 470px) {
                            .container-notificacion { right: 18%; top: 80%; }
                            .container-notificacion .cont-notificacion { height: 20rem; }
                            .container-notificacion .contenidoRecibidas .img_vacia { height: 16.5rem; }
                            }
                            @media (max-width: 445px) {
                              .container-notificacion { right: 17%; }
                              }
                              @media (max-width: 435px) {
                                .container-notificacion { right: 16%; }
                                }
                                @media (max-width: 425px) {
                                  .container-notificacion { right: 15%; }
                                  }
                                  @media (max-width: 417px) {
                                    .container-notificacion .cont-notificacion { margin-left: -15px }
                                    }
                                    @media (max-width: 410px) {
                                      .container-notificacion { right: 14%; }
                                      }
                                      @media (max-width: 400px) {
                                        .container-notificacion { right: 13%; }
                                        }
                                        @media (max-width: 390px) {
                                          .container-notificacion { right: 12%; }
                                          }
                                          @media (max-width: 390px) {
                                            .container-notificacion { right: 11%; }
                                            }
                                            @media (max-width: 370px) {
                                              .container-notificacion { right: 13%; top: 91%; }
                                              .container-notificacion .cont-notificacion { height: 22rem;  margin-left: -14px }
                                              .container-notificacion .contenidoRecibidas .img_vacia { height: 18.5rem; }
                                              }
                                              @media (max-width: 355px) {
                                                .container-notificacion { right: 12%; top: 93%; }
                                                .container-notificacion .cont-notificacion { height: 22.5rem;  margin-left: -14px }
                                                .container-notificacion .contenidoRecibidas .img_vacia { height: 18rem; }
                                                .container-notificacion .contenidoRecibidas .msj_vacia { margin-top: -17px;}
                                                }
                                                @media (max-width: 345px) {
                                                  .container-notificacion { right: 11%; }
                                                  }
                                                  @media (max-width: 340px) {
                                                    .container-notificacion { right: 9%; }
                                                    }
                                                    @media (max-width: 335px) {
                                                      .container-notificacion { right: 8%; }
                                                      }
                                                      @media (max-width: 315px) {
                                                        .container-notificacion { right: 7%; }
                                                        }
                                                        @media (max-width: 310px) {
                                                          .container-notificacion { right: 6%; }
                                                          }
                                                          @media (max-width: 305px) {
                                                            .container-notificacion { right: 5%; }
                                                            }
                                                            @media (max-width: 300px) {
                                                              .container-notificacion { right: 4%; }
                                                              }
                                                              @media (max-width: 290px) {
                                                                .container-notificacion { right: 3%; }
                                                                }
                                                                @media (max-width: 285px) {
                                                                  .container-notificacion { right: 2%; }
                                                                  }
                                                                  @media (max-width: 278px) {
                                                                    .container-notificacion { right: 1%; }
                                                                    }
                                                                    @media (max-width: 274px) {
                                                                      .container-notificacion { right: 0%; }
                                                                      }
      
    
  

@media (max-width: 570px) {
    html {
      font-size: 15px; 
    }
  }
@media (max-width:545px) {
    .header .content_header #namelink { font-size: 1.5rem; }
}

@media (max-width: 470px) {
    html {
        font-size: 14.5px; 
    }
  }

@media (max-width:400px) {
    .header .content_header .navbar-active { gap: 1rem; }
}
@media (max-width: 370px) {
    html {
      font-size: 13.5px; 
    }
  }
@media (max-width:355px) {
    .header .content_header .navbar-active { gap: 1rem; padding: 0.2rem; }
    .header .content_header #admin { gap: 0.5rem; padding: 0.5rem; }
    .header .content_header #admin a { display: block; }
    .header .content_header .navbar-active a { display: flex; flex-direction: column; align-items: center; justify-content: center;/* font-size: 0.9rem;*/}
    .chat {     padding: 1rem 4%;}
}