@font-face {
  font-family: 'Lemon';
  /* Asegúrate de que el archivo esté en la misma carpeta que tu CSS o ajusta la ruta */
  /*src: url('../font/MattB.otf') format('opentype');*/
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {

    --bs-borde-seleccionado: violet;
    
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body, html {
  height: 100%;
  min-width: 400px;
  margin: 0;
  font-family: 'Lemon', serif;
}

.encabezado{
        width: 100%;
        height: 50%;
        background-image: url('/images/encabezado.jpg');
        background-size: cover; 
        background-repeat: no-repeat; 
        background-position: center; 
      
     
}

input{
    font-size: 2.25rem;
}

/* Versión celular*/
@media(max-width:767px){
 .encabezado{
     width: 100%;
    background-size: contain;
    height: 20%;
}   
input{
    font-size: 1.5rem;
}
}

/* Versión tableta */
@media (min-width: 767px) {

}



/* PC Mediano */
@media (min-width: 992px) {

}


/* PC GRANDE */
@media (min-width: 1600px) {

}