/*TIPOGRAFIA*/


@font-face{font-family:FontTitulos;src:url("../fonts/Montserrat-Bold.ttf") format("truetype");font-weight:400;font-style:normal}

@font-face{font-family:FontTextos;src:url("../fonts/Montserrat-Medium.ttf") format("truetype");font-weight:400;font-style:normal}

@font-face{font-family:FontTextosLight;src:url("../fonts/Montserrat-Light.ttf") format("truetype");font-weight:400;font-style:normal}


@font-face{font-family:FontTextosSub;src:url("../fonts/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-style:normal}


.FontTitulos{font-family:FontTitulos}
.FontTextosLight{font-family:FontTextosLight}



/*TIPOGRAFIA*/



  /* Reiniciamos márgenes y bordes */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Hacemos que el body ocupe toda la pantalla */
        body {
           height: 100vh;
    width: 100vw;
    display: flex
;
    justify-content: center;
    background-color: #fff;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
        }

        img {
            max-width: 80%;   /* Se adapta al ancho del dispositivo */
            max-height: 80%;  /* Evita que sea más grande que la pantalla */
            height: auto;
            width: auto;
        }




/* Móviles pequeños */
@media (max-width: 320px) {
  /* Estilos para pantallas más pequeñas que 320px */
    
    
 .logoAjusta{
        width: 100%;
        
    }
    
    .cajaTexto{
    margin-top: 50px;
    width: 90%;
}
    
    .FontTextos{font-family:FontTextos; font-size: 1rem;line-height: 1.4rem}
    
    
   
}

/* Móviles */
@media (min-width: 321px) and (max-width: 480px) {
  /* Estilos para dispositivos móviles pequeños */
    
    
 .logoAjusta{
        width: 100%;
        
    }
    
    .cajaTexto{
    margin-top: 50px;
    width: 90%;
}
    
    .FontTextos{font-family:FontTextos; font-size: 1.1rem;line-height: 1.6rem}
    
    
}

/* Tablets pequeñas */
@media (min-width: 481px) and (max-width: 768px) {
  /* Estilos para dispositivos móviles en general */
    
    
 .logoAjusta{
        width: 70%;
        
    }
    
    
    .cajaTexto{
    margin-top: 50px;
    width: 90%;
}
    
    
    .FontTextos{font-family:FontTextos; font-size: 1.2rem;line-height: 1.7rem}
    
    
}

/* Tablets medianas */
@media (min-width: 769px) and (max-width: 1024px) {
  /* Estilos para tablets pequeñas */
    
    
    
 .logoAjusta{
        width: 30%;
        
    }
    
    .cajaTexto{
    margin-top: 50px;
    width: 50%;
}
    
    
    .FontTextos{font-family:FontTextos; font-size: 1.2rem;line-height: 1.7rem}
    
    
}

/* Dispositivos medianos */
@media (min-width: 1025px) and (max-width: 1200px) {
  /* Estilos para pantallas de tamaño medio */
    
    
    
 .logoAjusta{
        width: 35%;
        
    }
    
    
    .cajaTexto{
    margin-top: 50px;
    width: 50%;
}
    
    
    .FontTextos{font-family:FontTextos; font-size: 1.2rem;line-height: 1.7rem}
    
    
}

/* Escritorios grandes */
@media (min-width: 1201px) and (max-width: 1600px) {
  /* Estilos para monitores más grandes */
    
    
 .logoAjusta{
        width: 25%;
        
    }
    
    
    .cajaTexto{
    margin-top: 50px;
    width: 50%;
}
    
    
    .FontTextos{font-family:FontTextos; font-size: 1.2rem;line-height: 1.7rem}
    
    
}

/* Pantallas ultra anchas */
@media (min-width: 1601px) {
  /* Estilos para pantallas ultra anchas */
    
    
    
 .logoAjusta{
        width: 25%;
        
    }
    
    
    
    .cajaTexto{
    margin-top: 50px;
    width: 50%;
}
    
    .FontTextos{font-family:FontTextos; font-size: 1.2rem;line-height: 1.7rem}
}