section.tienes-cuenta{
   margin: 40px 0;
}

section.tienes-cuenta .login__register__wrapper {
   display:flex;
   justify-content:center;
   align-items:center;
   flex-direction:column;
   gap:1rem;
}

@media(max-width:768px) {
   section.tienes-cuenta .login__register__wrapper {
      height:auto;
   }
}


section.tienes-cuenta .login__register__inner {
   display:flex;
   align-items:center;
   flex-direction:column;
   padding:20px;
   gap:0.5rem;
   border-radius:5px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   background:var(--white);
   /*border-bottom:2px solid var(--primary-color);
   border-top:2px solid var(--primary-color);*/
   text-align:center;
   width:60%;
   box-sizing:border-box;
}

@media(max-width:768px) {
   section.tienes-cuenta .login__register__inner {
      width:95%;
   }
}


section.tienes-cuenta .login__register__inner h1 {
   margin:0;

}

section.tienes-cuenta .login__register__inner p span {
   font-weight:600;
}

section.tienes-cuenta .login__register__inner .buttons {
   display:flex;
   justify-content:center;
   gap:1.5rem;
}

@media(max-width:768px) {
   section.tienes-cuenta .login__register__inner .buttons {
      flex-direction:column;
   }
}

section.tienes-cuenta .login__register__inner .btn {
   background:var(--background-gold);
   padding:10px 25px;
   border-radius:5px;
   color:var(--white);
   transition: all 0.1s linear;
}

section.tienes-cuenta .login__register__inner .btn i {
   padding-right:10px;
}

section.tienes-cuenta .login__register__inner .btn:hover {
   transform:scale(1.05);
   transition: all 0.1s linear;
   background:var(--secondary-color);
}

section.tienes-cuenta .login__register__inner .logo__image img {
   width:50%;
}

.primera-mayus:first-letter{
   text-transform: uppercase;
}

.texto-promociones.rojo{
   color: #ca0404fb;
   font-weight: 700;
}

.texto-promociones.rojo .blink{
   font-weight: 400;
   opacity: 0;
   animation: blink-animation 0.8s steps(2, start) infinite;
   -webkit-animation: blink-animation 0.8s steps(2, start) infinite;
}
@keyframes blink-animation {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes blink-animation {
  to {
    opacity: 1;
  }
}


.toggle-password {
   position: absolute;
    right: 10px;
    top: 66%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

#fotoverificacion{
   max-width: 100%;
}

.contenedor-preview-fotoverificacion {
  position: relative;
  display: inline-block;
}

.contenedor-preview-fotoverificacion img {
  max-width: 150px;
  max-height: 150px;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.contenedor-preview-fotoverificacion .remove-fotoverificacion {
  font-size: 20px;
   cursor: pointer;
   line-height: 1;
   top: -140px;
   display: none;
   position: absolute;
   top: 1px;
   left: 160px;
}

.fotoverificacion-container{
   display: flex;
}

.remove-fotoverificacion2 {
   position: relative;
   font-size: 20px;
   cursor: pointer;
   background: white;
   line-height: 1;
   top: -1vh;
   left:0px;
}

#preview-fotoverificacion{
   max-width: 150px;
   max-height: 150px;
}
#preview-fotoverificacion2{
   max-width: 150px;
   max-height: 150px;
}