:root {
    --font-size-base: 1.25rem;
    --margin-top-base:1px;
    --margin-bottom-base:1px;
  }
  
  * {
    font-size: var(--font-size-base);
    margin-top: var(--margin-top-base);
    margin-bottom: var(--margin-bottom-base);   
  }
  
  input {
    height:27px;    
  }
 
 /* Estilos para cuando el input está enfocado */
 .form-configuracion:focus {
  background-color:  white; /* Cambiar a verde cuando está enfocado */
  color: #000; /* Cambiar el color de la letra a negro */
  border-color: #8bc34a; /* Cambiar el color del borde si lo hay */
  box-shadow: none ; /* Eliminar cualquier sombra si la hay */
  }    

 .form-configuracion:not(:focus) {
    background-color: #A9F5A9; /* Cambiar a gris cuando no está enfocado */
    color:black; /* Cambiar el color de la letra a gris oscuro */
  }
  
  /* Estilo para el input */
  .form-control {
    border: none; /* Eliminar el borde original */
    padding: 6px 10px; /* Agregar un poco de espacio alrededor del texto */
    /* background-color: #f8f9fa; /* Fondo gris claro */ 
    
    box-shadow: 0px 3px 5px black; /* Agregar una sombra suave */
    transition: box-shadow 0.2s ease-in-out; /* Agregar una transición suave */
  }
  
  /* Estilo para cuando el input está enfocado */
  .form-control:focus {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); /* Agregar una sombra más pronunciada */
  }
  
   
  .fila {
    height:30px;
    
  }

  .fixed-bottom.content {
    position: sticky;
    bottom: 0;
    
  }
  
  .filaspan{
    margin-top:4px;    
  }