:root {
  /* Colores primarios */
  --color-primario:#0cd8f3
;
  --color-secundario: #4222e0;
  --color-fondo:#ffffff ;
  
  --color-texto: #000000;
  --color-blanco: #ffffff;
}


body{

        background-color:var(--color-fondo);
        color:var(--color-texto);
       
}



.inicio p {
    margin-top: 0;
    margin-bottom: 0;
}

.bi{
  color: var(--color-secundario);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: rgba(255,255,255,0.15);
  border-radius: 8px;

  font-size: 1.2rem;
  transition: background-color 0.3s ease;
}

.bi:hover{
  background-color: rgba(255,255,255,0.05);
}



 .imagen{
 
    background-color: var(--color-fondo); 
    max-height: 500px;
  }