@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Variable.ttf') format('truetype-variations');
  font-weight: 100 900; /* Rango disponible */
  font-style: normal;
}

@font-face {
  font-family: 'Inter Italic';
  src: url('../fonts/Inter-Italic-Variable.ttf') format('truetype-variations');
  font-weight: 100 900; /* Rango disponible */
  font-style: italic;
}


@font-face {
  font-family: 'Lora Italic';
  src: url('../fonts/Lora-Italic.ttf') format('truetype-variations');
  font-weight: 100 900; /* Rango disponible */
  font-style: italic;
}


h1, h4, h5, body, input, select, strong{
   font-family: 'Inter' !important; 
}

.btn, .secondary-btn{
  font-family: 'Inter' !important; 
  font-weight: 500 !important;
  font-variant: small-caps !important;
  text-transform: lowercase;
}

header .btn{
  text-transform: uppercase;
}

.menu-header-container a{
  font-family: 'Inter' !important; 
  font-weight: 500 !important;
}

.menu-selector-container span{
  font-family: 'Inter' !important; 
}

.main-slider .text-item h2{
  font-family: 'Lora Italic' !important; 
  text-transform: initial !important;
}

.main-slider .text-item h2 span{
  font-family: 'Inter' !important; 
  font-weight: 400 !important;
  text-transform: initial !important;
}

.pilars-home .info-text h3{
  font-family: 'Inter' !important; 
  font-weight: 600 !important;
}

.pilars-home .info-text p{
  font-family: 'Inter' !important; 
  font-weight: 400 !important;
}

.pilars-home a:hover h3, 
.pilars-home a:hover p{
  text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
}

.head-map li{
  font-family: 'Inter' !important; 
  font-weight: 500 !important;
  font-size: 63px !important;
  display: flex;
  align-items: center;
}

.head-map li span{
  margin-left: 10px;
  font-family: 'Inter' !important; 
  font-weight: 400 !important;
  font-variant: small-caps !important;
}

.content-map .foot-map li, 
.content-map .foot-map li span{
  font-family: 'Inter' !important; 
}

.press-box span, 
.press-box a, 
.press-box p{
  font-family: 'Inter' !important; 
}

footer span, 
footer a, 
footer p{
  font-family: 'Inter' !important; 
}

.breadcrumb li,
.breadcrumb a{
  font-family: 'Inter' !important; 
}

.main-news .head span{
  font-family: 'Inter' !important; 
  font-weight: 500 !important;
  font-variant: small-caps !important;
}

.main-news .head .date{
  font-family: 'Inter' !important; 
}

.main-news p,
.main-news span,
.main-news em,
.main-news li,
.main-news h1,
.main-news a {
  font-family: 'Inter' !important; 
}

.principal-tabs .nav-item .nav-link h2{
  font-family: 'Inter' !important; 
}

.tab-content .text h1,
.tab-content .text h2,
.tab-content .text h3,
.tab-content .text p,
.tab-content .text small{
  font-family: 'Inter' !important; 
}

.text p{
  font-weight: 300;
}

.timeline .swiper-pagination-bullet{
  font-family: 'Inter' !important; 
  font-weight: 500 !important;
}

.timeline .timeline-year{
  font-family: 'Lora Italic' !important; 
  position: relative;
}

.timeline .swiper-slide .image:after, 
.timeline .swiper-slide .image:before{
  display: none;
}

.timeline .swiper-slide .timeline-year:after {
  content: "\2022";
  top: 50%;
  right: -20px;
  width: 9px;
  height: 9px;
  position: absolute;
  display: flex;
  align-items: center;
}

.timeline .swiper-slide .timeline-year:before {
  content: "";
  width: 100px;
  display: flex;
  height: 3px;
  border-bottom: 2px dashed #ff5c35;
  top: 50%;
  left: 105%;
  align-items: center;
  position: absolute;
}

.nav-link,
.nav-link span{
  font-family: 'Inter' !important; 
}

.btn-download,
.btn-download p,
.btn-download span{
  font-family: 'Inter' !important; 

}
.box-person h3, 
.box-person h4{
  font-family: 'Inter' !important; 
}

.bottom-info ul li span{
  font-family: 'Inter' !important; 
}

.content-sustainability .sus-title{
  font-family: 'Inter' !important; 
}

.title-tabs{
  font-family: 'Inter' !important; 
}

.annual-memory .memory-info h2{
  font-family: 'Inter' !important; 
}


@media (max-width: 768px) {
  .head-map li{
    flex-direction: column !important;
    font-size: 50px !important;

  }
  .map-zone .head-map ul{
    align-items: flex-start !important;
  }

  .timeline .swiper-slide .image:after, 
  .timeline .swiper-slide .image:before{
    display: block !important;
  }

  .timeline .swiper-slide .timeline-year:after, 
  .timeline .swiper-slide .timeline-year:before{
    display: none !important;
  }
}