/* 
CSS wp theme ESM Empresas Mineras 
code by ignaciodev.com
*/

/* Global */
*{ box-sizing: border-box;}
@font-face{font-family:"lato-regular"; src:url('../fonts/Lato-Regular.woff2');} 
@font-face{font-family:"lato-bold"; src:url('../fonts/Lato-Bold.woff2');} 
@font-face{font-family:"helvetica"; src:url('../fonts/HelveticaNeueLight.ttf');} 
@font-face{font-family:"lato-light"; src:url('../fonts/Lato-Light.ttf');} 



:root {--color-dark1:white;--color-dark2:#1a1a21;--color-dark3:#05295d;--color-dark4:#05295d;--color-dark5:#DFE7F2;--color-dark6:#ffffff;--color-dark7:#2e2e33; --color-light1:#ffffff;--color-light2:#DFE7F2;--color-light3:#707070;--color-light4:#265EA2;--color-light5:#25549E;--color-light6:#013989;--color-light7:#5975B6;--color-light8:#003989;--color-light9:#C5CCE8;--color-light-box1:#90AACF;--color-light-box2:#DFE7F2;--color-light-box3:#DFE7F262;--color-light-boletin:#F0F0F0;--padding-site-l-r:8%;--padding-site-header-top:3rem; 
}
.light-mode{--color-bg: white;--color-text: var(--color-light3);--color-text-white: var(--color-light1);--color-text-grey: var(--color-light3);--color-bg-hero: var(--color-light5);--color-bg-header: var(--color-light6);--color-bg-footer: var(--color-light8);--color-bg-btn: var(--color-light2);--color-text-btn: var(--color-light6);--color-bg-curve: var(--color-light7);--color-bg-box1:var(--color-light-box1);--color-bg-btn-boletin:var(--color-light9) ;--color-bg-box2:var(--color-light-box2);--color-bg-boletin:var(--color-light-boletin);}
.dark-mode{--color-text: var(--color-dark1);--color-bg: var(--color-dark2);--color-bg-header:var(--color-dark3);--color-bg-footer:var(--color-dark4);--color-bg-btn: var(--color-dark5);--color-text-white: var(--color-dark6);--color-text-white: var(--color-dark7);} 
html{height:100%;text-size-adjust: none;text-rendering: optimizeSpeed;scroll-behavior: smooth;font-size:16px;
font-family:"lato-regular";min-width:360px;letter-spacing: 0.25px;}
body{height:100%;margin:0;padding:0;background:var(--color-bg);color:var(--color-text);}
img{user-select:none; user-drag: none;}
.page{display:grid; grid-template-rows:auto 1fr auto;min-height: 100%;}
.flex{display:flex;}
.grid{display:grid;}
.sp{justify-content:space-between;}
.logo{padding:1rem 0;}
a{color:var(--color-text-white);text-decoration:none;}
a:hover{transition: all 0.5s ease;}
#combustibles,#lubricantes {
  scroll-margin-top: 200px;
}

