*{
margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Montserrat', Tahoma, Geneva, Verdana, sans-serif;
    }

    body {
      background-color: #dbe4eb; /* gris azulado suave */
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

    .container {
      width: 100%;
      max-width: 1500px;
      height: 700px;
      display: flex;
      border-radius: 12px;
      overflow: hidden;
      background: white;
      box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
    }

    /* Columna izquierda con imagen (60%) */
    .left {
      flex: 4;

      background: url("../images/login.jpeg") no-repeat center center/cover;
      
    }

    .right {
      flex: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 40px;
      background: #fff;
      position: relative;
    }

    .logo {
      font-size: 30px;
      margin-bottom: 20px;
      color: #2d2d2d;
    }

    .title {
      font-size: 22px;
      margin-bottom: 20px;
      font-weight: bold;
    }

    .input-box {
      width: 100%;
      margin-bottom: 15px;
      position: relative;
    }

    .input-box input {
      width: 100%;
      padding: 12px 12px 12px 40px; /* espacio para el ícono */
      border-radius: 8px;
      border: none;
      font-size: 14px;
      background-color: #f0f0f0;
    }

    .input-box input:focus {
      outline: 2px solid #FFC107;
      background-color: #fff;
      align-items: center;
      justify-content: center;
    }



    .forgot {
      width: 100%;
      text-align: right;
      margin-bottom: 20px;
    }

    .forgot a {
      text-decoration: none;
      font-size: 13px;
      color: #FFC107;
    }

    .btn {
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 8px;
      background: #FFC107;
      color: white;
      font-size: 16px;
      cursor: pointer;
      margin-bottom: 15px;
      transition: 0.3s;
      display: flex;
      align-items: left;
      justify-content: center;
      gap: 8px;
    }

    .btn-2 {
        background-color: #fff;
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 8px;
      color: #1250AC;
      font-size: 16px;
      cursor: pointer;
      margin-bottom: 15px;
      transition: 0.3s;
      display: flex;
      align-items: left;
      justify-content: center;
      font-weight: 500;
      gap: 8px;
    }

    .btn:hover {
      background: #0050cc;
    }

    .signup {
      font-size: 14px;
    }

    .signup a {
      color: #0066ff;
      text-decoration: none;
      font-weight: 500;
    }
    .sub-titulo{
        text-align: center;
        font-size: 13px;
        color: #1250AC;
    }
.footer-text {
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-size: 13px;
  color: #1250AC;
  font-weight: 500;
}
footer.footer-text i {
  color: #f44336 !important; /* Color del icono (puedes cambiar el rojo si quieres otro color) */
}

footer.footer-text p {
  margin: 0;
  text-align: center;
}
.fa-regular, .far {
    font-weight: 400;
    color: red;
}