@font-face { font-family: 'NeueHaasUnica-Regular'; src: url('/fonts/NeueHaasUnica-Regular.ttf') format('truetype');}
@font-face { font-family: 'NeueHaasUnica-Medium'; src: url('/fonts/NeueHaasUnica-Medium.ttf') format('truetype');}
* { box-sizing: border-box;}
body{margin:0px;padding:0px 0px;position:relative;}
h1{font-size:60px;padding:0px 0px;font-family: 'NeueHaasUnica-Medium';margin:0px 0px;}
h2{font-size:40px;padding:0px 0px;font-family: 'NeueHaasUnica-Regular';margin:0px 0px;}
h3{font-size:30px;font-weight:500;font-family: 'NeueHaasUnica-Medium';margin:0px 0px;}
h4{}
h5{}
ol,ul{margin:0;padding-left:20px;}
p,li,span{font-size:14px;margin:0px 0px;font-family: 'NeueHaasUnica-Regular';}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
/* video{vertical-align:middle;max-width:100%;}*/
.clear{clear:both;}
.clear60{width:100%;height: 80px;background-color: #fff;}
.center{width:100%;max-width:1200px;padding:0px 20px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
li[data-list="ordered"] {list-style-type:decimal;display:list-item;}
li[data-list="bullet"] {list-style-type:disc;display:list-item;}

/*-- MENU --*/
.menu {width: 100%; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden; background-color: transparent; padding: 15px 0 10px;}
.menu a {width: 16%;float: left;}
.menu a:last-child {border: 1px solid #f2f2f2; border-radius: 5px;}
.menu p {font-size:12px;font-family: 'NeueHaasUnica-Medium';text-align: center; padding: 10px 10px;color: #f2f2f2;}
.menu img {width: 100%;}

/*-- VIDEO --*/
.video{width:100%; height:auto; align-content:center; overflow-y:hidden; position:relative;}
.video section{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;}
.video_txt{width: 100%;height:auto; margin-top: -600px;}
.video_txt h1 {text-align: left; padding: 0px 0px;color: #fff;}
.video_btn {border: none;padding: 7px 30px;text-align: center;text-decoration: none;display: inline-block;transition-duration: 0.4s;cursor: pointer;border-radius: 5px;}
.video_btn p{color: #001a33;font-family: 'NeueHaasUnica-Medium';}
.video_btn:hover {background-color: #0a3559;transition-duration: 0.4s;}
.video_btn:hover p{color:#f2f2f2;transition-duration: 0.5s;}

/*-- BROCHURE --*/
.dbrochure{ width:100%; height:auto; padding: 10px 0px; box-sizing: border-box; background-color: #0a3559;margin-top: 350px;border: none;transition-duration: 0.4s;cursor: pointer;}
.dbrochure:hover {background-color: #001a33;color: #fff;transition-duration: 0.4s;}
.dbrochure p{ color: #f2f2f2; font-size: 15px; text-align: center;font-family: 'NeueHaasUnica-Regular';}

/*-- BANNER 01 --*/
.banner_01{ width:100%; height:auto; padding: 40px 0px; box-sizing: border-box; background-image:url(/img/BANNER-01/banner_01.png); background-size: cover; background-position: center;background-color: #001a33;}
.banner_01 h2{ color: #fff; text-align: center;font-size:20px;font-family: 'NeueHaasUnica-Regular';}

/*-- CONT 01 --*/
.cont-01 { width: 100%; height: auto; padding: 80px 0;box-sizing: border-box;}
.cont-01 .center {display: flex; align-items: center; justify-content: center; gap: 60px;}
.cont-01-img {width: 400px; flex-shrink: 0;}
.cont-01-img img {width: 100%; height: auto; display: block;}
.cont-01-text {width: 400px; flex-shrink: 0;}
.cont-01-text h2 {margin: 0 0 15px; font-size: 28px; font-weight: normal; color: #003b68;}
.cont-01-text p {margin: 0 0 25px; font-size: 14px; line-height: 1.5; color: #003b68;}
.btn-brochure {display: inline-block; padding: 15px 25px; background: #003b68; color: #fff; border-radius: 30px; text-decoration: none; font-size: 13px; font-weight: bold;}

/*-- CONT 02 / 4 ICONOS --*/
.cont-02 {width:100%; height:auto; padding: 30px 20% 60px; box-sizing: border-box; background-color: #f2f2f2;}
.cont-02 img {width:25%; height:auto; float:left; padding: 2.5%;}

/*-- CONT MISIÓN / VISIÓN -->*/
.cont-03 {width: 100%; background-color: #001a33; border-radius: 30px; height: auto; padding: 80px 0; box-sizing: border-box; position: relative;}
.cont-03 .center {display: flex; align-items: center; gap: 60px;}
/* TEXT */
.cont-03-text {width: 50%; position: relative; z-index: 1;}
.cont-03 h2,
.cont-03 p {color: #fff;}
/* IMAGEN */
.cont-03-img {position: absolute; width: 45%; max-width: 550px; right: 0%; bottom: 3px; z-index: 2;}
.cont-03-img img {width: 100%; height: auto; display: block;}

/*-- CONT 03 --*/
.define {width:100%; height:auto; padding: 80px 0px; background-image: url(/img/MISION-VISION/fondo.png);background-size: cover; background-position: center;}
.define h3 {color: #001a33;}
.define p {color: #001a33;}

.define-A {width:50%; height:auto; padding: 0px 40px 0px 0px;float: left;}
.define-A img {width:50%; }

.define-B {width: 50%; height: 500px; padding: 0px 0px 0px 40px; float: left; position: relative;}

.define-B img {width:20%; }
.define-item {position: absolute; display: flex; align-items: center; gap: 15px;}

/*ICONS*/
.define-seguridad {top: 10px; right: -150px;}
.define-honestidad {top: 150px; right: -120px;}
.define-pasion {top: 280px; right: -50px;}
.define-adaptabilidad {top: 400px; right: 80px;}

/*-- BANNER 02--*/
.banner_02{ width:100%; height:auto; padding: 180px 0px; box-sizing: border-box; background-image:url(/img/banner_02.png); background-size: cover; background-position: center;background-color: #001a33;text-align: center;}
.banner_02 img{width:50%;height:auto; }

@media screen and (max-width:800px) {
.movil{display:inherit;}
.nonemovil{display:none;}

/*-- VIDEO --*/
.video .center{padding:0px;}
}

/*TIPOS*/
.cont-04 .cards {display: flex; justify-content: center; align-items: center; gap: 20px;}
.cont-04 .cars-item{position:relative;}
.cont-04 .cars-item img {display: block; width: 105%; height: auto;}
.cont-04 .cars-item span{position: absolute; top: 20px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 1.6rem; font-weight: 700; text-transform: uppercase; text-shadow: 0 2px 8px rgba(0, 0, 0, .6); white-space: nowrap;}
.cont-04 .cars-item p {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 90%; color: #fff; font-size: 1rem; font-weight: 600; text-align: center; text-shadow: 0 2px 8px rgba(0, 0, 0, .6); line-height: 1.3;}
.cont-04 h3{color: #002B55; display: flex; justify-content: center;}

/*FZ*/
.cont-05 {width:100%; background-color: #001a33; padding: 80px 0; box-sizing: border-box;}
.cont-05 .center{display: flex; align-items: center; justify-content: space-between; gap: 60px;}
.cont-05-img {width: 45%;}
.cont-05-img img{width: 100%; height: auto; display: block;}
.cont-05-content{display: flex; flex-direction: column; justify-content: center;}
.cont-05-content h2{margin: 0 0 25px; color: #fff; font-size: 3rem; font-weight: 700; display: flex; justify-content: center;}
.cont-05-buttons{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; max-width: 480px;}
.cont-05-btn{display: flex; justify-content: center; align-items: center; min-height: 58px; padding: 12px 20px; color: #fff; text-decoration: none; text-align: center; font-size: 1.3rem; font-weight: 600; line-height: 1.2; border: 1px solid rgba(255,255,255,.5); border-radius: 25px;}

/*SERVICES*/
.cont-06{width: 100%;}
.service-item{position: relative; width: 100%;}
.service-item img{ width: 100%; height: 200px; object-fit: cover; display: block;}
.cont-06 .service-item h2{position: absolute; top: 80px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; text-shadow: 0 2px 8px rgba(0, 0, 0, .6); white-space: nowrap;}

/*MAP*/
.cont-07 {width: 100%; min-height: 700px; position: relative; background-image: url(/img/MAPA/fondo-mapa.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.cont-07-mapa img {position: absolute; width: 50%; left: 20%; top: 6%}
.cont-07-cobertura img {position: absolute; right: 10%; top: 25%; width: 30%;}
.cont-07-destinos img {position: absolute; width: 22%; left: 5%; bottom: 10%;}

/*COTIZACIÓN*/
.cont-08 {width:100%; height:auto; padding: 80px 0px; background-image: url(/img/CONTACTO/contacto-BG.png);background-size: cover; background-position: center;}
.cont-08 h2 {margin: 0 0 25px; color: #fff; font-size: 3rem; font-weight: 700; text-align: center;}
.cont-08 .form {width: 80%; max-width: 1000px; margin: 0 auto;}
.cont-08 h3 {color: #fff; font-size: 16px; margin: 0 0 4px 0;}
.cont-08 .form-row {display: flex; gap: 45px; align-items: flex-start;}
.cont-08 .mercancia{display: flex; flex-direction: column; flex: 1.5;}
.cont-08 .field{display: flex; flex-direction: column; flex: 1;}
.cont-08 label {color: #fff; font-size: 11px; margin-bottom: 3px;}
.cont-08 input[type="text"],
.cont-08 input[type="tel"] {width: 100%; height: 25px; box-sizing: border-box; border: 2px solid #fff; border-radius: 9px; background: transparent; color: #fff; padding: 2px 8px; outline: none;}
.cont-08 .form-row-path {display: flex; gap: 45px;}
.cont-08 .form-row-path .field {flex: 0 0 115px;}
.cont-08 .form-row-path label {white-space: nowrap;}
.cont-08 .bottom-part {display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.cont-08 .terms {display: flex; align-items: center;}
.cont-08 .terms input[type="checkbox"] {width: 12px; height: 12px; margin: 0 6px 0 0;}
.cont-08 .terms label {font-size: 11px; margin: 0; white-space: nowrap;}
.cont-08 .btn-propuesta {background-color: #fff; color: #07518a; border: none; border-radius: 10px; padding: 8px 18px; font-size: 14px; font-weight: bold; cursor: pointer;}
.cont-08 .security-message {color: #fff; text-align: center; font-size: 10px; margin: 10px 0 0 0;}
.cont-08 .proposal {display: flex; flex-direction: column; align-items: center;}
.cont-08 .form .logo-contact{display: block; width: 200px; height: auto; margin: 90px auto 0;}

/*FOTER*/
.footer {width: 100%; background-color: #001a33; color: #fff;}
.footer-contenido {width: 85%; margin: 0 auto; padding: 65px 0 70px; display: grid; grid-template-columns: 1.8fr 1fr 1.5fr 1.1fr; gap: 50px;}
.footer-descripcion p {margin: 20px 0 0; color: #d8d8d8; font-size: 17px; line-height: 1.45;}
.footer-columna h3 { margin: 0 0 18px; font-size: 24px; font-weight: 700;}
.footer-columna p {margin: 0 0 8px; color: #eeeeee; font-size: 21px; }
.footer-columna ul {margin: 0; padding-left: 20px; color: #eeeeee;}
.footer-columna li {margin-bottom: 8px; font-size: 21px;}
.footer-inferior {width: 100%; min-height: 75px; padding: 0 5.5%; box-sizing: border-box; background-color: #0d4267; display: flex; align-items: center; justify-content: space-between;}
.footer-inferior p {margin: 0; font-size: 17px; font-weight: 600;}
.footer-menu {display: flex; gap: 18px;}
.footer-menu a {color: #fff; text-decoration: none; font-size: 17px; font-weight: 600;}
.footer-menu a:hover {text-decoration: underline;}
.footer-inferior img {width: 75px; height: auto;}