/*Modulo Header */
.header{position:relative;display:grid;margin:0;padding:0;min-height:var(--padding-site-header-top);animation-name: welcome;animation-duration: 1s;animation-delay: 0s;animation-fill-mode: forwards;z-index:100;} 
.header-menu{position:fixed;top:0;width:100%;background:var(--color-bg-header) 0% 0% no-repeat padding-box;color:var(--color-text-white);align-items:center;display:flex;justify-content:space-between;letter-spacing: 0px;padding:0 var(--padding-site-l-r);font-size:16px;opacity:85%;border-bottom:4px solid var(--color-text-white);}
.header-menu-opacity{opacity:100%;}
.navigation{display:none;font-family:"lato-bold";text-transform:uppercase;}
/* .menu a:hover{border:1px solid var(--color-text-white);border-radius:30px; padding:0.2rem 1rem;}
.current-menu-item a { border:1px solid var(--color-text-white);border-radius:30px; padding:0.2rem 1rem;} */
.btn-menu{cursor:pointer;font-size:16px;align-self:center;background:var(--color-text-white);color:var(--color-bg-header);border-radius:62px;border:1px solid var(--color-bg-header);padding:0.3rem 1rem;width:fit-content;justify-content:center;}
.btn-menu-modal{cursor:pointer;font-size:1.5rem;align-self:center;background:var(--color-text-white);color:var(--color-bg-header);border-radius:62px;border:1px solid var(--color-bg-header);padding:0.2rem 0.5rem;width:fit-content;justify-content:start;margin:0.5rem 0;}
.hero-img{height:600px;position:relative;}
.hero-img img{position:absolute;bottom:0;} 
.play-img{margin:0 0.5rem;}
.landing-text{ position:absolute;text-align: left;margin: auto;top: 35%;bottom: 0;right: 0;left:var(--padding-site-l-r);font-size: 3rem;color:var(--color-text-white);font-family:"lato-bold";line-height:0;text-transform: uppercase;
}
.menu-icon-mobile{display:flex;}
.navigation ul{margin:0;padding:0;list-style-type: none;display:grid;padding:1rem;}
.navigation li{padding:1rem;}
.navigation-modal ul{margin:0;padding:1rem 0;list-style-type: none;display:grid;text-transform:uppercase;grid-gap:1rem;}
.modal-content-menu{width:100%;height:100%;background-color:var(--color-bg-footer);margin:auto; padding:0 var(--padding-site-l-r);box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);animation-name: animatetop;animation-duration: 0.4s;font-size:1.5rem;display:grid;justify-content:center;align-content:center;position:relative;}
.menu-close {display:grid;top:0;right:0;color: #fff;font-size: 4rem;font-weight: bold;padding:0 20px;position:absolute;}
.menu-close:hover,.menu-close:focus {color: black;text-decoration: none;cursor: pointer;}
.bg-img{
  width:100%;
  height:100%;
  /* filter:brightness(0.7); */
  background-position: center;background-repeat: no-repeat;background-size: cover;
  opacity: .7;
}
.plus-icon{position: absolute;margin-top: -0.5rem;margin-left: -1.8rem;}

/* Footer */
.footer{background:var(--color-bg-footer) 0% 0% no-repeat padding-box;color:var(--color-text-white);display:flex;justify-content:center;align-items:flex-end;border-top:2px solid var(--color-text-white);position:relative;}
.contact-footer{background:var(--color-bg-curve) 0% 0% no-repeat padding-box;}
.contact-btn-footer{color:var(--color-bg-curve);border:1px solid var(--color-bg-curve);}
.contact-curve-text{text-transform: none;}
.btn-footer{cursor:pointer;font-size:0.9rem;font-family:"lato-bold";align-self:center;background:var(--color-text-white) 0% 0% no-repeat padding-box;color:var(--color-bg-footer);border-radius:62px;border:1px solid var(--color-bg-footer);padding:0.3rem 1rem;text-transform:uppercase;}
.btn-footer:hover,.btn-menu:hover{background:var(--color-bg-footer);color:var(--color-text-white);border:1px solid var(--color-text-white);transition: all 0.5s ease;}
.container-footer{display:grid;width:100%;padding:3rem var(--padding-site-l-r);}
.icons{display:grid;grid-gap:1rem;justify-content:center;padding:1rem;}
.contact-info{padding: 0 0.5rem;font-size:0.8rem;}
.contact-info-link:hover{background:var(--color-text-white);color:var(--color-bg-footer);border-radius:30px;padding:0 0.5rem;margin:auto 0.5rem;}
.rrss:hover{opacity:0.7;transition: all 0.5s ease;}
.contact-item{margin-right:1rem;} 
.media{display:grid;grid-template-columns:auto auto; grid-gap:1rem;align-items:end;justify-content:center;}
.workwithus{display:flex; justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-text-white);padding-bottom:2rem;flex-direction:column;}
.social{display:flex;flex-direction:column;justify-content:center;justify-self:center;}
.icon-container{display:flex;align-items:center;}

/* Modulo Hero */
.header-front{background:var(--color-bg-hero);}
.min-show{min-height:80vh;}
.hero{display:grid;padding:1rem var(--padding-site-l-r) 3rem var(--padding-site-l-r);background:var(--color-bg-hero) 0% 0% no-repeat padding-box;color:var(--color-text-white);}
.nosotros,.noshace{padding:1rem var(--padding-site-l-r);background:var(--color-text-white) 0% 0% no-repeat padding-box;}
.fotos-camiones{display:grid;grid-gap:2rem;align-items:center;justify-content:center;margin-top:1rem;opacity:0;transform: translate(0, 10vh); transition: all 1s;}
.box{background:var(--color-bg-btn) 0% 0% no-repeat padding-box;color:var(--color-bg-footer);padding:1rem; width:4rem;height:4rem;display:inline-grid;margin:0 2rem;border-radius:16px;border:1px solid var(--color-bg-footer);}
.inner-box{background:var(--color-bg-btn) 0% 0% no-repeat padding-box;border:3px solid var(--color-bg-footer);border-bottom:none;border-left:none;}
.plus-img{margin-top: -1rem;margin-right:-1rem;}
.nosotros-btn-container{display:grid;align-content:center; grid-gap:1rem;margin-top: -1rem;}
.nosotros-btn{display:flex;justify-content:space-between;gap:0.5rem;align-self:start;cursor:pointer;font-size:1.1rem;font-family:"lato-regular";background:var(--color-text-white) 0% 0% no-repeat padding-box;color:var(--color-bg-footer);border-radius:62px;border:1px solid var(--color-bg-footer);padding-left:0.7rem;cursor:pointer;align-items:center;width:100%;}
.nosotros-btn:hover{color:var(--color-text-white);background:var(--color-bg-hero);transition: all 0.5s ease;border:1px solid var(--color-text-white);}
.p-nosotros{margin: 0;font-size: 1rem;}
.nosotros-container{display:grid;justify-content:start;opacity:0;transform: translate(0, 10vh); transition: all 1s;}
.hero-p{opacity:0;transform: translate(0, 10vh); transition: all 1s;}
.padding-top{padding-top:1rem;}
.margin-top{margin-top:2rem;}
.parr-nosotros{font-size:1rem;color:var(--color-text-grey);padding:0;line-height: 1.5;}
.parr-nosotros-azul{font-size:1rem;color:var(--color-bg-footer);padding:0;line-height: 1.5;}
.contenido-nosotros{padding:3rem var(--padding-site-l-r) 2rem var(--padding-site-l-r);background:var(--color-text-white);}

