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;
}

.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 {
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 20px;
  color: red;
  cursor: pointer;
  background: white;
  border-radius: 50%;
  padding: 2px;
  line-height: 1;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  display: none; /* se muestra al cargar imagen */
}

#preview-fotoverificacion{
   max-width: 150px;
   max-height: 150px;
}