/* styles_grupo_kossodo.css */

/* Variables de colores */
:root {
  --naranja: #fb8c32;  /* Naranja Kossodomet */
  --azul:    #374262;  /* Azul Grupo General */
  --verde:   #6cbb9e;  /* Verde Kossodo */
}

/* Bordes redondeados para inputs de texto, número y fecha (30px) */
input[type="text"],
input[type="number"],
input[type="date"] {
  border-radius: 30px !important;
}

/* Bordes redondeados para textarea y select (10px) */
textarea,
select {
  border-radius: 10px !important;
}

/* Estilos para títulos (h1 a h6): bold con degradado */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  background: linear-gradient(90deg, var(--naranja), var(--azul), var(--verde));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Estilos para botones (clase .btn-primary) */
/* Estado normal: fondo blanco, texto con el color primario y borde en dicho color */
.btn-primary {
  background: white;
  color: var(--naranja);
  border: 1px solid var(--naranja);
  transition: all 0.3s ease;
}

/* Estado hover, focus y active: fondo degradado y texto blanco */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(90deg, var(--naranja), var(--azul), var(--verde));
  color: white;
  border-color: transparent;
}