/* Modulo Vision y Mision */
.vision-container{display:grid; grid-gap:0.3rem;align-content:center;}
.vision,.mision{display:grid;padding:10% var(--padding-site-l-r);color:var(--color-text-white);align-content:start;}
.vision p,.mision p{font-size:1.3rem;}
.vision-margin-top{margin-top:-1rem;}

/* Modulo Contenido */
.contenido{padding:3rem var(--padding-site-l-r);background:var(--color-text-white);}
.contenido-titulo{display:flex; flex-direction: row;align-items:center;gap:1rem;}
.title1{display:flex;font-size:2.4rem;color:var(--color-text-white);line-height:1;text-transform: uppercase;}
.title2{display:flex;font-size:2.4rem;color:var(--color-bg-footer);display:flex;align-items:center;margin:0.5rem 0;text-transform: uppercase;}
.title3{display:flex;font-size:2.4rem;color:var(--color-bg-footer);font-family:"lato-regular";font-weight: lighter;}
.title4{display:flex;font-size:2.4rem;color:var(--color-text-white);line-height:1;text-transform: uppercase;}
.subtitulo{display:flex;font-size:2rem;color:var(--color-bg-footer);font-family:"lato-regular";margin-bottom: -1rem;font-weight: lighter;}
.parr1{font-size:1rem;font-family:"lato-bold";padding:0;line-height: 1.5;}
.parr2{font-size:1rem;color:var(--color-text-grey);padding:0;line-height: 1.5;}
.icon-img{margin-top:-4rem;margin-left:-1rem;}


/* Modulo Montana */
.btn-hablemos{cursor:pointer;font-size:1.1rem;font-family:"lato-regular";align-self:center;background:var(--color-text-white) 0% 0% no-repeat padding-box;color:var(--color-bg-footer);border-radius:62px;border:1px solid var(--color-bg-curve);padding:0.3rem 1rem;text-transform: none; }
.btn-hablemos-claro{cursor:pointer;font-size:1.1rem;font-family:"lato-regular";align-self:center;background: transparent;color:var(--color-bg-footer);border-radius:62px;border:1px solid var(--color-bg-curve);padding:0.3rem 1rem;text-transform: none; }
.btn-hablemos:hover{background:var(--color-bg-montana);color:var(--color-text-white);transition: all 0.5s ease;border:1px solid var(--color-text-white);}
.btn-hablemos-claro:hover{background:var(--color-bg-footer);color:var(--color-text-white);transition: all 0.5s ease;border:1px solid var(--color-text-white);}
.svg-container,.svg-container-clara{position:relative;display:flex;} 
.svg-container{background:var(--color-light-box3);} 
.curve-text{position:absolute;text-align: center;margin:0;top: 26%;left:10%;right:0;bottom:0;font-size: 2rem;color:var(--color-text-white);font-family:"lato-bold";line-height:0.3;text-transform: uppercase;}
.curve-text-claro{position:absolute;text-align: center;margin:0;top:45%;left:10%;right:0;bottom:0;font-size: 1.8rem;color:var(--color-bg-footer);font-family:"lato-bold";line-height:0.3;text-transform: uppercase;}
.margin-curve-text{margin:2rem;}
.margin-curve{margin:-1rem 0;width:100%;}
.img-montana-clara{min-height:300px;}

/* Modulo Sedes */
.sede-title-container{color:var(--color-text-white);padding:1rem var(--padding-site-l-r);background:var(--color-bg-hero);}
.sede-title{font-size:2rem;font-family:"lato-bold";text-transform:uppercase;}
.sede-text{display:flex;}
.sede-els-container{display:grid;color:var(--color-text-white);background:var(--color-bg-hero);justify-content:center;grid-gap:1rem;padding-bottom:5rem;}
.sede-container{background:var(--color-text-white);border-radius:30px;height:fit-content;display:flex;justify-content:flex-end;width:fit-content;padding-left:1rem;}
.sede-name{display:flex;background:var(--color-bg-btn);color:var(--color-bg-footer);padding:0.7rem 1rem;border-radius:30px;font-family:"lato-bold";text-transform:uppercase;margin:0;font-size:1rem;}
.pais-img{display:grid;background:var(--color-bg-hero);}
.sede-titulo-margin-top{margin-top:-6rem;}

