:root {    
    --primary : #05166E;
    --secondary : #1E9012;    
    --primary-variant-1 : #1A2665;
    --dark-bg:#131833;
  }
  
  body {    
    background-image: url("/assets/images/bg-pattern-pacifica.jpg");
    overflow-x: hidden;
    /* font-size: 1vw; */
    opacity: 1;
  }
  #transition {
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    position: fixed;
    display: flex;
    align-items: center;
    pointer-events: none;
    overflow: hidden;
  }
 
  #preload {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #f2f2f2;
    z-index: 999999;
    transition: 1000ms ease-in-out;
    pointer-events: none;
  }

  #bar {
    position: fixed;
    width: 100vw;
    height: .5vw;
    background: linear-gradient(90deg, transparent, var(--secondary));
    z-index: 999999;
    top: 0;
    left: 0;
    transform-origin: left;
    transform: scaleX(0);
  }
  .scroller {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
  }
  
  section {
    width: 100vw;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: left;
    overflow: hidden;
  }

  .asdflkj{
    overflow-y: visible!important;
  }

 
  .asdflkj3{
    height: 60vh!important;
   
  } 

  
@media (max-width:1024px) {
  
  #pcf-sod{
    height: 0.1vh;
  }

  .all-services .asdflkj, .all-services .asdflkj3{
    align-items: unset;
    height: auto!important;
  }

  .all-services .asdflkj2{
    height: auto;
    padding: 10vw 0;
  }
  
  
}
 

  .scrollbar-track-y {
    background: transparent !important;
    height: calc(100% - 6px) !important;
    margin: 3px;
    z-index: 999999;
  }
  .scrollbar-thumb {
    background: var(--secondary) !important;
    opacity: 1;
  }



  .dark a svg path.logo-white-outline{
    fill: transparent!important;
    transition: 200ms ease;
  }

  .dark a svg path.logo-blue{
    fill: white!important; 
    transition: 200ms ease;
  }

  .dark-unset a svg path.logo-white-outline{
    fill: white!important;
    transition: 200ms ease;
  }

  .dark-unset a svg path.logo-blue{
    fill: var(--primary)!important;
    transition: 200ms ease; 
  }

  
  .dark-unset-revert a svg path.logo-white-outline{
    fill: transparent!important;
    transition: 200ms ease;
  }

  .dark-unset-revert a svg path.logo-blue{
    fill: white!important;
    transition: 200ms ease; 
  }


  nav {
    color: white;
  }
  nav.blue {
    color: var(--primary);
  }


  nav.blue2 {
    color: var(--primary);
  }
  nav.blue22 {
    color: #fff;
  }

  nav.dark-unset ul li a{
    color: var(--primary);
    text-shadow: unset!important;
  }


  nav.dark-unset-revert ul li a{
    color: white!important;
  }

  ul{
    padding: unset;
    margin: unset;
  }

  .dropdown-menu{
    background-color: rgba(128, 128, 128, 0.219);
    backdrop-filter: blur(5px);
    border: unset;
    overflow: visible;
  }

  nav.dark-unset ul li .dropdown-menu{
    background-image: url(/assets/images/bg-pattern-pacifica.jpg);
    border: 1px solid #13183323;
  }
  

  .dm{
   background-image: url(/assets/images/bg-pattern-pacifica.jpg);
   border: 1px solid #13183323;
  }


  .main-nav-bg{
    background-image: url(/assets/images/bg-pattern-pacifica.jpg);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20);
  }

  .dropdown-item{
    color: white;
  }

  .dropdown-item:hover{
    background-color: unset;
  }




nav ul {
  list-style: none;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  margin: 0 10px;
  font-size: 18px;
}

nav ul li a.dropdown-item {
  margin-left: 18px!important;
  padding: 10px 0 5px 0!important;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}

nav.dark-unset ul li a:hover{
  color: white!important;
}

nav.dark-unset ul li .dropdown a:hover{
  color: var(--primary-variant-1)!important;
}



nav.dark-unset ul li a.dropdown-item:hover{
  color: var(--primary)!important;
  font-weight: 500;
}


/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #aaa;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

nav.fill ul li a {
  transition: all 1s;
  font-weight: 500;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 100);
}


nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li a:hover {
  color: #fff;
  z-index: 1;
  text-shadow: unset;
}

nav.fill.dark-unset ul li.dropdown a:hover {
  color: unset!important;
  z-index: 1;
  text-shadow: unset;
}

nav.fill.blue.dark-unset ul li.dropdown a:hover {
  color: unset!important;
  z-index: 1;
  text-shadow: unset;
}

nav.dark-unset ul li.dropdown a:hover {
  color: unset!important;
  z-index: 1;
  text-shadow: unset;
}


nav.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}

nav.fill ul li .dropdown :hover:after {
  z-index: -10;
  animation: unset;
  -webkit-animation: unset;
  -moz-animation: unset;
  opacity: 1;
}



@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: var(--secondary);
  }
}

