﻿/*.logo-adjust {
   max-width: 100px;
   height: auto;
   animation: zoom 5s ease-in-out;
}
*/
/*@media (min-width: 768px) {
   .logo-adjust {
      max-width: 300px;
   }
}*/

/*.background-adjust {
   background-image: url('/Assets/img/fondoDanone.webp');
   background-size: cover;
   background-position: center;
   width: 100%;
   height: 100%;
   position: relative;
   min-height: 400px;
   animation: EntrarIzq 4s ease;
}*/

/*@media (min-width: 768px) {
   .background-adjust {
      min-height: 600px;
   }
}
*/
.words-background {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #325C93;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
   text-align: center;
   max-width: 90%;
   word-wrap: break-word;
   font-family: 'EloquiaText-Regular';
}

/*.text-responsive {
   font-size: 4vw;
   min-font-size: 1.5rem;
   max-font-size: 3rem;
   line-height: 1.2;
   overflow-wrap: break-word;
   font-family: 'EloquiaText-Regular';
   animation-duration: 3s;
   animation-name: slidein;
}*/

@media (max-width: 576px) {
   .text-responsive {
      font-size: 3.5vw;
      min-font-size: 1.2rem;
      font-family: 'EloquiaText-Regular';
   }
}

@media (min-width: 768px) {
   .text-responsive {
      font-size: 3vw;
      max-font-size: 4rem;
      font-family: 'EloquiaText-Regular';
   }
}

@media (min-width: 992px) {
   .text-responsive {
      font-size: 2.5vw;
      max-font-size: 5rem;
      font-family: 'EloquiaText-Regular';
   }
}

.btn-link {
   font-size: 1.2rem;
   background-color: #325C93;
   color: white;
   text-decoration: none;
   padding: 0.5rem 1.5rem;
   border-radius: 0.5rem;
   font-family: 'EloquiaText-Regular';
}

   .btn-link:hover {
      color: white;
      font-family: 'EloquiaText-Regular';
   }

@media (max-width: 576px) {
   .btn-link {
      font-size: 1rem;
      font-family: 'EloquiaText-Regular';
   }
}

@media (min-width: 768px) {
   .btn-link {
      font-size: 1.4rem;
      font-family: 'EloquiaText-Regular';
   }
}

.mt-3 {
   margin-top: 1rem;
}

.d-flex.justify-content-start {
   gap: 10px;
}

@media (max-width: 576px) {
   .d-flex.justify-content-start {
      justify-content: start;
   }

   .mx-2 {
      margin: 0 5px;
   }
}

@media (min-width: 768px) {
   .d-flex.justify-content-start {
      justify-content: start;
   }
}

.link-item {
   display: block;
   margin: 0.5rem 0;
   color: #325C93;
   text-decoration: none;
   font-family: 'EloquiaText-Regular';
}

.entrarSistema {
   font-family: 'EloquiaText-Regular';
}

.languages {
   font-family: 'EloquiaText-Regular';
   color: #325C93;
}

@media(min-width:768px) {
   .link-item {
      margin: 0;
      font-family: 'EloquiaText-Regular';
   }
}

.link-language {
   color: #325C93;
   text-decoration: none;
   font-family: 'EloquiaText-Regular';
}

.compass {
   max-width: 150px;
   font-family: 'EloquiaText-Regular';
}

#tutorial {
   font-family: 'EloquiaText-Regular';
   color: #325C93;
}

@keyframes slidein {
   from {
      margin-left: 100%;
      width: 300%;
   }

   to {
      margin-left: 0%;
      width: 100%;
   }
}

/*@keyframes EntrarIzq {
   from {
      transform: translateX(-200%);
   }

   to {
      transform: translateX(0);
   }
}

@keyframes zoom {
   from {
      transform: scale(2.5);
   }

   to {
      transform: scale(1)
   }
}
*/
@font-face {
   font-family: 'EloquiaText-Regular';
   src: url('/Assets/Tipografia/EloquiaText-Regular.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
}