/* Modulo tags */
.container-tags{display:grid;width:100%;}
.tags{background:var(--color-bg-btn) 0% 0% no-repeat padding-box;color:var(--color-text-grey);border-radius:60px;display:flex;align-items:center;min-width:300px;margin:1rem 0;gap:1rem;}
.p-tag{font-size:1.4rem;letter-spacing:0.8px;font-weight: lighter;font-family:"helvetica";}
.letter-spacing{letter-spacing: 4px;}

/* Modulo docs */
.container-docs{display:grid;width:100%;background:var(--color-bg-hero);padding:3rem var(--padding-site-l-r);gap:1rem;}
.docs{background:var(--color-bg-hero);color:var(--color-text-white);border-radius:60px;display:flex;align-items:center;width:fit-content;border:1px solid var(--color-text-white);}
.docs:hover{background:var(--color-bg-btn);color:var(--color-bg-hero);transition: all 0.5s ease;}
.p-doc{padding:0 1rem;}
.img-descargar{margin-right:-0.5rem;}
.nota{color:var(--color-text-white);font-size:0.7rem;margin-top:2rem;}

/* Modulo Politicas */
.politica-content{display:grid;align-items:center;align-content:center;}
.parr-politica{margin:0;}
.politica-wrapper{display:grid;grid-gap:2rem;}
.politicas{display:grid;padding:3rem var(--padding-site-l-r);}
.img-politicas{border-radius:30px;}



/* Modulo Formulario Contacto */
.formulario{background:var(--color-text-white) 0% 0% no-repeat padding-box;padding:1rem var(--padding-site-l-r);display:grid;position:relative;}
.form-container{display:grid;justify-items:center;grid-gap:2rem;}
.form-container div.wpcf7 { border: 1px solid var(--color-bg-header);padding:20px;border-radius:60px;display:grid;justify-content:center;padding:1rem 3rem;width:fit-content;}
.form-container input[type="text"] ,.form-container input[type="email"],.form-container textarea{color:var(--color-bg-header); border: none;border-bottom: 1px solid var(--color-bg-header);display:flex;width:100%;}
.form-container input[type="submit"],.form-container input[type="button"]{ background-color:var(--color-bg-header);text-align:center;text-transform:uppercase;color:var(--color-text-white);border:none;padding:0.3rem 1rem;border-radius:60px;font-size:1rem;}
.margin-form{margin-top:4rem;}
.form-container input[type="submit"]{cursor:pointer;}
.form-container input[type="submit"]:hover{color:var(--color-bg-header);background:var(--color-text-white);border:solid 1px var(--color-bg-header);transition: all 0.5s ease;}
.title-form{display:flex;justify-content:center;}
.wpcf7-not-valid-tip{background:white;}


/* Modulo Formulario Boletin */
.formulario2{background:var(--color-bg-curve) 0% 0% no-repeat padding-box;padding:1rem var(--padding-site-l-r);display:grid;color:var(--color-text-white);position:relative;}
.form-container2{display:grid;grid-template-columns:1fr 5fr;align-items:start;grid-gap:2rem;margin-bottom:2rem;}
.p-form-boletin{color:var(--color-text-white);}
.title-boletin{color:var(--color-text-white);}
.title-form2{display:flex;justify-content:center;}
.form-container2 div.wpcf7 {display:grid;width:100%;}
.form-container2 input[type="text"] ,.form-container2 input[type="email"],.form-container2 textarea{color:var(--color-text-white); border: none;border-bottom: 1px solid var(--color-text-white);display:flex;width:100%;background:transparent;height:2rem;display:flex;align-items:center;}
.form-container2 input[type="submit"],.form-container2 input[type="button"]{ background-color:var(--color-bg-header);text-align:center;text-transform:uppercase;color:var(--color-text-white);border:none;padding:0.3rem 1rem;border-radius:60px;font-size:1rem;margin-top:1rem;}
.margin-form{margin-top:4rem;}
.form-container2 input[type="submit"]{cursor:pointer;}
.form-container2 input[type="submit"]:hover{color:var(--color-bg-header);background:var(--color-text-white);border:solid 1px var(--color-bg-header);transition: all 0.5s ease;}
.margin-form-boletin{margin-top:-6rem;}

/* Modulo Equipo */
.equipo{background:var(--color-bg-hero);color:var(--color-text-white);}
.equipo-container{display:grid;gap:2rem;justify-content:center;}
.person-box{display:flex;background:var(--color-light-box1);border-radius:30px;max-height:150px;align-items:flex-end;}
.nombre-persona{font-size:0.9rem;}
.box-persona{border-radius:50%;height:2.2rem;width:2.2rem;background:var(--color-bg-footer);margin:0;padding:0;position:absolute;top:0;left:0;border:1px solid var(--color-text-white);display:flex;align-items:center;justify-content:center;}
.puesto-persona{color:var(--color-bg-footer);text-transform:uppercase;font-family:"lato-bold";font-size:0.8rem;}
.parr-equipo{font-family:"lato-regular";padding-bottom:2rem;}
.info-box{display:grid;width:100%;padding:1rem;}
.info-box p{margin:0.1rem 0;}
.img-estrella{margin-bottom:0.5rem;}


