/* Theme dia (light) */

:root {

  /* Colores de textos */
  --txt-color: #212529;
  --txt-color2: #495057;
  --txt-color-enfasis: #386aff;

  /* Colores de fondo */
  --bg-color: #f7f7f7;
  --card1-bg: #f8f9fa;
  --card1-border: #dbdbdb;
  --card2-bg: #f7f7f7;
  --card2-border: #e0e0e0;
}

body {
    background-color: #f7f7f7;
    color: #212529;
    font-family: 'Poppins', sans-serif;
}

.card1 {
    background-color: #f8f9fa;
    border: 1px solid #dbdbdb;
    color: #212529;
}

.card2 {
    border-radius: 1.8rem;
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
    color: var(--txt-color);
}

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



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

.form-control::placeholder {
    color: #6c757d;
}


.button-01 {
  border-radius: 1.5rem;
  border: 1px solid #ced4da;
  padding: 0.6rem 0.9rem;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  background-color: #f1f3f5;
  border-color: #ced4da;
  color: #212529;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center; 
  cursor: pointer;
  transition: all 0.5s ease;
}



.button-confirm {
      border-radius: 1.5rem;
      border: 1px solid #3564ff;
      padding: 0.6rem 0.9rem;
      font-size: 0.95rem;
      transition: all 0.2s ease;
      background-color: #3564ff;
      border-color: #3564ff;
      color: #ffffff !important;
      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.6rem;
}