@-webkit-keyframes filln {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 1px;
    background: var(--secondary);
  }
}





  @media (max-width:768px) {

    nav ul li a.dropdown-item{
      margin: unset!important;
    }
    
    .dropdown-menu{
      padding: unset!important;
    }
  }

  

  
  .submenu ul {
    flex-direction: column;
    color: white;
  }
  .submenu ul li {
    border-bottom: 1px solid;
    padding: 0.3vw 0;
    cursor: pointer
  }
  .submenu ul li span {
    color: var(--secondary);
    margin-right: 0.5vw;
  }
  .submenu ul li span {
    color: var(--secondary);
    margin-right: 0.5vw;
    transition: 300ms ease;
  }
  .submenu ul li span.on {
    margin-left: 1vw;
  }

  
  .footer-copy {
    text-transform: uppercase;
    color: white;
    padding: 3vw;
    position: absolute;
    left: 47vw;
    bottom: 0;
  }
  .generation{
      margin-top: 20vw;
      margin-left: 0 !important;
  }
  .generation2{
      margin-left: 0 !important;
  }
  .backtotop {
    height: 47vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .back-home {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 3vw;
    border: 1px solid;
    padding: 0.1vw 0.4vw;
    border-radius: 3vw;
    text-transform: uppercase;
  }
  .backtop {
    text-transform: uppercase;
    font-size: 80%;
    border: 1px solid;
    padding: 0.1vw 0.5vw 0.05vw 0.5vw;
    border-radius: 3vw;
    transition: 400ms ease;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 3vw;
    cursor: pointer;
  }
  .backtop:hover {
    background: var(--primary);
    color: #fff;
  }
  .back-fondo {
    position: absolute;
    text-transform: uppercase;
    font-size: 45vh;
    font-family: 'Type1';
    -webkit-text-stroke: 1px #011c4d20;
    color: transparent;
    z-index: 0;
    width: 900vh;
    margin-top: 2.8vh;
    left: 0;
    animation: footer-pasa 250s linear infinite;
  }
  @keyframes footer-pasa {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-533.4vh);
    }
  }
  canvas {
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
  }
  #canvas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
  }
  #canvas.off {
    display: none;
  }
  #wrap {
    position: absolute;
    top: 0;
    left: 0;
  }
  #video_pag {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 9;
    pointer-events: none;
    opacity: .25;
  }
  #video_pag iframe {
    width: 100vw;
    height: 52.73vw;
    min-height: 100vh;
    min-width: 189.63vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  @media (min-aspect-ratio: 16/9) {
    .video_pag iframe {
      height: 52.73vw;
    }
  }
  @media (max-aspect-ratio: 16/9) {
    .video_pag iframe {
      width: 189.63vh;
    }
  }
  
  


  .arrow {
    width: 70vh;
    height: 70vh;
    background: linear-gradient(45deg, var(--secondary), transparent, transparent);
    position: absolute;
    transform: rotate(225deg);
    z-index: 99;
    opacity: .8;
  }
  #arrow_1 {
    top: 20vh;
    left: -53vh;
  }
  #arrow_2 {
    top: 20vh;
    left: -23vh;
  }
  #pcf-un {
    background: var(--dark-bg);
  }
  #uno_text {
    position: absolute;
    z-index: 9;
    color: white;
    height: 6vw;
    width: 40vw;
    top: calc(100vh - 13vw);
    padding: 3vw;
    left: 35.5vw;
  }
  #uno_text article {
    transition: 1000ms ease;
  }
  #uno_text.blue {
    color: var(--primary);
  }
  #year {
    position: absolute;
    z-index: 9;
    color: var(--secondary);
    bottom: 36vw;
    left: 3vw;
  }

  #start-in {
    animation: parpadeo 1.5s linear infinite;
    font-size: 80%;
    text-transform: uppercase;
    border: 1px solid;
    padding: 0.1vw 0.5vw 0.05vw 0.5vw;
    border-radius: 3vw;
    transition: 400ms ease;
  }
  #start-in:hover {
    background: #fff;
    color: var(--primary);
    animation: none;
  }
  @keyframes parpadeo {
    0% {
      opacity: 1;
    }
    10% {
      opacity: 0;
    }
    30% {
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
 
  .content {
    margin: 3vw;
    top: 22vw;
    width: 56vw;
    display: flex;
    position: absolute;
  }
  .content article {
    width: 30vw;
    margin-left: 3vw;
  }
  .line {
    width: 100%;
    position: absolute;
    height: 1px;
    background: var(--primary);
    top: -3vw;
    transform-origin: left;
  }
  
  #content_logistica {
    opacity: 0;
  }
  #numeritos {
    flex-direction: column;
    height: 90vh;
    margin-top: -237vh;
    position: absolute;
    margin-left: 40vw;
    width: 10vw;
    z-index: -1;
    overflow: visible;
  }
  #numeritos div {
    position: relative;
    margin-bottom: 55vh;
    font-size: 15vw !important;
    width: 19vw;
    text-align: right;
    color: #fff !important;
  }
  #gap {
    height: 30vh;
    width: 100vw;
  }

  @media (max-width:576px) {
    #gap{
      height: 50vh;
    }
    
  }

  #gap3{
    height: 40vh;
    width: 100vw;
  }

  #cuatro {
    width: 100vw;
    height: 100vh;
    padding-top: 5.208vw;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    background-image: url("/assets/images/social-proof-bg.jpg");
    background-size: cover;
    background-position: center;
    padding-bottom: 30vh;
  }
  
  #kilometros {
    text-align: center;
    color: white;
    position: absolute;
    right: 10vw;
    font-size: 3vw;
    width: 20vw;
    height: 20vw;
    justify-content: center;
    display: flex;
    align-items: center;
    border: 1px dashed #ffffff36;
    border-radius: 30vw;
  }

  .kilometros-class-dr{
    transform: scale(0.7);
  }
  #dot {
    position: absolute;
    width: 0.5vw;
    height: 0.5vw;
    background: var(--secondary);
    border-radius: 3vw;
    transform: rotate(270deg);
    transform-origin: 10.25vw;
    left: -0.25vw;
    top: calc(50% - 0.25vw);
    z-index: 9;
  }
  #kilometros svg {
    fill: none;
  }
  #tiempo {
    position: absolute;
    top: 12vw;
    text-transform: uppercase;
    font-size: 1vw;
    color: var(--secondary);
    opacity: 0;
  }
  #kilometrosnum {
    display: inline;
    margin-right: 1vw;
  }
  #kilometros svg {
    position: absolute;
  }
  #tiemponum {
    display: inline;
    margin-right: .5vw;
  }
  .st0 {
    stroke: white;
    stroke-width: 3px;
  }
  #cuatro h2 {
    /* width: 70vw; */
    color: #fff;
  }
  .contenido {
    width: 50vw;
    padding: 3vw;
    display: flex;
    color: #fff;
  }
  .contenido article {
    width: 50vw;
    color: #fff;
  }
  #gdt-bottom-fill {
    height: 40vh;
    position: absolute;
    bottom: 0;
    width: 100vw;
    background: linear-gradient(0deg, var(--dark-bg), transparent);
  }
  @media (max-width:576px) {
    #gdt-bottom-fill {
      height: 10vh;
    }
    
  }
  #pacifica-carousel-home {
    width: 100vw;
    height: auto;
    z-index: 99999;
    overflow: hidden;
    background: var(--dark-bg);
    margin-top: -1px;
    padding-bottom: 2vw;
  }
  #pacifica-carousel-images, #pacifica-carousel-images2 {
    display: flex;
    width: 166vw;
    /* margin-top: 7vw; */
  }

  .pacifica-carousel-images2{
    transform: translateX(-50vw);
  }


  .carrusel-img2 {
    background-image: url(/assets/images/home-gallery-2.webp);
  }
  .carrusel-img3 {
    background-image: url(/assets/images/home-gallery-3.webp);
  }
  .carrusel-img4 {
    background-image: url(/assets/images/home-gallery-4.webp);
  }
  .carrusel-img5 {
    background-image: url(/assets/images/home-gallery-5.webp);
  }

  .carrusel-img6 {
    background-image: url(/assets/images/home-gallery-6.webp);
  }
  .carrusel-img7 {
    background-image: url(/assets/images/home-gallery-7.webp);
  }
  .carrusel-img8 {
    background-image: url(/assets/images/home-gallery-8.webp);
  }
  .carrusel-img9 {
    background-image: url(/assets/images/home-gallery-9.webp);
  }
  .carrusel-img {
    width: 30vw;
    height: 16vw;
    margin: 3vw;
    background-size: cover;
    background-position: center;
  }
 



    #mark1 {
    margin-top: -1px;
  }
  #cinco {
    width: 100vw;
    height: 100vh;
    padding-top: 1.208vw;
    background: var(--dark-bg);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: visible;
  }
  #cinco h2 {
    color: #fff;
  }
  #cinco article {
    color: #fff;
    padding: 0 3vw;
    width: 40vw;
  }
  #numeros {
    width: 100vw;
    height: 18vw;
    overflow: hidden;
  }
  #numeros_in {
    display: flex;
    width: 300vw;
  }
  #numeros_in .dato {
    padding: 3vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 3vw;
  }
  #numeros_in .num {
    color: white;
    font-size: 8vw;
    line-height: 1;
  }
  #numeros_in .desc {
    color: #fff;
    line-height: 1;
    font-size: 1.5vw;
  }
  #arrow_3 {
    top: 20vh;
    left: -53vh;
    transform: rotate(45deg);
  }
  #arrow_4 {
    top: 20vh;
    left: -23vh;
    transform: rotate(45deg);
  }
  #gap2 {
    width: 100vw;
    height: 10vh;
    background: transparent;
  }

  .truck-svg{
    height: 15vh;
    margin: 5vh;
  }

  #mark2 {
    margin-top: -60vh;
  }
  #seis {
    margin-top: -60vh;
    z-index: -1;
  }
  #seis-inner {
    width: 300vw;
    display: flex;
    flex-direction: row-reverse;
    transform: translateX(-100vw);
  }
  #siete, #ocho {
    align-items: center;
  }

  #ocho{
    padding-top: 8vw;
  }
  #siete {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  #siete h2 {
    width: 50vw;
  }
 
  #puntos {
    display: flex;
    width: 60vw;
    flex-wrap: wrap;
  }
  #puntos div {
    width: 20vw;
    padding: 1vw 3vw;
  }
  #puntos h3 {
    width: auto;
    margin-bottom: 0.5vw;
    color: var(--primary);
    padding: 0;
  }
  #gps {
    position: absolute;
    width: 56vw;
    height: 75vh;
    top: 15vh;
    right: 0;
  }
  #ocho {
    right: 100vw;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
 
  #sellos {
    display: flex;
    margin-top: 3vw;
  margin-left: 3vw;
  }
  .sello {
    width: 7vw;
    height: 5vw;
    margin-right: 2vw;
    display: flex;
    align-items: center;
  }
  .sello img {
    width: 100%;
    height: auto;
  }
  #marker {
    width: 5vw;
    height: 1px;
    margin-top: -60vh;
  }
  

  #nueve{
    margin-top: 125vh;
    flex-direction: column;
    justify-content: center;
    height: 1vh;
  }
  

  #clients {
    margin: 0 3vw;
    padding: 2vw 0;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
  }
  #client-line {
    width: 94vw;
    height: 1px;
    background: var(--primary);
    margin-left: 3vw;
    transform-origin: left;
  }
  #logos-clientes {
    width: 100vw;
    height: 36vh;
    overflow: hidden;
  }
  .logo {
    margin: 2vh 4vw;
    width: 17vw;
    height: 12vh;
    display: flex;
    align-items: center;
  }
  .logo img {
    width: 100%;
    height: auto;
    /* transform: scale(.6); */
    filter: grayscale(1);
    opacity: .5;
    transition: 400ms ease;
  }
  .logo img:hover {
    filter: grayscale(0);
    opacity: 1;
  }
  #clientes-1, #clientes-2 {
    display: flex;
    width: 225vw;
  }
  #clientes-2 {
    transform: translateX(-125vw);
  }



  @media (max-width:1024px) {
    #kms{
      display: none;
      /* justify-content: space-around; */
    }

    #kilometros{
      margin: auto;
      right: unset;
    }
    
  }

  #timeline {
    margin-top: -30vh;
    padding: 0 3vw;
    width: 94vw;
    justify-content: space-between;
    overflow-x: hidden;
    align-items: center;
  }
  .timeline-item {
    opacity: 0;
    width: 12vw;
  }
  #todos {
    display: flex;
    justify-content: space-between;
    width: 94vw;
  }
  #timeline .arrow {
    transform: translateX(-92vh) rotate(225deg);
  }
  #timeline .tag {
    position: absolute;
    margin-top: -18vw;
    opacity: 0;
  }
  #actualidad {
    align-items: center;
    margin-top: -70vh;
  }
  #actualidad .tag {
    right: 3vw;
    position: absolute;
    text-align: right;
    margin-top: -21vw;
    opacity: 0;
  }
  #actualidad #numeros_in {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  #actualidad #numeros_in .num, #actualidad #numeros_in .desc {
    color: var(--primary);
  }
  #actualidad #numeros {
    opacity: 0;
  }
  #mark-num {
    background: #f44336;
    margin-top: -110vh;
  }


  .info h3 {
    padding: 0 !important;
  }
  
  @media (min-aspect-ratio: 16/9) {
    .video_pag iframe {
      height: 52.73vw;
    }
  }
  @media (max-aspect-ratio: 16/9) {
    .video_pag iframe {
      width: 189.63vh;
    }
  }
  
  #mark-efic {
    margin-top: -100vh;
    width: 2vw;
    height: 1px;
    position: relative;
  }
  
  .upper {
    text-transform: uppercase;
  }
 
  
 
 
 
  .astic {
    position: absolute;
    width: 8vw;
    mix-blend-mode: darken;
    left: 15vw;
    top: 23vw;
  }
  
  #medio-ambiente {
    height: 46vw;
  }
  #medio-ambiente h3 {
    position: absolute;
    padding: 0 3vw;
  }
  #medio-ambiente h2 {
    width: 44vw;
  }
  #medio-ambiente article {
    width: 35vw;
    margin-top: 4vw;
  }

 
  
  #video-flota {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: -9;
    pointer-events: none;
    position: absolute;
  }
  #video-flota iframe {
    width: 100vw;
    height: 52.73vw;
    min-height: 100vh;
    min-width: 189.63vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  @media (min-aspect-ratio: 16/9) {
    #video-flota iframe {
      height: 52.73vw;
    }
  }
  @media (max-aspect-ratio: 16/9) {
    #video-flota iframe {
      width: 189.63vh;
    }
  }
  #flota-superior h2 {
    color: #fff;
    position: absolute;
    top: 5vw;
    left: 47vw;
    font-size: 8.5vw;
    text-transform: uppercase;
  }
  #flota-superior article {
    position: absolute;
    top: 26vw;
    left: 74vw;
    color: white;
    width: 20vw;
  }
  #flota {
    flex-direction: column;
    justify-content: center;
  }
  #flota h3, #flota article {
    padding: 0 3vw;
    width: 30vw;
  }
  #flota-deg {
    height: 30vh;
    width: 100vw;
    top: 70vh;
    position: absolute;
    background: linear-gradient(360deg, black, transparent);
    z-index: -1;
    opacity: .5;
  }
  #flota-deg-1 {
    height: 40vh;
    width: 100vw;
    top: 0;
    position: absolute;
    background: linear-gradient(180deg, black, transparent);
    z-index: -1;
    opacity: .5;
  }
  #flota-img {
    position: absolute;
    width: 35vw;
    right: 2vw;
  }
  #flota-img img {
    width: 100%;
  }
  #fondo-flota {
    background: var(--primary);
    margin-top: -100vh;
    opacity: 0;
    height: 130vh;
  }
  #flota-contenido {
    width: 100vw;
    position: absolute;
    bottom: 30vh;
    display: flex;
    color: white;
  }
  .op1 {
    padding: 3vw;
    display: flex;
    width: 20vw;
    align-items: center;
  }
  .op-num {
    font-size: 5vw;
  }
  .op-desc {
    padding-left: 2vw;
    margin-top: -1vw;
  }
  #flota-line-1 {
    width: 94vw;
    height: 1px;
    position: absolute;
    bottom: calc(30vh + 10vw);
    background: #fff;
    margin: 3vw;
  }
  #flota-contenido article {
    padding: 3vw;
    width: 27vw;
  }
  #investiga {
    margin-top: -30vh;
    flex-direction: column;
    height: 35vw;
  }
  #flecha-flota-1, #flecha-flota-2 {
    width: 30vw;
    height: 30vw;
    background: linear-gradient(45deg, var(--secondary), transparent, transparent);
    transform: rotate(225deg);
    z-index: 99;
    opacity: .8;
    position: absolute;
  }
  #flecha-flota-2 {
    left: -12vw;
  }
  #flechas-flota {
    position: absolute;
    top: 30vh;
    transform: translateX(-37vw);
  }
  #investiga article {
    width: 40vw;
    margin-left: 50vw;
  }
  #investiga-img {
    height: 36vw;
    display: flex;
  }
  
  #localiza {
    flex-direction: column;
    justify-content: center;
  }
  #localiza h2 {
    width: 50vw;
  }
  #localiza article {
    width: 45vw;
    padding: 0 3vw;
  }
  
  #flota-calidad {
    flex-direction: column;
    justify-content: center;
    margin-top: -20vh;
    background: #f2f2f2;
    z-index: -1;
  }
  #flota-calidad h2 {
    width: 40vw;
    margin-left: 47vw;
  }
  #flota-calidad article {
    padding: 0 3vw;
    width: 40vw;
    margin-left: 47vw;
  }
  #flota-sellos {
    flex-direction: row;
    display: flex;
    margin-left: 47vw;
    margin-top: 2vw;
  }
  #flota-sellos .sello {
    width: 7vw;
  }
  #flota-calidad-img {
    position: absolute;
    width: 40vw;
    margin-left: 3vw;
    mix-blend-mode: multiply;
    margin-top: 3vw;
  }
  #flota-calidad-img img {
    width: 100%;
  }
 
 
 
  #ftl {
    flex-direction: column;
    justify-content: center;
    height: 39vw;
  }
  #ftl h2 {
    width: 40vw;
  }
  #ftl article {
    width: 40vw;
    padding: 0 3vw;
  }
  #mapa {
    position: absolute;
    width: 50vw;
    right: 0;
  }
  #ondas {
    width: 74vw;
    height: 51.5vw;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    left: 26vw;
    top: 100vh;
  }
  .onda {
    width: 2vw;
    height: 2vw;
    border: 1px solid var(--secondary);
    border-radius: 40vw;
    position: absolute;
  }
  #onda1 {
    animation: 9s infinite ease wave;
  }
  #onda2 {
    animation: 9s infinite ease wave;
    animation-delay: 3s;
    opacity: 0;
  }
  #onda3 {
    animation: 9s infinite ease wave;
    animation-delay: 6s;
    opacity: 0;
  }
  @keyframes wave {
    0% {
      width: 2vw;
      height: 2vw;
      opacity: 1;
    }
    100% {
      width: 60vw;
      height: 60vw;
      opacity: 0;
    }
  }  
  #distancia-km {
    position: absolute;
    font-size: 10vw;
    right: 6vw;
    margin-top: -6vw;
  }

  #distancia-km span {
    margin-left: 2vw;
  }
  #flechi {
    position: absolute;
    right: 9vw;
    -webkit-text-stroke: 1px var(--primary);
    color: transparent;
    font-size: 80%;
    margin-top: 1.5vw;
    animation: flechita 2s infinite ease;
  }
  @keyframes flechita {
    0% {
      transform: translateX(0vw);
    }
    50% {
      transform: translateX(-1vw);
    }
    100% {
      transform: translateX(0vw);
    }
  }
  #carretera-imagenes {
    min-height: calc(100vh - 39vw);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 30vw;
    width: 94vw;
    padding: 0 3vw;
  }
  #carretera-imagenes div {
    width: 30vw;
    height: 20vw;
    z-index: 9;
    background-size: cover;
    background-position: center center;
  }
  
  #regular {
    flex-direction: column;
    justify-content: center;
    height: 60vh;
  }
  

  #regular h2 {
    margin-left: 46.5vw;
  }
  #regular article {
    width: 40vw;
    margin-left: 50vw;
  }
  #adr {
    flex-direction: column;
    justify-content: center;
    height: 60vh;
  }
  #adr article {
    padding: 0 3vw;
    width: 40vw;
  }
 
  #icons{
          height: 17vw;
      margin-top: 5vw;
      margin-bottom: 5vw;
  }
  .icongroup{
          position: relative;
      width: 27vw;
      padding: 3vw;
  }
  .iconimg{
      width: 10vw;
      height: 7.95vw;
      position: absolute;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      transform: scale(.7);
      filter: saturate(1.1) brightness(.8) hue-rotate(19deg);
  }
  
  #icons h3{
          margin-left: 12vw;
  }
  #icons article{
          margin-left: 12vw;
      padding: 2vw 0;
  }
  #carrusel-um{
      display: flex;
      height: 26vw;
  }
  #carrusel-um div{
      width: 30.3vw;
      height: 20vw;
      margin: 3vw;
      background-size: cover;
      background-position: center;
  }
  

  #logistica {
    background: var(--primary);
    flex-direction: column;
    justify-content: end;
  }
  #main_logistica {
    width: 94vw;
    padding: 0 3vw;
    z-index: 9;
  }
  .ultima-milla #main_logistica{
          margin-bottom: 9vw;
  }
  #main_logistica h1 {
    z-index: 99;
    color: white;
    font-family: "Type1";
    font-weight: 100;
    font-size: 12.1vw;
    width: 94vw;
    line-height: 1;
    height: 25vw;
  }
  #main_logistica h1 span {
    width: 94vw;
    text-align: right;
    position: absolute;
  }
  #main_logistica h1 span:first-child {
    text-align: left;
  }
  #logistica h3 {
    padding: 0 3vw;
  }
  #logistica article {
    position: absolute;
    width: 34vw;
    color: white;
    bottom: 7.5vw;
    left: 3vw;
  }
  #logistica.ultima-milla article {
       width: 34vw;
      bottom: 3.4vw;
      margin-left: 26.5vw;
  }
  #logistica.ultima-milla h3{
          margin-bottom: 4vw;
  }
  #warehousing {
    width: 50vw;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
  }
  #warehousing-img {
    width: 40vw;
    height: 20vw;
    margin: 3vw;
    position: relative;
  }
  #warehousing-img img {
    width: 100%;
    height: auto;
    position: absolute;
    opacity: 0;
  }
  .wh1 {
    opacity: 1;
  }
  #warehousing article {
    padding: 0 3vw;
    width: 40vw;
  }

  .warehousing-item {
    width: 30vw;
    height: auto;
    justify-content: center;
    display: flex;
    margin: 5vw 0;
    flex-direction: column;
    margin-left: 15vw;
  }
  .warehousing-item li {
    list-style: circle;
    margin-left: 1.5vw;
  }
  .numero {
    position: absolute;
    font-size: 10vw;
    left: 0;
    color: white;
  }

  #aereo, #maritimo, #ferrocarril, #intermodal {
    width: 30vw;
  }
  #aereo-img, #maritimo-img, #ferrocarril-img, #intermodal-img {
    width: 30vw;
    height: 17vw;
    background-size: cover;
    background-position: center;
  }
  

  .navigation.pagination {
    position: relative;
  }
  .fecha {
    color: var(--secondary);
    text-transform: uppercase;
    width: 9vw;
  }
  .post-img {
    width: 15vw;
    padding: 0 3vw;
  }
  .post-img img {
    width: 100%;
    height: auto;
  }
  #noticias {
    display: flex;
    flex-wrap: wrap;
    margin-top: 11vw;
  }
  .post:first-child {
    border-top: 1px solid;
  }
  .post {
    display: flex;
    width: 100vw;
    margin: 0 3vw;
    border-bottom: 1px solid;
    padding: 3vw 0;
    position: relative;
  }
  .post a {
    display: flex;
  }
  .post_title {
    font-size: 4vw;
    margin-bottom: 1vw;
    line-height: 1;
    font-family: 'Type1';
  }
  .post-content {
    width: 50vw;
  }
  .post-arrow, .post-arrow-1 {
    width: 20vw;
    height: 20vw;
    background: linear-gradient(45deg, var(--secondary), transparent, transparent);
    position: absolute;
    transform: rotate(225deg);
    z-index: 99;
    opacity: .8;
    top: 3vw;
    left: -20vw;
  }
  .post-arrow-1 {
    left: -13vw;
  }
  .post-arrow-todo {
    position: absolute;
    transform: translateX(75vw);
    top: -5vw;
    opacity: 0;
    transition: 800ms ease;
    pointer-events: none;
    z-index: -999;
  }
  .post-arrow-todo.on {
    transform: translateX(82vw);
    opacity: 1;
  }
  .post-boton {
    text-transform: uppercase;
    font-size: 80%;
    border: 1px solid;
    padding: 0.1vw 0.5vw 0.05vw 0.5vw;
    border-radius: 3vw;
    transition: 400ms ease;
    margin-top: 1vw;
    display: inline-block;
  }
  .post-boton:hover {
    background: var(--primary);
    color: white;
  }
  .nav-links {
    position: relative;
  }
  .navigation {
    height: 47vh;
    width: 100vw;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 4vw;
    font-family: 'Type1';
    color: var(--primary);
  }
  




  .lead {
    font-size: 80%;
  }
  .volver_noticia {
    display: block;
    text-align: right;
    padding-right: 3vw;
    margin-bottom: 3vw;
    margin-top: 3vw;
  }
 

 
  #texto1 {
    padding-right: 3vw;
  }
 

  #vacante-title {
    font-size: 2vw;
    text-transform: uppercase;
    margin-bottom: 1vw;
    color: var(--primary);
    font-family: 'Type2';
  }
  
  .compliance_uno{
      margin-top: 4vw;
  }
  .compliance_dos{
      margin-left: 0;
      margin-right: 0;
  }
  .compliance_dos .wpb_column{
      padding: 3vw;
  }
  .compliance_download{
      color: var(--secondary);
      text-transform: uppercase;
  }
  #cookie-law-info-bar {
    z-index: 99999 !important;
    margin: 2vw 3vw !important;
    width: 94vw !important;
    height: 3vw !important;
    border-radius: 3vw !important;
    padding: 1vw 0.5vw 1vw 1.5vw !important;
  }
  .cli-bar-container {
    font-size: 1vw !important;
    line-height: 1 !important;
    height: 1vw !important;
  }
  .cli-bar-message {
    color: var(--primary);
  }

  #wt-cli-accept-all-btn {
    background-color: var(--secondary) !important;
  }
  .cli-modal-backdrop {
    z-index: 99999 !important;
    background: transparent !important;
    transition: 400ms ease !important;
  }
  .cli-modal-backdrop.cli-show {
    backdrop-filter: blur(10px) !important;
    opacity: 1 !important;
  }
  .cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: var(--secondary) !important;
    border-radius: 3vw !important;
  }
  .cli-switch input:checked + .cli-slider {
    background-color: var(--secondary) !important;
  }


  #contacto h2 {
    width: 30vw;
    margin-top: 5vw;
    z-index: 99;
  }
  #contacto {
    overflow: visible;
  }

  .aviso {
    margin-top: 4vw;
  }
  .aviso p {
    padding: 0 3vw;
  margin-bottom: 1vw;
  }
  .aviso li{
          list-style: disc;
      margin-left: 6vw;
  }
  .certi {
    padding: 0 3vw;
    margin-top: 8vw;
  }
  .vc_row {
    width: 100vw !important;
  }
  .poli {
      width: 94vw !important;
      padding: 0 3vw;
      margin-top: 4vw;
  }
  .poli .vc_row{
          width: 94vw !important;
  }
  .poli h2, .cookie_pag h2 {
    padding-left: 0 !important;
      font-weight:300;
  }
  .poli h3, .cookie_pag h3 {
    width: 100% !important;
  }
  .poli table, .cookie_pag table {
    width: 100%;
  }
  .poli td, .cookie_pag td {
    height: 1vw;
    padding: 0.5vw;
    border: 1px solid var(--primary);
  }
  .sig {
    margin-top: 8vw;
    padding: 0 3vw;
  }
  .corpo_uno {
    width: 80vw;
    height: calc(80vw * (9/16));
    left: 10vw;
    position: relative;
    margin-top: 8vw;
  }
  
  .cookie_pag {
    margin-top: 8vw;
    padding: 0 3vw;
    width: 94vw !important;
  }
  .grecaptcha-badge {
    opacity: 0 !important;
  }
  #video-corp-in {
    width: 70vw;
    height: calc(70vw * (9/16));
  }
  #video-corp-in iframe {
    width: 100%;
    height: 100%;
  }
  #video-corp-in-en {
    width: 70vw;
    height: calc(70vw * (9/16));
  }
  #video-corp-in-en iframe {
    width: 100%;
    height: 100%;
  }
  .video-corp {
    width: 100vw;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    align-items: center;
  }
  #movil-menu {
    display: none;
  }

  @media (max-width:1024px) {
    #cuatro{
      padding-top: 10vw;
      padding-bottom: unset;
      justify-content: unset;
}
  }

  @media screen and (max-width: 600px) and (orientation: landscape), screen and (max-device-width: 600px) and (orientation: landscape) {
    body {
      opacity: 0 !important;
    }
  }
  @media screen and (max-device-width:440px) {
    #desktop-nav {
      display: none;
    }
    
    
    
    #movil-nav {
      width: 100vw;
      height: 100vh;
      position: fixed;
      background: var(--primary);
      transform: translateX(-100%);
      pointer-events: initial;
      transition: 800ms ease;
    }
    #arrow_mov1 {
      margin-top: 50vw;
      right: 80vw;
      z-index: 0;
      pointer-events: none;
    }
    #arrow_mov2 {
      margin-top: 50vw;
      right: 80vw;
      z-index: 0;
      transition: 1200ms ease;
      pointer-events: none;
    }
    #movil-nav.open {
      transform: translateX(0);
    }
    #movil-nav ul {
      flex-direction: column;
      margin-top: 30vw;
      margin-left: 3vw;
      width: 94vw;
      font-size: 120%;
    }
    #movil-nav ul li {
      border-bottom: 1px solid;
      padding: 1vw 0;
      color: #fff !important;
    }
    body {
      font-size: 3.5vw;
    }
    .scrollbar-track-y {
      display: none !important;
    }
    
    #cookie-law-info-bar {
      height: 30vw !important;
      padding: 3vw !important;
      margin: 3vw !important;
    }
    
    #movil-menu {
      position: fixed;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      pointer-events: none;
      display: flex;
    }
    .arrow {
      width: 50vh;
      height: 50vh;
    }
    
    a.boton, a.botonw {
      padding: 0.2vw 2vw 0.4vw 2vw;
    }
    #movil-menu-boton {
      position: absolute;
      width: 9vw;
      height: 9vw;
      right: 3vw;
      top: 1vw;
      z-index: 999;
    }
    #movil-menu-boton.blue span {
      background: var(--primary);
    }
    #movil-menu-boton.blue22 span {
      background: #fff;
    }
    #movil-menu-boton.openb span {
      transform: rotate(45deg);
      top: 5vw;
    }
    #movil-menu-boton.openb span:first-child {
      transform: rotate(-45deg);
      top: 5vw;
    }
    #movil-menu-boton.whiteopen span {
      background: #fff !important;
    }
    #movil-menu-boton span {
      top: 3vw;
      width: 8vw;
      height: 0.8vw;
      background: #fff;
      position: absolute;
      transition: 400ms ease;
    }
    #movil-menu-boton span:first-child {
      top: 5.5vw;
    }
    
    nav.blue-mov {
      color: var(--primary);
    }
    .boton span, .botonw span, .post-boton span {
      margin-right: 1vw;
    }
    .submenu li {
      font-size: 4vw;
      border-bottom: none !important;
      margin-left: 1vw;
    }
    
    .submenu {
      margin-top: 1vw !important;
    }
    
    a.link::before {
      display: none;
    }
    nav ul li a.active {
      color: inherit;
    }

    #tralog2 {
      padding: 3vw;
      bottom: 20vw;
      position: absolute;
      left: 0;
      width: 94vw;
      height: auto;
      font-size: 16vw;
      font-family: 'Type1';
      font-weight: 100;
      line-height: 1;
      text-transform: uppercase;
       color: #fff !important;
    }
   
    .trp-ls-shortcode-current-language {
      display: none !important;
    }
   
    .trp-ls-shortcode-language.movil {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      width: 5vw !important;
      top: 0 !important;
      flex-direction: row;
      height: 14vw !important;
      background: none !important;
    }
   
    .cli-tab-footer .cli-btn {
      padding: 2vw;
      border-radius: 4vw !important;
    }

    .footer {
      height: calc(100vh - 12vw);
    }
    
    .footer .submenu {
      width: 94vw;
      margin-top: 70vw !important;
      left: 3vw;
      z-index: 9999;
    }
    .submenu ul {
      width: 100%;
    }
    .footer-copy {
      bottom: 11vw;
      width: 80vw;
      left: 0;
      z-index: 99;
      display: none;
    }
    
 
    .arrow-footer-1 {
      top: 36vh;
      left: -100vw;
    }
    .arrow-footer-2 {
      top: 36vh;
      left: -121vw;
    }

    #uno_text {
      height: 39vw;
      width: 94vw;
      top: calc(100vh - 67vw);
      padding: 3vw;
      left: 0;
    }
    
    #start-scroll span {
      display: none !important;
    }
    #start-in {
      font-size: 3vw;
      padding: 1vw 2.2vw;
    }
    #start-scroll {
          right: 3vw;
      left: auto;
      top: calc(100vh - 32vw);
    }
    #year {
      bottom: 96vw;
    }
    #arrow_1 {
      top: 20vh;
      left: -40vh;
    }
      #mark0{
          margin-top: -15vh;
      }
      #tres{
          margin-top: 15vh;
      }
    .content {
      top: 32vw;
      width: 90vw;
      flex-direction: column;
    }
    .content article {
      width: 84vw;
      margin-left: 0;
      margin-top: 2vw;
    }
    .line {
      top: -4vw;
    }
    .content h3 {
      width: 100%;
    }
    #content_logistica {
      opacity: 1;
      margin-top: 56vw;
    }
    #numeritos {
      margin-left: 59vw;
      margin-top: -86vh;
    }
    #numeritos div {
      margin-bottom: 26vw;
      font-size: 22vw !important;
      width: 35vw;
    }
    #cuatro h2 {
      width: 95vw;
      margin-top: 21vw;
    }
    .contenido {
      width: 80vw;
      flex-direction: column;
    }
    .contenido h3 {
      width: 80vw;
    }
    .contenido article {
      margin-top: 3vw;
      width: 100%;
    }
    #cuatro {
      justify-content: flex-start;
    }
    #kilometros {
      top: 111vw;
      right: 25vw;
      font-size: 7vw;
      width: 50vw;
      height: 50vw;
    }
    #dot {
      width: 1.4vw;
      height: 1.4vw;
      transform-origin: 25.7vw;
      left: -0.6vw;
      top: calc(50% - 0.7vw);
    }
    #tiempo {
      top: 29vw;
      font-size: 3vw;
    }
    #pacifica-carousel-home {
      margin-top: -1px;
      padding-bottom: 10vw;
    }
    #pacifica-logistics-1 {
      height: 109vw;
      font-size: 107vw;
      margin-top: -5vw;
    }
    #pacifica-carousel-images {
      width: 1000vw;
      transform: translateX(0);
    }

    #pacifica-carousel-images2{
      width: 800vw;
      transform: translate(-450vw);
    }
    
    .carrusel-img {
      width: 94vw;
      height: 60vw;
      margin: 3vw;
    }
    #cinco {
      height: calc(100vh + 1px);
    }
    #cinco article {
      width: 80vw;
    }
    #numeros_in .desc {
      color: #fff;
      position: absolute;
      width: 49vw;
      text-align: right;
      margin-top: 23vw;
    }

    #numeros {
      height: 23vh;
    }
    #numeros_in {
      width: 521vw;
      transform: translateX(0);
    }
    #numeros_in .num {
      font-size: 20vw;
    }
    #numeros_in .desc {
      width: 50vw;
      text-align: right;
      font-size: 4vw;
    }
    #seis {
      margin-top: -60vh;
      z-index: -1;
      height: 300vh;
    }
    #seis-inner {
      width: 100vw;
      flex-direction: column;
    }
    #ocho {
      right: 0;
      margin-top: 115vh;
    }
    #seis-inner {
      transform: translateX(0);
    }
    #siete h3, #ocho h3 {
      width: 70vw;
      margin-top: 16vw;
    }
    #siete h2 {
      width: 80vw;
    }
    #puntos {
      width: 400vw;
      margin-top: 65vw;
    }
    #puntos div {
      width: 60vw;
      padding: 1vw 3vw;
    }
    #siete {
      justify-content: flex-start;
    }
    #gps {
      position: absolute;
      width: 94vw;
      height: 94vw;
      top: 42vw;
      right: 3vw;
    }
    #ocho article {
      width: 90vw;
    }
    #sellos {
      margin-top: 6vw;
    }
    .sello {
      width: 16.2vw;
    }
    #clients {
      flex-wrap: wrap;
      font-size: 92%;
    }
    #clients div {
      padding: 1vw;
    }
    #logos-clientes {
      height: 26vh;
    }
    .logo {
      height: 7vh;
      margin: 2vh 3vw;
      width: 19vw;
    }
    .logo img {
      transform: scale(1);
    }
   

    #timeline {
      flex-direction: column;
      margin-top: 0;
      align-items: flex-start;
      justify-content: flex-start;
    }
    #timeline .tag {
      position: relative;
      margin-top: 0;
      opacity: 1;
      right: 0;
      margin-bottom: 15vw;
      width: 40vw;
    }
    #timeline .arrow {
      display: none;
    }
    #todos {
      width: 289vw;
    }
    .timeline-item {
      opacity: 1;
      width: 44vw;
    }
    #actualidad .tag {
      opacity: 1;
      width: 50vw;
      margin-top: -53vw;
    }
    #actualidad #numeros {
      opacity: 1;
    }
    #numeros_in {
      height: 36vw;
    }
   
   
    .astic {
      position: absolute;
      width: 18vw;
      right: 3vw;
      top: 7vw;
      left: auto;
    }
    
    #imagen5 {
      width: 41vw;
      height: 55vw;
    }
    .back-home, .backtop {
      bottom: 10vw;
    }
    #medio-ambiente {
      flex-direction: column;
    }
    #medio-ambiente h2 {
      width: 90vw;
      margin-top: 5vw;
    }
    #medio-ambiente h3 {
      width: 30vw
    }
    
    #medio-ambiente article {
      width: 94vw;
      margin-left: 3vw;
      margin-top: 4vw;
    }
    #medio-ambiente {
         height: 269vw;
    }

    .back-fondo {
      font-size: 41vh;
    }

    #flota h3, #flota article {
      padding: 0 3vw;
      width: 94vw;
    }
    #flota-img {
      width: 100vw;
      margin-top: 5vw;
      position: relative;
    }
    #fondo-flota {
      margin-top: 0;
      opacity: 1;
      height: 100vh;
    }
    #flota-superior h2 {
      top: 0;
      left: 0;
    }
    #flota-superior article {
      top: 14vw;
      left: 3vw;
      width: 71vw;
    }
    #flota-contenido {
      bottom: 3vw;
      flex-direction: column;
      z-index: 999;
    }
    #flota-line-1 {
      bottom: 18vw;
      z-index: 999;
    }
    #investiga {
      margin-top: 0;
    }
    .op1 {
      width: 67vw;
      line-height: 1;
    }
    #flota-contenido article {
      width: 94vw;
    }
    .op-num {
      font-size: 9vw;
    }
    #investiga article {
      width: 94vw;
      margin-left: 3vw;
    }
    #investiga {
      height: 100vw;
    }
    #investiga-img div {
      margin: 3vw;
      width: 94vw;
      height: 56vw;
    }
    #investiga-img {
      height: 66vw;
      width: 100vw;
    }
    #video-flota {
      z-index: 9;
    }
    #flota-deg, #flota-deg-1 {
      z-index: 99;
    }
    #flota-superior {
      position: absolute;
      width: 100%;
      z-index: 999;
    }
    #localiza h2 {
      width: 90vw;
    }
    #localiza article {
      width: 94vw;
      padding: 0 3vw;
    }
    #localiza {
      height: 201vw;
    }
    #localiza-img {
      width: 94vw;
      height: 100vw;
      position: relative;
    }
    #flota-calidad h2, #flota-calidad article {
      width: 94vw;
      margin-left: 0;
    }
    #flota-sellos {
      margin-left: 0;
      margin-top: 5vw;
    }
    #flota-sellos .sello {
      width: 16vw;
    }
    #flota-calidad-img {
      position: relative;
      width: 94vw;
      margin-top: 8vw;
    }
    #flota-calidad {
      margin-top: 0;
      height: 112vw;
    }

    #carretera {
      justify-content: start;
    }
    #carretera article {
      width: 94vw;
      margin-left: 0;
      margin-top: 2vw;
    }
    #carretera h3 {
      margin-top: 96vw;
      z-index: 9;
    }

  
    #carretera h3 {
      width: 30vw;
    }
    #ftl article {
      width: 94vw;
    }
    #ftl {
      height: 90vw;
    }
    #mapa {
      top: 0;
    }
    #distancia-km {
      top: 8vw;
      right: 15vw;
    }
   
    #flechi {
      -webkit-text-stroke: 0;
      color: var(--primary);
    }
    #carretera-imagen-3 {
      display: none;
    }
    #carretera-imagenes div {
      width: 46vw;
      height: 28vw;
    }
    #carretera-imagenes {
      min-height: 35vw;
    }
    #imagen-regular {
      width: 151vw;
      height: 78vw;
      left: -32vw;
      top: -14vw;
    }
    #regular h2 {
      margin-left: 0;
      margin-top: 27vw;
    }
    #regular article {
      width: 94vw;
      margin-left: 3vw;
    }
    #adr {
      height: 121vw;
      justify-content: flex-start;
    }
    #adr article {
      width: 94vw;
    }
    #adr h2 {
      margin-top: 39vw;
    }
 

    #logistica {
      justify-content: start;
    }
    #logistica h3 {
      margin-top: 96vw;
    }
    #logistica article {
      width: 94vw;
      padding: 0;
      position: relative;
      bottom: 0;
      margin-bottom: 20vw;
      left: 3vw;
    }
    #logistica h3 {
      width: 30vw;
      z-index: 9;
    }
    #warehousing h2 {
      width: 60vw;
    }
    #warehousing article {
      width: 94vw;
    }
    #warehousing {
      width: 100vw;
      height: 110vw;
    }
    #warehousing-img {
      width: 94vw;
      height: 53vw;
    }
    .wh3 {
      opacity: 1 !important;
    }
 
   
    .numero {
      left: -14vw;
      top: -1.7vw;
      color: var(--primary);
      margin-bottom: 2vw;
    }
    .warehousing-item {
      width: 75vw;
      position: relative;
    }
  

    .post a {
      flex-direction: column;
    }
    .post-img {
      width: 94vw;
      padding: 3vw 0;
    }
    .post-content {
      width: 94vw;
    }
    .post-boton {
      border: 1px solid;
      padding: 0.1vw 1vw;
      margin: 2vw 0;
      font-size: 100%;
    }
    .post_title {
      font-size: 8vw;
    }
    #contacto {
      flex-direction: column;
      overflow: hidden !important;
    }
    #contacto h2 {
      width: 68vw;
      margin-top: 15vw;
    }
  

 



      .certi, .aviso, .poli, .sig, .cookie_pag {
      margin-top: 10vh;
  }

  
     
      #logistica.ultima-milla article {
      width: 96vw;
      bottom: 3.4vw;
      margin-left: 0;
      }
    
      #icons{
      flex-direction: column;
      height: auto;
      margin-top: 10vw;
      margin-bottom: 10vw;
      }
      .icongroup{
          width: 94vw;
          margin-bottom: 3vw;
      }
      .iconimg {
      width: 26vw;
      height: 19.95vw;
      }
      #icons article {
      margin-left: 26vw;
      padding: 2vw 0;
      width: 50vw;
      }
      #icons h3 {
      margin-left: 26vw;
      width: 50vw;
      }
   
    
  
      
  }