/* Modulo Servicios*/
.servicios{display:grid;padding:3rem var(--padding-site-l-r);grid-gap:3rem;margin-bottom:2rem;} 
.block-servicio{display:grid;align-items:center;} 
.box-servicio{display:grid;align-items:center;}
.tag-servicio{margin:0;color:var(--color-text-white);background:var(--color-bg-footer);border-radius:20px;border:1px solid var(--color-bg-footer); width:fit-content;padding:0.3rem 1rem;}
.servicio-img{display:grid;justify-self:center;border-radius:30px;}
.parr-servicio{font-size:1rem;color:var(--color-text-grey);padding:0;line-height: 1.5;}
.titulo-servicio{display:flex;font-size:2rem;color:var(--color-bg-footer);font-family:"lato-bold";margin:0.5rem 0;}
.block-line{border-bottom:1px solid var(--color-text-grey);margin:0 4%; }
.img-lubricante{position:absolute; top:40%;right:-5%;}
.img-combustible{position:absolute; top:40%;left:-5%;}
.servicio-img-container{position:relative;}


/* Atributos*/
.atributos{display:grid;padding:4rem var(--padding-site-l-r);background:var(--color-light-box3);}


/* Modulo Valores*/
.valores{display:grid;padding:4rem var(--padding-site-l-r);}
.ppta{display:grid;}
.valores-wrapper{display:grid;align-content:center;margin-top:2rem;}
.valor{display:flex;gap:1rem;align-content:flex-start;margin:1rem 0;}
.val{border-bottom:1px solid var(--color-bg-footer);width:70%;font-size:1.2rem;margin:0;padding-bottom:2rem;color:var(--color-bg-footer);}
.parr3{font-size:1rem;color:var(--color-text-grey);padding:2rem 0 0 0;line-height: 1.5;}
.parr-val{font-size:1.3rem;color:var(--color-text-grey);}
.val-img{display:flex;align-self:flex-start;}
.contenido-titulo-valores{align-items:start;}

/* Modulo Noticia */
.otras-news{display:none;}
.posts{display:grid;padding:0 var(--padding-site-l-r);background:var(--color-text-white);margin-top:1rem;}
.posts-container{display:grid;}
.thumb-title,.thumb-date{margin:0.3rem 0;color:var(--color-bg-footer);font-size:0.9rem;line-height:1;} 
.thumb-date-news{margin:0.3rem 0;color:var(--color-bg-footer);font-size:0.8rem;border:1px solid var(--color-bg-footer);border-radius:30px;padding:0.5rem;width:fit-content;} 
.thumb-author{color:var(--color-bg-footer);font-size:0.9rem;margin:1rem 0;} 
.thumb-parr{color:var(--color-text-grey);font-size:0.9rem;line-height:1rem;margin-top:0;} 
.noticia-subtitulo{margin:2rem 0 -0.8rem 0;color:var(--color-bg-footer);} 
.title-news-container{display:flex;gap:1rem;align-items:center;}
.title-news-container .plus-img{display: none;}
.title-noticia{display:flex;font-size:2.5rem;color:var(--color-bg-footer);align-items:center;margin:3rem 0;text-transform:uppercase;}
.img-cargar{display:flex;align-self:center;}
.news{display:grid;grid-gap:2rem;justify-items:center;align-items:center;}
#more-news-btn{background:var(--color-bg-footer);color:var(--color-text-white);border:none;border-radius:30px;width:fit-content;margin:3rem 0;padding:0.5rem 1rem;display:flex;justify-self:center;cursor:pointer;outline: none;gap:1rem;align-items:center;font-size:0.9rem;}
#more-news-btn:hover{color:var(--color-bg-footer);background:var(--color-text-white);transition: all 0.5s ease;border:1px solid var(--color-bg-footer);}
#more-news{display:none;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;}
#more-news-btn p{margin:0;}
.news-box{cursor:pointer;}
.news-box:hover{opacity:0.7;}
.news-box img, .otras-news img{border-radius:30px 30px;}
.news-tag{position:relative;width:100%;display:grid;grid-template-columns:4fr 2fr;padding:0.5rem 1rem; background:var(--color-text-white);color:var(--color-bg-footer);border-radius:20px;line-height:0.5rem;border:1px solid var(--color-bg-footer);height:12rem;margin-top:-7%;align-items:center;}
.margin-bottom-news{margin-bottom:2rem;}
.back-btn{cursor:pointer;width:100%;display:flex;letter-spacing:1.2px;font-size:1.5rem;font-weight:lighter;font-family:lato-light;color:var(--color-text-grey);}
.back-container{display:flex;margin:0 var(--padding-site-l-r) 2rem var(--padding-site-l-r);align-items:center;align-content:center;justify-content:space-between;border-top:1px solid var(--color-bg-footer);border-bottom:1px solid var(--color-bg-footer);}
.back-container .circle-back{display: none;}
.img-go-news{display:flex;justify-self:center;}

