*, ::after, ::before {box-sizing: border-box;}
@media (prefers-reduced-motion: no-preference) {
  :root { scroll-behavior: smooth; }
}
html { /* scroll-padding-top: 180px;  */ }
body { padding:0; margin:0; font-family:'Roboto Condensed', sans-serif; background:#f2f3f4;  outline:none;}
ul { list-style:none; }
h1 { font-family:'Roboto Condensed', sans-serif;font-weight: 700;font-size: 95px;line-height: 95px;margin-bottom:0; color:#002b49; letter-spacing:-2px;}
h1 span { font-weight: 300;}
h2 { font-size:60px; font-family:'Roboto Condensed', sans-serif;  font-weight: 700;}
h3 { font-size:45px; font-family:'Roboto Condensed', sans-serif;  font-weight: 300; color:#002b49; margin-bottom: 20px;}
h4 { font-size:31px; line-height: 31px; margin-bottom:0; font-family:'Roboto Condensed', sans-serif;  font-weight: 300;}
h5 { font-size:20px; font-family:'Roboto Condensed', sans-serif;  font-weight: 700;}
ul { padding:0; }
p, li, label { font-size:20px; font-weight:300; color:#002b49; font-family:'Roboto Condensed', sans-serif; line-height:25px; }
a, button, input, textarea { text-decoration:none; outline:none !important; }
.btn { border-radius:0; font-family: 'Roboto Condensed' !important;font-weight: 700 !important;font-size: 18px; padding: 10px 18px; text-align: center;  border:0 !important; }
.btn-celeste { background:#208fdf; color:#fff; margin:20px 0 !important;-webkit-transition: background-color .7s ease; -moz-transition: background-color .7s ease;  -o-transition: background-color .7s ease;  transition: background-color .7s ease;}
.btn-gris:hover { background:#525d63;}
.bold { font-weight:700;}
.p-0 {padding:0 !important;}
.m-0 {margin:0 !important;}
.p-relative { position:relative;}
.w-100 { width:100%; max-width:100%;}
.t-center { text-align:center; }
.t-upper { text-transform:uppercase; }
.b-blanco { background:#fff; padding:18px 0 !important; }
.mobile { display:none; }

a, :visited{ outline: 0;outline: none !important;}
:hover, :active, :focus{outline: 0;outline: none !important;}

/* Van */
/* Encabezado */
nav { margin-top:20px; background:#fff;}
header { background:#fff; top:0; padding-top: 55px; height:180px; width:100%; position:sticky; z-index:2000;}
.nav-central { display:flex; align-content:center; justify-content:center; flex-direction:row; border-top:1px solid #c9d8e2; padding:0;}
.nav-central { display:flex; align-content:center; justify-content:center; flex-direction:row; align-items: center; margin-bottom:0;}
.nav-central li a { text-transform:uppercase; display:inline-block; margin: 10px 40px; color:#002b49; font-size:18px; font-weight: 700;}
.nav-central li a.navbar-brand {padding:0 45px 15px;margin-left: 2rem;margin-right: 2rem;text-decoration: none;white-space: nowrap;display: block;margin-top: -62px; background: #fff;}
.menu-top { position:absolute; top: -40px; right:0; background:#fff; display: inline-flex; align-items: center; }
.menu-top a { display:inline-block; margin:0 2px; line-height: -13px !important; font-size: 13px; color: #002b49; }
.menu-top a img { width:23px;}
.nav-central { max-height:0; opacity:0; transition:all .3s }
.nav-central.open { max-height:80em; opacity:1; margin-top:20px; padding-bottom:20px; }
.nav-central li { list-style:none; }
#mySidenav { height:0; display:none;}
.overlay {height: 0;width: 100%;position: fixed;z-index: 11000;top: 130px;left: 0;background: #fff;overflow-x: hidden;transition: 0.3s;}
.overlay-content {position: relative;top: 0px;width: 100%;text-align: center;transition: 1s; }
.overlay a { padding: 8px;text-decoration: none;color: #4D4D4D;display: block;transition: 1s;}
.overlay-content ul { margin: 0;}
.overlay-content li a { text-transform:uppercase; display:inline-block; margin: 2px auto; color:#002b49; font-size:18px; font-weight: 700;}
.overlay-content li:hover, .overlay-content li a:hover { background:transparent;}
.closebtn { display:none;  width: 0;height:0;font-size: 0;}
.btn-menu { display:none; }

/* Home */
.contenedor { width: 100%; padding-right: var(--bs-gutter-x,.75rem);padding-left: var(--bs-gutter-x,.75rem);margin-right: auto;margin-left: auto; padding:0;}
.contenido { display: flex; }
.rendered { width:100%; height:auto; max-height:700px;/* max-height:100%; */ position:relative;}
img-comparison-slider {visibility: hidden;}
img-comparison-slider [slot='second'] { display: none;}
img-comparison-slider.rendered {visibility: inherit;}
img-comparison-slider.rendered [slot='second'] {display: inline-flex;}
.before, .after {margin: 0; }
.before figcaption, .after figcaption { font-size:43px; background: transparent; text-transform:uppercase; border:1px solid #fff; color:#fff; position:absolute; padding:10px 14px; text-align:center; text-shadow:1px 1px #333; }
figure.before, figure.after { line-height:0;}
figure.before figcaption { bottom:5%;left:25px; line-height:1;}
figure.after figcaption { top:5%; right:25px;line-height:1; }

.divider:after { border-left-width: var(--divider-width); border-left-style: solid; border-left-color: var(--divider-color); box-shadow:2px 2px 2px green; }
#home { height:auto; /* height:85vh;  */overflow:hidden; position:relative; }
.internas { padding-top:0;position:relative;align-items:stretch;} 

input[type=range]{-webkit-appearance:none;-moz-appearance:none;position: absolute;top: 50%; left: -25px;transform: translateY(-50%);background-color: transparent;width: calc(100% + 50px); 
z-index: 2;
  &:focus,
  &:active {
    border: none;
    outline: none;
  }
}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;border: none;height: 50px;width: 50px;border-radius: 50%;background: transparent;border: 4px solid white;box-shadow: 0 0 8px 1px rgba(0,0,0,.3);}
input[type=range]::-moz-range-track {-moz-appearance:none;height:15px;width: 100%;background-color: transparent; position: relative;outline: none;    }

.titulo1, .titulo2 { text-transform:uppercase; border:1px solid #fff; color:#fff; position:absolute; padding:10px 14px; text-align:center;}
.titulo1 { bottom:43px; left: 25%;transform: translate(-50%, 0); width:auto; }
.titulo2 { top:43px; right:25%; transform:translate(50%, 0); width:auto; }
.divisor { width:70px; height:1px; background:#002b49; text-align: center; margin: 0 auto 34px;}
.imagen-nosotros, .imagen-obra, .imagen-contacto, .texto-cv { overflow:hidden; flex: 0 0 auto;width: 66.6666666667%;}
.imagen-obra { min-height:620px; }
.imagen-ingenieria { overflow:hidden; flex: 0 0 auto;width: 100%; min-height:620px;}
.texto-nosotros, .imagen-contacto, .imagen-cv, .texto-celeste, .texto-obra { flex: 0 0 auto;width: 33.3333333333%; display:flex; flex-direction:column; justify-content:center;  padding: 90px;background:#fff;}
.texto-nosotros h3 { font-weight:700; line-height:52px; margin-bottom:0; text-align:left;}
.texto-nosotros2 { background:#c3d3e3;}
.proyecto { margin: 0 8px;}
.texto-proyecto { background:#002b49; padding: 81px 0; color:#c3d3e3;}
.texto-proyecto h2 { font-size:104px; line-height: 98px; margin:0; letter-spacing:-4px;}
.texto-ingenieria { background:#c3d3e3; padding:0 20px; color: #c3d3e3; height:250px; display:flex; justify-content: center;align-items: center; }
.texto-ingenieria h4 { font-weight:500; color:#002b49; /* max-width: 100%; width:100%; */ }
#carousel6 .owl-item img { height:315px; }

#nosotros, #proyectos, #ingenieria, #contacto, #ubicacion { /* margin-top: 70px; */  /* padding-top: 140px;  margin-top: -140px; */}
.texto-celeste { background:#c3d3e3;padding: 90px 0;align-items: center;}
.texto-celeste h2 { width:80%;font-size:52px; line-height: 50px;}
.texto-celeste h2 span { font-weight:300; display:block;}
.numeros { display:flex; margin-top:65px;width:80%;}
.numeros p { width:50%; font-size:19px; }
.numeros p span { font-size:73px; display:block; line-height: 100px;}
.imagen-contacto img, .imagen-cv img { height:100%; }

.form-contacto { margin-top:34px; width:100%;}
input::placeholder, textarea::placeholder {  text-transform:uppercase;  text-align:center; font-family: 'Roboto Condensed', sans-serif;font-weight: 300; color:#041635; font-size:14px;}
input[type="text"],input[type="file"],input[type="password"], textarea, select { background:#fff; border-radius: 0;padding:10px; text-align:center; width:100%; border:0; margin:5px 0 20px; font-family: 'Roboto Condensed', sans-serif;font-weight: 300; color:#041635; border-bottom:1px solid #f7f7f7;}
textarea { min-height:70px; resize:none; border-bottom:0; }
.error { color:red; font-size:14px; line-height:15px; font-style:italic; margin: -18px 0 10px;text-align: center;}
.form-contacto .btn { width:100%; }
.form-cv .col input { width:45%; margin-left:3%; }
input[type="file"] { background:#fff; border-bottom:1px solid #f7f7f7; text-align: center;}
input[type="file"]::file-selector-button { margin:0 auto; color: #041635; border:0; border-right:1px solid #041635;background-color: #fff !important; text-transform:uppercase !important; margin-rigth:10px; }
select, .select { font-size: 18px; display: block; line-height:1;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
linear-gradient(to bottom, #ebebeb 0%,#ebebeb 100%);border-radius:5px;background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;}
select::before { line-height:25px !important; padding:20px; }
.boton_whatsapp { display: block; width: 80px; height: 80px; position: fixed; right: 10px; bottom: 12px; line-height: 80px; z-index: 999;}

#ubicacion { position:relative; overflow:hidden; }
/* #ubicacion h3 { margin-top:0 !important;} */
.imagen-mapa { position:absolute; width:100%; height:100%; z-index:-1000;}
.texto-ubicacion { background:#041635; padding:100px 45px; color:#fff; width:auto; display:inline-flex; flex-direction:column;}
.texto-ubicacion h4 { font-size:25px; font-weight:700; margin-bottom:15px; margin-top:15px;}
.texto-ubicacion h5 {  margin-bottom:15px; }
.texto-ubicacion p { font-size:17px; color:#fff; line-height:20px; margin-bottom:0px; margin-top:10px;}
.texto-ubicacion p a { color:#fff; margin-top:15px; font-weight:700; display: block;}

.footer { padding:70px 0; text-align:center;}
.footer p {color:#041635; font-size:16px;}
.footer a { display:inline-block; margin:0 2px;}
.footer .redes { margin:20px 0 10px;}
.footer a img { width:23px;}

#carousel1, #carousel3, #carousel4 { display:flex; }
.owl-carousel .owl-stage {display: flex;}
#carousel1 .item, #carousel3 .item, #carousel4 .owl-item { display:flex;  height: 100%;  flex: 1 0 auto;}
#carousel1 .owl-nav, #carousel3 .owl-nav { /* display:block !important;  */position: absolute; width:100%; bottom:14%;}
#carousel1 .owl-prev img, #carousel1 .owl-next img, #carousel3 .owl-prev img, #carousel3 .owl-next img { width:20px; }
#carousel1 .owl-prev { position: absolute; right: 150px; border:1px solid #0c1a33; background:transparent; padding:8px 10px !important; }
#carousel1 .owl-nav button.disabled { border: 1px solid #ebebeb; }
#carousel1 .owl-nav button.disabled img { filter:alpha(.3); }
#carousel1 .owl-next { position: absolute; right: 100px;  border:1px solid #0c1a33; background:transparent; padding:8px 10px !important; }
#carousel3 .owl-prev { position: absolute; left: 100px; border:1px solid #0c1a33; background:transparent; padding:8px 10px !important; }
#carousel3 .owl-next { position: absolute; left: 150px;  border:1px solid #0c1a33; background:transparent; padding:8px 10px !important; }
#carousel2 .owl-nav, #carousel4 .owl-nav, #carousel6 .owl-nav { /* display:block !important;  */position: absolute;top: calc(50% - 18px); width:100%;}
#carousel2 .owl-prev img, #carousel2 .owl-next img, #carousel4 .owl-prev img, #carousel4 .owl-next img, #carousel5 .owl-prev img, #carousel5 .owl-next img, #carousel6 .owl-prev img, #carousel6 .owl-next img  { width:20px; }
#carousel2 .owl-prev, #carousel4 .owl-prev, #carousel6 .owl-prev {position: absolute; left: -52px; border:1px solid #0c1a33; background:transparent; padding:8px 10px !important; }
#carousel2 .owl-next, #carousel4 .owl-next, #carousel6 .owl-next {position: absolute; right: -52px; border:1px solid #0c1a33; background:transparent; padding:8px 10px !important; }
#carousel4 .owl-prev {position: absolute; left: 25px; border:1px solid #fff; background:transparent; padding:8px 10px !important; }
#carousel4 .owl-next {position: absolute; right: 25px; border:1px solid #fff; background:transparent; padding:8px 10px !important; }
#carousel4 .owl-prev img, #carousel4 .owl-next img { width:20px; filter: grayscale(1) brightness(800%);}
#ingenieria ul { list-style: square; list-style-position: outside;}
#ingenieria ul li { margin:10px 0;}
#carousel5 { width:66.66%; overflow:hidden; }
iframe { width:100%; min-height:620px;}

.listado-items { display:grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.listado-items div { background:#002b49;}
.listado-items div .texto-ingenieria { background:#c3d3e3 !important; padding:0 30px; color: #c3d3e3; height:250px; display:flex; justify-content: center;align-items: center; }
.listado-items div { overflow:hidden;} 
.listado-items div a { display:flex; flex-direction:column; width:100%; height:auto;  transition: all .5s ease-in-out;}
.listado-items div a:hover { transform: scale(1.1); filter:brightness(85%);}
.listado-items img { width:100%; height:315px;}
.listado-items-ingenieria div { background:#002b49;}

/* Detalle */
.vertical, .vertical1 { writing-mode: vertical-lr; transform: rotate(180deg); display:block; padding: 0; text-align:center;  }
.contenido-detalle { display:flex; margin-bottom:52px; }
.contenido-detalle .titulo-detalle { width:22%; display: flex; justify-items: flex-end;justify-content: flex-end; padding:20px 0 10px; align-items: flex-end;}
.contenido-detalle .titulo-detalle h2 { margin:0; margin-right:28px;}
.contenido-detalle .info-detalle { width:25%; background:#fff; padding:70px 40px 20px;}
.contenido-detalle .imagen-detalle { width:57%;}
.contenido-detalle h2 { font-size: 95px;line-height: 95px;margin-bottom:0; color:#c3d3e3; text-transform:uppercase; letter-spacing:-2px;}
.contenido-detalle h2 span { font-weight:300;}
.contenido-detalle .vertical-right {justify-items: flex-start;justify-content: flex-start; }
.contenido-detalle .vertical-right h2 { margin:0; margin-left:28px;}
.contenido-detalle .info-plantas { width:18%; background:#fff; padding:70px 40px 20px;}

.contenido-detalle .owl-carousel { width:78%;}
.plantas { display:flex; min-height:430px; /*  min-height:620px; */}
.plantas .owl-item { display:flex; height: 100%; flex: 1 0 auto; width:100%; min-height: 620px; background:#fff; padding:25px 0;}
.contenido-detalle .imagen-plantas { max-width:100%; background:#fff !important; max-height:620px; height:auto; /* height:100%; */ display: block; text-aling:center; width:auto !important;}
.contenido-detalle .imagen-plantas img { width:auto !important; max-height:620px; height:auto; display:block; min-height:430px;margin: 0 auto !important;}


.carousel-detalle .owl-stage-outer, .carousel-detalle  .owl-stage { height: 100% !important; }
.plantas .owl-nav, .contenido-detalle .owl-carousel .owl-nav,  #carousel5 .owl-nav { /* display:block !important;  */position: absolute;top: calc(50% - 18px); width:100%; z-index:3000;}
.plantas .owl-prev img, .plantas .owl-next img, .contenido-detalle .owl-carousel .owl-nav img, #carousel5 .owl-nav img { width:20px; filter: grayscale(1) brightness(800%);}
.contenido-detalle .owl-carousel .owl-nav button.owl-prev, #carousel5 .owl-nav button.owl-prev { position: absolute; left: 28px; border:1px solid #fff !important; background:transparent; padding:8px 10px !important; }
.contenido-detalle .owl-carousel .owl-nav button.owl-next, #carousel5 .owl-nav button.owl-next { position: absolute; right: 30px;  border:1px solid #fff !important; background:transparent; padding:8px 10px !important; }
.carousel-logos .owl-dots { text-align: center; margin:20px 0;}
.carousel-logos .owl-dot span { display: block; background:lightgrey;border-radius:50%; width: 10px;height: 10px; margin:0 5px; }
.carousel-logos .active span { display: block; background: grey !important;color: red; border-radius:50%; width: 10px;height: 10px; margin:0 5px; }
.contenido-detalle { min-height:620px; }
.contenido-detalle .titulo-detalle { width: 10%; }
.contenido-detalle .titulo-detalle h2 { margin-right: 15px;margin-left: 15px; font-size: 70px; line-height: 55px;}
.contenido-detalle .info-detalle { width: 30%; padding: 30px 28px;} 
.info-detalle h5 { margin-bottom: 0; margin-top:12px; text-transform:uppercase; }
.info-detalle ul { margin-top: 0; margin-bottom:5px;}
.info-detalle-equipamiento ul { list-style: square; list-style-position: outside;}
.info-detalle-equipamiento ul li { margin:2px 0px 0 21px;}
.info-detalle li, .info-detalle li a, .info-detalle li a:visited, .contenido-detalle .info-plantas a  { font-size:17px; line-height:21px;color:#002b49;}
.info-detalle li a:hover, .info-detalle li a:active, .contenido-detalle .info-plantas a:hover { color:grey;}
   
@media (min-width: 1400px){
  .section { max-width:1320px;margin-right: auto;margin-left: auto; }
  #proyectos .section { max-width:1250px; width: 100%; margin-right: auto;margin-left: auto;}
}

@media (max-width: 1399px){
  .section { width:90%;margin-right: auto;margin-left: auto; }
  nav .section { width: 100%;right: 14px;}
  .nav-central li a { margin: 10px 38px;}
  .nav-central li a.navbar-brand { margin-left: 1rem;margin-right: 1rem;}
  .numeros p { width:50%; font-size:17px; }
  .numeros p span { font-size:65px; line-height: 90px;}
  p { font-size: 17px; line-height: 21px; }
  .listado-items img {height: auto;}
}
@media (max-width: 1280px){
  .nav-central li a { margin: 10px 25px;}
  .nav-central li a.navbar-brand { margin-left: .7rem;margin-right: .7rem;}
  .titulo1, .titulo2 { font-size:45px;}
  .numeros, .texto-celeste h2  { width:100%; }
  .texto-nosotros { padding:70px 34px;}
  .texto-celeste { padding: 70px 25px; }
  .numeros { margin-top:0;}
  .numeros p {font-size: 16px;}
  .numeros p span {font-size: 55px;line-height: 63px;}
  .texto-nosotros h3 { line-height:45px; margin-top:0;}
  #proyectos .section { width:84%; }
  #carousel6 .owl-item img { height:auto; }
  #carousel1 .owl-prev {right: 98px; }
  #carousel1 .owl-next {right: 45px; }
  #carousel3 .owl-next {left: 98px; }
  #carousel3 .owl-prev {left: 45px; }
}

@media (max-width: 1200px){
#carousel2,  #carousel6 { width:90% !important; width:90% !important; margin-left:auto; margin-right:auto;}
.listado-items .texto-proyecto {padding: 65px 0;}
.nav-central li {text-align: center;line-height: 18px;}
}

@media (max-width: 1100px){
.nav-central li a { margin: 10px 20px;}
.nav-central li a.navbar-brand { margin-left: .5rem;margin-right: .5rem;}
.imagen-obra { width: 75%;}
.texto-obra { width: 25%; }
.numeros p {font-size: 15px;}
.numeros p span {font-size: 50px;line-height: 55px;}
.imagen-nosotros, #carousel5 { width: 55%; }
.texto-nosotros { width: 45%; }
.listado-items .texto-proyecto { padding: 55px 0;}
.imagen-obra { min-height:480px; }
h1 { font-size:85px; line-height: 75px;}
.items-ingenieria { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px){
html { scroll-padding-top: 140px;}
.mobile { display:block; }
.btn-menu { background:none; position:absolute; top:90px; right:20px; border:0; border-radius:0;-webkit-appearance:none;cursor: pointer;}
header {  padding:7px 0; height:130px;}
.navbar-brand {margin-left: 1rem; }
.nav-central { margin:0;}
.menu-top { top: 10px; right:-10px;}
#mySidenav { display:block;}
#mySidenav .nav-item a {font-size: 16px;padding: 4px 0px !important; border-bottom: 1px solid #ebebeb;border-radius: 0;}
.nav-central { display:none;}
.navbar-brand { display: inline-block;}
.btn-menu { display:block; }
.closebtn { width: 0;height:0;font-size: 0;}
.closebtn { position: absolute;right: -11px;top: 75px;width: 34px;height: 34px;font-size: 32px;background: #fff;color:#002b49; font-weight: 500;z-index: 1000; text-align: center;}
.toggle-example ul { text-align:center;}
.titulo1, .titulo2 { font-size:38px; padding:5px 10px;}
#contacto .texto-nosotros  { height:auto; width: 100%; }
.imagen-contacto, .texto-celeste  { height:auto; max-height:520px; width: 50%; float:left; display:inline-block;}
#contacto .contenido  { display:inline-block;}
.texto-celeste  { height:100%; display:inline-block;width: 50%; min-height:520px;}
#contacto .texto-nosotros {display: inline-block;}
.form-contacto { width:60%; margin-top:43px;margin-right:auto; margin-left:auto;}
.display { display:none; }
nav { margin-top:0;}
.nav-central { display:flex; flex-direction:column; border-top:0;}
.imagen-obra { min-height:380px; }
h1 { font-size:65px; line-height: 55px;}
iframe {min-height: 520px;}
.imagen-cv, .texto-cv { width:50%; }
.listado-items .texto-proyecto { padding: 45px 0;}
.listado-items .texto-proyecto h2 {font-size: 80px;line-height: 70px;}
.before figcaption, .after figcaption { font-size:32px; padding:7px 10px; }
}

@media (max-width: 860px){
h1 { margin-top: 0; }
.contenido { flex-direction:column; }
.contenido-cv { flex-direction:row; }
#carousel1 .item { display:flex; flex-direction:column; }
#carousel3 .item { display:flex; flex-direction: column-reverse; }
#carousel3 .item .texto-nosotros { padding-top:0; }
#carousel1 .owl-nav, #carousel3 .owl-nav { bottom: 10%; }
#carousel3 .owl-prev { left:40px; }
#carousel3 .owl-next { left: 90px;; }
.imagen-nosotros, .texto-nosotros, #carousel5 { min-height:340px; width:100%;}
.texto-intro-ingenieria { min-height:100px;}
.texto-nosotros, #carousel4 { width:100%; padding-top:34px; padding-bottom: 34px;}
#carousel4 { width:100% !important;}
.texto-nosotros h3 { margin-bottom:5px; line-height: 20px;font-size: 38px; }
.texto-ingenieria h4 { font-size: 34px;line-height: 35px;}
.texto-nosotros p { line-height: 23px;font-size: 18px; }
.imagen-obra, .texto-obra { width:100%;}
.texto-obra { writing-mode: horizontal-tb !important; transform: none !important; padding:43px 0 20px; }
.form-cv .col input { width:90%; margin-left:5%; }
.items-ingenieria { grid-template-columns: repeat(2, 1fr); }
#ingenieria ul { margin-left: 40px; }
}

@media (max-width: 768px){
.section { max-width: 98%;}
.mapa  { background:none;}
.imagen-mapa { display:block; width:100%; overflow:hidden;}
.imagen-mapa img { max-height:340px; width:auto; }
.texto-ubicacion  { height:auto; width: 100%; padding:43px 0; text-align:center;}
.mapa .section { max-width:100%; width:100%;}
#carousel1 .item { display:block; }
#carousel1 .owl-nav { bottom: 8%;right: 0 !important;}
.texto-nosotros {width: 100%;display: block;min-height: 520px; }
.texto-intro-ingenieria { min-height:100px;}
.imagen-nosotros {width: 100%;display: block;min-height: 340px; }
.texto-nosotros {min-height: 340px; }
.listado-items { grid-template-columns: repeat(3, 1fr); }
.items-ingenieria { grid-template-columns: repeat(2, 1fr); }
.imagen-obra { min-height:280px; }
h1 { font-size:55px; line-height: 45px;}
iframe {min-height: 380px;}
.contenido-cv { flex-direction:column; }
.imagen-cv, .texto-cv { width:100%; }
.imagen-cv { height:280px; }
.texto-celeste h2 {font-size: 46px;line-height: 46px;}
#ubicacion { display:flex; flex-direction:column;}
#ubicacion .section { width: 100%; max-width: 100%;}
.imagen-mapa { position:relative; width:100%; height:100%; }
.texto-ubicacion {padding: 25px 0;}
.texto-ubicacion h5 { margin: 10px 0;}
.texto-ubicacion p, .texto-ubicacion p a { margin: 7px 0;}
.before figcaption, .after figcaption { font-size:28px; }
.texto-intro-ingenieria { min-height:100px;}
}

@media (min-width:991px){
  .nav-central { max-height:none; opacity:1; }
  .btn-menu { display:none; }
  .menu li {  display:flex;  }
}

@media (max-width: 680px){
#carousel2 .owl-prev, #carousel6 .owl-prev { left: -45px;}
#carousel2 .owl-next, #carousel6 .owl-next { right: -43px;}
.imagen-contacto, .texto-celeste { width:100%; display:flex; max-width:100%; min-height:280px; max-height:380px;}
.imagen-contacto img { width:100%; height:auto;}
.imagen-contacto, .texto-celeste {min-height: 180px;max-height: 280px;}
.texto-celeste {padding: 52px 25px;}
}

@media (max-width: 576px){
.section {max-width: 94%;}
#proyectos .section { width:80%; }
.form-contacto { width:80%;}
.menu-top a img { width:18px;}
.texto-proyecto {padding: 58px 0; }
.texto-celeste { padding-bottom: 34px;} 
.texto-celeste h2 { margin-top: 0; margin-bottom: 17px;} 
p, li, label {font-size: 15px;line-height: 19px;}
#carousel3 .owl-nav { bottom: 9%;}
#carousel1 .owl-nav { bottom: 9%; right:-10px;}
#carousel1 .owl-next, #carousel3 .owl-next { right: 25px; padding: 5px 7px !important; position: absolute; border: 1px solid #0c1a33; left:auto; }
#carousel1 .owl-prev, #carousel3 .owl-prev { right: 70px; padding: 5px 7px !important; position: absolute; border: 1px solid #0c1a33; left:auto; background: transparent; }
.texto-nosotros { padding: 34px 25px; }
.texto-nosotros h3 { line-height:15px; font-size: 32px; }
.texto-nosotros p { line-height: 19px;font-size: 16px; }
.imagen-nosotros, .texto-nosotros, .imagen-ingenieria, #carousel5 { min-height: 280px; }
.texto-intro-ingenieria { min-height:100px;}
.texto-nosotros2 { padding-top:30px !important;}
#nosotros, #proyectos, #ingenieria, #contacto, #ubicacion { /* padding-top: 130px; margin-top: -130px; */ }
.texto-ingenieria { height: 200px; }
.texto-ingenieria h4 { font-size: 22px; line-height: 23px;}
.listado-items div .texto-ingenieria h4 { font-size: 26px; line-height: 28px;}
.listado-items { grid-template-columns: repeat(2, 1fr); }
.listado-items .texto-proyecto {padding: 65px 0;}
.listado-items .texto-proyecto h2 {font-size: 90px;line-height: 80px;}
.before figcaption, .after figcaption { font-size:23px; }
figure.before figcaption { left:18px; }
figure.after figcaption {right:18px; }
.listado-items div .texto-ingenieria {height: 200px; }
}

@media (max-width: 475px){
h3 {font-size: 30px;}
.divisor {margin:8px auto 25px;}
.imagen-nosotros { min-height: 280px;}
.texto-proyecto {padding: 21px 0;}
.texto-nosotros { padding-top: 34px; min-height:280px;}
.texto-nosotros h3 {font-size:28px;}
.texto-nosotros p { line-height: 18px;font-size: 15px; }
.texto-proyecto h2 { font-size: 72px;line-height: 78px;}
.texto-proyecto h4 {font-size: 25px;line-height: 28px; }
.imagen-contacto, .texto-celeste {max-height: 280px;}
.texto-celeste h2 {font-size: 40px;line-height: 43px;}
#carousel2 .owl-prev, #carousel6 .owl-prev {left: -30px;  padding:5px 7px !important; }
#carousel2 .owl-next, #carousel6 .owl-next {right: -30px; padding:5px 7px !important; }
.texto-nosotros { min-height: 320px; }
#ingenieria .texto-nosotros { min-height: 180px; }
.titulo1, .titulo2 {font-size: 21px;}
.titulo1 {bottom: 8px;}
.titulo2 {top: 8px;}
.plantas .owl-prev img, .plantas .owl-next img, .contenido-detalle .owl-carousel .owl-nav img, #carousel5 .owl-nav img, #carousel2 .owl-prev img, #carousel2 .owl-next img, #carousel4 .owl-prev img, #carousel4 .owl-next img, #carousel5 .owl-prev img, #carousel5 .owl-next img,#carousel6 .owl-prev img, #carousel6 .owl-next img  { width:14px; }
.contenido-detalle .owl-carousel .owl-nav button.owl-prev, #carousel5 .owl-nav button.owl-prev { left: 8px;padding: 4px 5px 0px !important; }
.contenido-detalle .owl-carousel .owl-nav button.owl-next, #carousel5 .owl-nav button.owl-next { right: 8px;padding: 4px 5px 0px !important; }
#carousel2 .owl-prev, #carousel2 .owl-next, #carousel6 .owl-prev, #carousel6 .owl-next {padding: 3px 5px !important; }
.texto-ingenieria { height: 160px; }
.texto-ingenieria h4 { font-size: 21px; line-height: 22px;}
.listado-items div .texto-ingenieria h4 { font-size: 23px; line-height: 23px;}
.listado-items .texto-proyecto { padding: 55px 0;}
.before figcaption, .after figcaption { font-size:20px !important; }
.texto-intro-ingenieria { min-height:100px;}
}

@media (max-width: 414px){
.texto-nosotros h3 {font-size:25px;}
.texto-ingenieria { height: 150px; }
.texto-ingenieria h4 { font-size: 18px; line-height: 19px;}
.listado-items div .texto-ingenieria h4 { font-size: 21px; line-height: 22px;}
.listado-items .texto-proyecto { padding: 35px 0;}
.listado-items .texto-proyecto h2 {font-size: 70px;line-height: 70px;}
.before figcaption, .after figcaption { font-size:18px !important; }
figure.before figcaption {  font-size:15px !important; left:10px; }
figure.after figcaption { font-size:15px !important; right:10px; }
.listado-items div .texto-ingenieria {height: 150px;}
}

@media (max-width: 400px){
.texto-ingenieria { height: 230px; }
.listado-items div .texto-ingenieria { padding: 18px 30px; height:230px;}
.texto-ingenieria h4 { font-size: 29px; line-height:32px;}
}

@media (max-width: 375px){
.section {max-width: 98%;}
#arquitectura .section {max-width: 94%;}
.titulo1, .titulo2 {font-size: 19px;}
.titulo1 {bottom: 8px;}
.titulo2 {top: 8px;}
#carousel2, #carousel6 {width: 80% !important;width: 80% !important;}
.texto-proyecto {padding: 70px 0;}
.listado-items { grid-template-columns: repeat(1, 1fr); max-width:74%; width:74%; }
.listado-items .texto-proyecto { padding: 62px 0;}
.listado-items .texto-proyecto h2 {font-size: 100px;line-height: 90px;}
.texto-proyecto h2 { font-size: 80px;line-height: 78px;}
.texto-proyecto h4 {font-size: 28px;line-height: 28px; }
.before figcaption, .after figcaption { display:none; }
.listado-items div .texto-ingenieria h4 { font-size: 28px; line-height: 28px;}
}

@media (max-width: 320px){
.texto-ingenieria h4 { font-size: 26px; line-height:28px;}
.listado-items div .texto-ingenieria { padding: 8px 30px; height:210px;}
.texto-proyecto {padding: 61px 0;}
.texto-ingenieria { height: 200px; }
}