/* logo */
.logo > div > img {
   border-radius: 0px 0px 20px 20px;
}

/* link size */
.link-size {
   font-size: 12px !important;
}

/* para los links */
.link-pointer {
   cursor: pointer;
}

/* footer */
footer {
   bottom: 0;
   position: absolute;
   width: 100%;
   height: 40px;
   font-size: 12px;
}

/* botones login */
.btn-rv {
   background-color: #cb1311;
   border: 0px solid #000000;
   border-radius: 30px;
   color: #fff;
   font-weight: bold;
}

.btn-rv:hover {
   color: white;
   background-color: #aa1717;
   transition: all 0.3s ease;
}

/* responsive */
/* pantallas moviles */
@media (orientation: portrait) {
   .logo > div > img {
      height: 110px;
      width: 150px;
   }
}

.btn-perso {
   color: #ff0000;
   width: 100%;
   border: 1px solid #dc3545;
   display: flex;
   font-size: 14px;
   background: #ffffff;
   box-sizing: border-box;
   font-style: normal;
   font-weight: 600;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   font-stretch: normal;
   border-radius: 5px;
   letter-spacing: normal;
   text-transform: none;
   justify-content: center;
}

.link-recovery:hover {
   font-weight: 500;
}

#progress-bar {
   transition: width 0.5s ease;
   height: 20px;
   background-color: #007bff; /* Color azul para la barra */
   border-radius: 5px;
}

#spinner-container {
   font-size: 1.2rem;
   color: #007bff;
}

#percentage-text {
   font-size: 1.5rem;
   font-weight: bold;
   color: #007bff;
}