/* Modulo Boletin */
.boletin{background:var(--color-bg-curve);}
.boletin-container{display:flex;gap:1rem;padding:0 0 3rem 0;flex-wrap:wrap;justify-content:center;background:var(--color-bg-curve);}
.boletin-box{display:grid;background:var(--color-bg-boletin);border-radius:30px;width:300px;height:400px;}
.contenido-titulo-boletin{display:flex; flex-direction: row;align-items:center;gap:1rem;margin:0 var(--padding-site-l-r);border-bottom:1px solid var(--color-text-white);margin-bottom:6rem;}
.boletin-text{display:grid;background:var(--color-text-white);color:var(--color-bg-footer);border:1px solid var(--color-bg-footer);margin:1rem 0;padding:0.5rem 4rem 0.5rem 1.5rem;justify-self:center;border-radius:60px;align-self:end;align-content:center;height:fit-content;}
.p-boletin{margin:0;font-size:0.9rem;}
.img-boletin{display:flex;justify-self:flex-end;margin:1rem;}
.boletin-white{color:var(--color-text-white);margin-bottom:2rem;display:flex;}
.boletin-wrapper{display:grid;background:var(--color-bg-curve);padding:0 var(--padding-site-l-r) 3rem var(--padding-site-l-r);}
#btn-boletin-more{display:flex;cursor:pointer;font-size:0.9rem;border-radius:30px;width:fit-content;justify-self:center;padding:0.4rem 1rem;border:none;color:var(--color-bg-footer);background:var(--color-bg-btn-boletin);margin-bottom:6rem;outline: none;gap:1rem;}
#btn-boletin-more:hover{background:var(--color-bg-montana);color:var(--color-bg-btn-boletin);transition: all 0.5s ease;border:1px solid var(--color-bg-btn-boletin);}
#btn-boletin-more p{margin:0;}
#boletin-hidden{display:none;}
.margin-bottom{margin-bottom:2rem;}

/* Video Modal */
.modal {display: none; position: fixed;z-index:10; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);width:100%;height:100%;}
.modal-content {background-color:var(--color-bg-footer);margin:auto; padding:0;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);animation-name: animatetop;animation-duration: 0.4s;display:grid;}
.close {display:grid;justify-content:end;color: #fff;font-size: 28px;font-weight: bold;padding:0 20px;}
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}
#yt-video{cursor:pointer;}
.iframe{border:none;}
@keyframes animatetop {
  from {transform:translate3d(0,-300px,0); opacity: 0}
  to {transform:translate3d(0,0,0); opacity: 1}
}

/*Transitions*/
body section {opacity: 0; transform: translate(0, 10vh); transition: all 1s;}
body section.visible {opacity: 1;transform: translate(0, 0);}
.visible {opacity: 1;transform: translate(0, 0);}

@keyframes welcome {
from {opacity: 0; transition: all 2s;}
to {opacity: 1;}
}

/* media queries */

@media only screen and (max-width: 600px) {
.img-news img{width:300px;height:auto;}
.news-tag{width:300px;}
.plus-img{display:none;}
.formulario{justify-content:center;}
.form-container{justify-items:center;justify-content:center;}
}

@media only screen and (max-width: 1200px) {
.pais-img{display:none;}
.form-container img{display:none;}
.boletin-img{display:none;}
.form-container2{grid-template-columns:auto;}
}

@media only screen and (min-width: 600px) {
  .cointainer-footer{padding:0 var(--padding-site-l-r) 4rem var(--padding-site-l-r);}
  .modal-content-menu{font-size:2rem;padding:0 var(--padding-site-l-r);}
  .btn-menu-modal{font-size:2rem;}
  .fotos-camiones{grid-template-columns:1fr 2fr;}
  .hero-img{
    height:600px;
    background: #000;
  }
  .hero-img.auto_h{height:auto!important;}
  .hero_embed{
    opacity: .7;
  }


  .docs{height:2rem;}
  .workwithus{flex-direction:row;padding-bottom:0;}
  .curve-text{font-size:2.8rem;}
  .curve-text-claro{font-size:2.8rem;top:30%;}
  .landing-text{font-size:4.5rem;}
  .play-img{width:50px;height:50px;}
  .plus-icon{margin-top:0rem;margin-left: -3rem;width:60px;height:60px;}
  .hero{padding:1rem var(--padding-site-l-r) 4rem var(--padding-site-l-r);}
  .contenido-nosotros{padding:4rem var(--padding-site-l-r) 3rem var(--padding-site-l-r);}
  .person-box{max-height:200px;max-width:400px;}
  .img-persona{width:200px;height:200px;}
  .img-estrella{width:40px;height:40px;margin-bottom:0.7rem;}
  .img-lubricante{width:80px;height:80px;right:-8%;}
  .img-combustible{width:80px;height:80px;left:-8%;}
  .img-politicas{width:500px;height:250px;border-radius:30px 0 0 30px;}
  .p-form{width:450px;}
  .form-container div.wpcf7 {width:100%;}
  .sede-titulo-margin-top{margin-top:-12rem;}
  .img-news img{width:400px;height:auto;} 
  .news-tag{width:400px;} 
}


