* {
  box-sizing: border-box;
}

html{
  margin: 0;
  box-sizing: border-box;
  font-size: 1rem; 
}


body{
      margin: 0;
      box-sizing: border-box; 
      font-family: 'Roboto', system-ui, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
      font-style: normal;
      text-align: justify;
      text-decoration: none; 
      /* Quitar animación de fondo sutil */
      /* background: linear-gradient(-45deg, #e3ffe8, #e8eaf6, #fce4ec, #fffde7); */
      /* background-size: 400% 400%; */
      /* animation: gradientBG 15s ease infinite; */
}

/* Eliminar la animación de fondo */
@keyframes gradientBG {
  /* vacío */
}

.section-login {
  background-color: lightgray;
  text-align: right;
  font-size: 12px;
  position: sticky;
  top: 0; /* Se mantiene pegado en la parte superior */
  padding: 15px;
  z-index: 1000; /* Asegura que esté sobre el contenido */
}




.section-login a {
  margin-left: 5px;
  font-size: 12px;
}

.section-login p {
  margin: 0;
  padding: 0;
}

  /* Fondo con imagen */
  .bg-image {
    background-image: url('/img/landing.png');
    background-size: cover;
    background-position: center;
    height: 100vh;
}


.text-center {
  margin-top: 20px;
}



h3 {
  margin-top: 20px;
  margin-bottom: 20px;

}

h5 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;

}



  /* Estilo de título responsive */
  .responsive-heading {
      font-size: 2rem;
      margin: 2px;
  }


  /* Sección de página 100% ancho */
  .section {
      padding-top: 40px;
      padding-bottom: 40px;
      width: 100%;
      box-sizing: border-box;
  }

  .section-heading {
      font-size: 2.5rem;
      margin-bottom: 20px;
      color: #333;
  }

  /* Colores Complementarios */
  .feature-icon {
      font-size: 3rem;
      color: #17a2b8; /* Azul */
  }

 
  .container.bg-light {
      background-color: #f8f9fa;
  }

  .section.bg-light {
      background-color: #17a3b892; /* Naranja complementario */
  }

  /* Estilos del Footer */
  .footer {
    background-color: #E5E8EC;
    color: #6c757d;
      margin-top: 40px 0;
  }

  .footer a {
      color: #d7bce8; /* Púrpura claro */
  }

  /* Preguntas Frecuentes (Acordeón) */
  .btn-link {
      color: #17a2b8; /* Azul */
     
  }

  .btn-link:hover {
      color: #17a3b8d9; /* Naranja */
  }

  .btn-primary {
      background-color: #17a2b8; /* Azul */
      border-color: #17a2b8;
      text-align: center;
      transition: transform 0.2s, box-shadow 0.2s;
  }

  .btn-primary:hover {
      background-color: #17a3b8d9; /* Naranja */
      border-color: #17a3b8d9;
      transform: scale(1.05);
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  }



  @media (max-width: 900px) {


  /* Fondo con imagen */
  .bg-image {
    height: unset;
}



  .btn-primary{
    width: 100%;
    margin-bottom: 10px;

  }  

  .section-login {
    text-align: center;
  }

   

}