:root {

  /* Colores de textos */
  --txt-color: #f8f9fa;
  --txt-color2: #e0e0e0e7;
  --txt-color-enfasis: #386aff;

  /* Colores de fondo */
  --bg-color: #121212;
  --card1-bg: #161616;
  --card1-border: #222222;
  --card2-bg: #191919;
  --card2-border: #232323;
}

/* Theme dark */
body {
    background-color: #121212;
    color: #f8f9fa;
    font-family: 'Poppins', sans-serif;
}

.card1 {
    background-color: #161616;
    border: 1px solid #222222;
}

.card2 {
    border-radius: 1.8rem;
    background-color: #191919;
    border: 1px solid #232323;
    color: #f8f9fa;
}

a {
  color: var(--txt-color2) !important;
}



/* Formularios */
.input {
    background-color: #202020;
    border: 1px solid #333333;
    border-radius: 2rem;
    color: #f8f9fa;
    width: 100%;
    height: 3rem;
    padding: 0.4rem 1rem;
}

.form-control::placeholder {
    color: #f8f9fa;
}


.button-01 {
  border-radius: 1.5rem;
  border: 1px solid #e2e8f067;
  padding: 0.6rem 0.9rem;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  background-color: #282828;
  border-color: #ffffff40;
  color: #e5e5e5 ;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center; 
  cursor: pointer;
  transition: all 0.2s ease;
}
.button-01:hover {
    transform: scale(1.09) !important;
}



.button-confirm {
      border-radius: 1.5rem;
      border: 1px solid #e2e8f067;
      padding: 0.6rem 0.9rem;
      font-size: 0.95rem;
      transition: all 0.2s ease;
      background-color: #3564ff;
      border-color: #ffffff40;
      color: #e5e5e5 ;
      text-decoration: none !important;
      display: flex;
      justify-content: center;
      align-items: center; 
      cursor: pointer;
      transition: all 0.5s ease;
     
}
.button-confirm:hover {
    transform: scale(1.06) !important;
    border-radius: 0.9rem;
}