/*HERO IFRAMES*/
.hero_embed .iframe_desk{display: block;}
.hero_embed .iframe_mobile{display: none;}
@media only screen and (max-width: 768px) {
  .hero_embed .iframe_desk{display: none;}
  .hero_embed .iframe_mobile{display: block;}
}

.hero_embed .iframe_desk iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.hero_embed .iframe_mobile iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
}

@media only screen and (max-width: 768px) {
  .landing-text p{
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .landing-text{
    line-height: 1;
    
    top: 0;
    left: 0;
    padding: 40px 40px 32vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .hero-img{height: auto;}
}


@media only screen and (min-width: 768px) {
.sede-els-container{grid-template-columns:auto auto;} 
}

@media only screen and (min-width: 992px) {
html{font-size:20px;}
.menu-icon-mobile{display:none;}
.navigation ul{display:flex;}
.btn-menu{font-size:16px;}
.modal-content-menu{font-size:3rem;padding:0 var(--padding-site-l-r);}
.btn-menu-modal{font-size:3rem;}
.menu-close{font-size:4rem;}
.logo-img{height:47px;width:140px;}
.icon-img{width:50px;height:50px;}
.parr2,.subtitulo{padding:0 4rem;}
.parr3{padding:2rem 0 8rem 0;}
.social{flex-direction:row;justify-content:space-between;align-items:center;justify-self:auto;padding-top:1rem;}
.icons{grid-template-columns:auto auto auto;padding:0;}
.media{justify-content:end;}
.landing-text{font-size:90px;} 
.navigation{display:flex;}
.header-menu{padding: 0.5rem var(--padding-site-l-r);}
.header{min-height:var(--padding-site-header-top);}
:root{--padding-site-header-top:9rem;}
.container-tags{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 3rem;}
.hero-img{height:900px;}
.contenido{padding:1rem var(--padding-site-l-r);}
.nosotros-container{display:flex;justify-content:space-between;gap:1rem;}
.arrow-img{width:40px;height:40px;}
.plus-img{width:70px;height:70px;top:1%;margin-top:-3rem;}
.tag-img{width:90px;height:90px;}
.block-servicio{display:grid;grid-template-columns:auto auto;grid-gap:6rem;align-items:center;} 
.box-servicio-der{display:grid;padding-right:var(--padding-site-l-r);align-items:center;grid-column-start:2;grid-row-start:1;}
.box-servicio-izq{display:grid;padding-left:var(--padding-site-l-r);align-items:center;grid-column-start:1;grid-row-start:1;}
.servicios{display:grid;padding:0;}
.servicio-img{height:300px;width:auto;border-radius:0px;}
.otras-news{display:grid;grid-row-start:1;grid-column-start:2;align-self:start;grid-gap:1rem;}
.posts-container{grid-template-columns:auto auto;grid-gap:2rem;}
.parr-equipo{padding-bottom:3rem;}
.equipo-container{grid-template-columns:1fr 1fr;}
.equipo-container div:nth-child(even) {margin-top:70px;}
.equipo{padding:3rem var(--padding-site-l-r) 3rem var(--padding-site-l-r);}
.fotos-camiones{grid-gap:1rem;}
.margin-top{margin-top:0;}
.p-tag{padding-right: 2rem;}
.p-nosotros{font-size: 1rem;}
.play-img{width:60px;height:60px;}
.titulo-servicio{font-size:3rem;}
.sede-title{font-size:3rem;}
.sede-titulo-margin-top{margin-top:-12rem;}
.sede-name,.sede-desc{font-size:1rem;}
.sede-code{font-size:1.3rem;font-weight:bolder;}
.boletin{margin-top:-12rem;background:transparent;}
.iframe{width:600px;height:400px;}
.news{grid-template-columns:1fr 1fr;justify-self:center;}
.plus-icon{margin-top:0.5rem;margin-left: -2.5rem;width:70px;height:70px;}
.margin-form{margin-top:-1rem;}
.vision-container{display:grid; grid-gap:0.3rem;grid-template-columns:1fr 1fr;}
.vision,.mision{padding:15%;} 
.valores{grid-template-columns:1fr 1fr;}
.ppta{align-content:center;padding-right:4rem;}
.hero{padding:1rem var(--padding-site-l-r) 5rem var(--padding-site-l-r);}
.contenido-nosotros{padding:5rem var(--padding-site-l-r) 3rem var(--padding-site-l-r);}
.person-box{max-height:250px;max-width:480px;}
.img-persona{width:250px;height:250px;}
.parr-servicio{margin:0;}
.politicas{padding:3rem 0  3rem var(--padding-site-l-r);}
.politica-wrapper{display:flex;gap:3rem;}
.img-politicas{width:600px;height:300px;}
.margin-form-boletin{margin-top:-30%;}
.form-container2{margin-top:-5%;width:60%;}
}

@media only screen and (min-width: 1200px) {
:root{--padding-site-l-r:10%;} 
.hero-img{height:1000px;}
.play-img{width:70px;height:70px;}
.icon-img{width:60px;height:60px;}
.servicio-img{height:430px;width:auto;}
.pais-img{max-height:600px;}
.sede-els-container{grid-template-columns:auto auto auto;grid-template-rows:auto auto auto auto;}
.form-container{
  display:flex;
  gap:1rem;
  padding:1rem 0;
  justify-content:space-between;
  align-items: flex-end;
}
.formulario{padding:4rem 0 4rem var(--padding-site-l-r);} 
.form-container div.wpcf7 {justify-items:flex-start;width:600px;justify-content:start;} 
.form-container div.wpcf7 input {width:500px;}
.form-container div.wpcf7 input[type='submit'] {width:fit-content;}
.posts{margin-top:3rem;} 
.form-container img{margin-top:2rem;}
.curve-text{font-size:50px;top:20%;} 
.curve-text-claro{font-size:50px;top:30%;} 
.block-line{margin:0 7%;}
.plus-icon{margin-top:-0.5rem;margin-left: -3rem;width:80px;height:80px;}
.title-noticia{margin:0;}
.valores{padding-top:6rem;padding-bottom:6rem;}
.vision,.mision{padding:20%;} 
.contenido{padding:1rem var(--padding-site-l-r) 3rem var(--padding-site-l-r);}
.equipo{padding:6rem var(--padding-site-l-r) 6rem var(--padding-site-l-r);}
.img-estrella{width:50px;height:50px;}
.person-box{max-width:600px;}
.sede-els-container{display:none;} 
.sede-titulo-margin-top{margin-top:-18rem;}
.sede-text{width:600px;}
.img-lubricante{width:90px;height:90px;right:-6.5%;}
.img-combustible{width:90px;height:90px;left:-6.5%;}
.margin-form-boletin{margin-top:-40%;}
.form-container2{margin-top:-10%;}
}

@media only screen and (min-width: 1300px) {
.img-news img{
  width:500px;
  height:auto;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}
.news-tag{width:500px;}
}

@media only screen and (min-width: 1400px) {
.hero-img{height:1000px;}
.curve-text{font-size:60px;top:15%;} 
.curve-text-claro{font-size:60px;top:30%;} 
.sede-titulo-margin-top{margin-top:-22rem;}
.margin-form-boletin{margin-top:-50%;} 
.form-container2{margin-top:-20%;} 
.pais-img{margin-top:-5%;}

}

@media only screen and (min-width: 1500px) {
.curve-text{font-size:60px;top:25%;}
.formulario{padding:4rem var(--padding-site-l-r);} 
.img-contacto{border-radius:30px;} 
}

@media only screen and (min-width: 1600px) {
  .img-news img{width:600px;height:auto;}
  .news-tag{width:600px;}
}

@media only screen and (min-width: 1884px) {
  .destacado2{padding-top:6rem;}
  .curve-text,.curve-text-claro{top:25%;} 
  .sede-titulo-margin-top{margin-top:-28rem;}
  .hero-img{height:1100px;}
}



/*27-05-2024*/
.navigation li a{
  position: relative;
  display: inline-block;
  padding: 0.2rem 0;
  border: none;
}
.navigation li a::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: solid 1px #fff;
  width: 110%;
  height: 80%;
  border-radius: 20rem;
  opacity: 0;
  transition: all .2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.navigation li a:hover::before{
  width: 130%;
  height: 100%;
  opacity: 1;
}

.form-container div.wpcf7 input[type="text"],
.form-container div.wpcf7 input[type="email"],
.form-container div.wpcf7 textarea{
  font-size: 20px;
  padding: .5em 0;
  font-family: inherit;
  outline: none;
}
.form-container div.wpcf7 textarea{
  height: 9.9em;
}


/*14-06-2024*/
.val{
  padding-bottom: 0;
  border-bottom: none;
}
.valor{
  padding: 1rem 0;
  margin: 0;
  border-bottom: 1px solid var(--color-bg-footer);
  align-items: center;
}



.post-box >img{
  border-radius: 50px;
  overflow: hidden;
}




/*MONTANA CLARA MODS*/
.svg-container-clara .small-text{
    font-size: 16px;
    line-height: 1.4;
    max-width: 970px;
    margin: 0 auto 30px;
}

@media only screen and (max-width: 600px) {
    .svg-container-clara .small-text{
        font-size: 14px;
        padding: 0 20px;
    }
    .svg-container-clara .img-montana-clara{
        position: absolute;
        top: 0;
        left: 0;
    }
    .svg-container-clara .curve-text-claro{
        position: relative;
        top: 0;
        left: 0;
        right: initial;
        bottom: initial;
        padding: 45% 0 40px 0;
    }
}


/*22-08-2024*/
.cont-botones-footer{
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 600px) {
  .cont-botones-footer{
    flex-direction: column;
  }
}