/*************CUERPO PRINCIPAL Y ESTILOS GENERALES-GENERICOS****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif !important;
  background-color: #ADB1BE !important;
}

.sldgen .txt {
  position: absolute;
  z-index: 999;
  top: 90px;
  left: 5%;
  background: #144a80ad;
  color: #fff;
  width: 35%;
  padding: 6rem 2rem 4rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: justify;
}

section.sldgen {
  margin-bottom: 7rem;
  position: relative;
}

section.video {
  padding: 0 2rem 0;
  margin: 3rem 0;
}

section.video>div {
  display: flex;
  align-items: center;
}

section.video>div>div:first-child {
  width: 60%;
  padding: 0 2rem;
}

section.video>div>div.txt {
  width: 40%;
  font-size: 1.5rem;
  color: #39404C;
  line-height: 2rem;
  font-weight: 300;
}

section.video>div>div:first-child iframe {
  width: 100%;
}

section.proyectos {
  display: flex;
  margin-top: 5rem;
  position: relative;
}

section.transformacion {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.masc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6727065826330532) 58%, rgba(237, 237, 237, 0.14049369747899154) 100%);
}

.marquee {
  width: 100%;
  height: 90px;
  overflow: hidden;
  position: absolute;
  color: #fff;
  z-index: 99;
}

.marquee li {
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 3rem;
}

.marquee__content {
  display: flex;
  list-style: none;
  animation: scrolling 20s linear infinite;
}

.marquee__item {
  flex-shrink: 0;
}

@keyframes scrolling {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

section.proyectos>div:first-child {
  width: 65%;
}

.proyectos .img {
  width: 28%;
  padding: 2rem 2rem;
}

.proyectos h3 {
  font-size: 4rem;
  text-align: right;
  color: #687680;
  font-weight: 800;
  padding-right: 4rem;
  font-style: italic;
}

.mediaimgs {
  display: flex;
  margin-top: 3rem;
}

.mediaimgs>div {
  width: 30%;
  margin: 2%;
  box-shadow: 2px 5px 7px 2px #00000085;
  cursor: pointer;
}

.proyectos iframe#framevideo {
  width: 100%;
  height: 400px;
  box-shadow: 2px 5px 7px 2px #00000085;
}

.proyectos .videos {
  padding: 2rem 3rem 0;
}

.grandienteazul {
  position: absolute;
  width: 100%;
  height: 75%;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgb(4, 21, 38);
  background: linear-gradient(0deg, rgba(4, 21, 38, 1) 0%, rgba(20, 74, 128, 1) 100%);
}

section.novedades {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
}

section.novedades>div:first-child {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.novedades h2 {
  width: 50%;
  text-align: center;
  text-transform: uppercase;
  color: #687680;
  font-size: 4rem;
  font-weight: 700;
  font-style: italic;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  border: 1px solid;
  padding: 2rem;
  opacity: .7;
}

.sldgen .swiper-button-prev {
  right: 5%;
  left: auto;
  top: 55%;
}

.sldgen .swiper-button-next {
  top: 35%;
  right: 5%;
}

h2.subtitulo {
  color: #687680;
  font-style: italic;
  font-weight: 800;
  text-align: center;
  padding: 3rem;
  font-size: 3rem;
  text-transform: uppercase;
}

section.experiencia {
  background-color: #969BA7;
  display: flex;
  padding: 0 2rem;
}

.experiencia .txt {
  width: 50%;
  padding: 3rem 4rem 0;
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: #39404C;
}

.experiencia div:last-child {
  width: 50%;
}

.experiencia .txt h2 {
  color: #687680;
  font-style: italic;
  margin-bottom: 2rem;
  font-size: 3rem;
}

.experiencia .txt h2 span {
  font-weight: 800 !important;
}

section.valores {
  padding: 3rem 2rem 0;
}

.valores .media {
  position: relative;
}

.valores .media img:first-child {
  width: 30vw;
  position: absolute;
  bottom: 0;
}

.valores .items {
  display: flex;
  margin: 3rem 0;
}

.valores .items .item {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .5rem;
}

.valores .items .item>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.valores .items .item>div:first-child {
  border-right: 1px solid #687680;
}


.valores .items .item>div:first-child {
  border: 1px solid #687680;
  border-radius: 100%;
  width: 150px;
  height: 150px;
}

.valores .items .item>p {
  color: #144A80;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  font-size: 1rem;
  width: 100%;
  text-align: center;
  margin: 1rem 0;
}

.valores .items .item>div.desc {
  background-color: #144A80;
  color: #fff;
  padding: 1rem;
  text-align: center;
  font-size: .9rem;
  font-weight: 300;
  height: 200px;
}

.promesa>div {
  display: flex;
}

section.promesa {
  padding: 0 2rem;
}

.promesa .desc {
  width: 60%;
  padding: 0 2rem;
}

.promesa>div>div:first-child {
  width: 40%;
}

.promesa .desc h2 {
  background-color: #144A80;
  color: #FFA600;
  font-weight: 700;
  padding: 1rem 2rem;
}

.promesa .desc ul {
  margin-top: 2rem;
}

.promesa .desc ul>li::marker {
  color: #005E80;
}

.promesa .desc ul>li {
  margin-bottom: 1rem;
}

section.sost>div {
  display: flex;
  background-color: #39404C;
}

section.sost {
  padding: 0 2rem;
}

.sost .desc {
  color: #ADB1BE;
  padding: 2rem;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sost .desc h3 {
  color: #FFA600;
  font-size: 1.5rem;
}

.sost .desc h3>span {
  font-weight: 700 !important;
}

section.sost>div>div:last-child {
  width: 60%;
}

section.datos>div {
  display: flex;
  position: relative;
}

section.datos>div>div:first-child {
  width: 45%;
  position: relative;
}

.datos .info .item h2 {
  color: #144A80;
  font-weight: 800;
  font-size: 6vw;
  border-bottom: 1px solid #687680;
}

.datos .info {
  position: absolute;
  right: 5%;
  width: 50%;
  bottom: 30%;
}

.info .item {
  width: 40%;
  font-style: italic;
}

.datos .info h3 {
  color: #687680;
  font-size: 1rem;
  font-weight: 700;
}

.info .item:first-child {
  margin-left: 25%;
}

.info .item:nth-child(3) {
  position: absolute;
  right: 0;
  top: 35%;
}

.info .item:nth-child(4) {
  margin-left: -20%;
}

.datos h2.subtitulo {
  padding: 3rem 25% 0;
}

section.datos>h3 {
  position: absolute;
  bottom: 60%;
  right: 5%;
  color: #687680;
  font-size: 1rem;
  font-weight: 600;
}

.info .item:last-child {
  position: absolute;
  top: 75%;
  right: 20%;
}

section.datos {
  position: relative;
}

section.bancont {
  margin: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mascazul {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #06121eb0;
}

.bancont>div:last-child {
  position: absolute;
  color: #fff;
  width: 43%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bancont a {
  border: 4px solid #fff;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  color: #FFA600 !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .8rem !important;
}

.bancont h2 {
  font-style: italic;
  font-weight: 700;
  margin-bottom: 3rem;
}

section.productos {
  background-color: #fff;
  padding: 4rem;
}

.productos .resultados {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.productos .resultados .producto {
  width: 20%;
  margin: 3% 2.5%;
}

.resultados .producto a>div {
  border: 3px solid #144A80;
  border-radius: 100%;
  overflow: hidden;
  width: 80%;
}

.resultados .producto a:hover>div {
  border-width: 8px;
}

.producto h4.titulo {
  font-weight: 700;
  font-style: italic;
  text-align: center;
  margin: 2rem 0;
  color: #144A80;
  min-height: 88px;
  display: flex;
  align-items: center;
}

.resultados .producto a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.producto a>h5 {
  background-color: #144A80;
  padding: 1rem 2rem;
  font-size: .9rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFA600 !important;
}

section.contacto {
  margin: 5rem 2rem;
  display: flex;
  position: relative;
}

section.contacto>.form {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2.5rem 2rem 0;
  width: 45%;
}

.contacto form .uno {
  display: flex;
}

.contacto form .tres label {
  width: 100%;
}

.contacto form textarea {
  width: 100%;
  height: 130px !important;
}

.contacto form label {
  width: 100%;
  color: #144A80;
  font-weight: 800;
  text-transform: uppercase;
}

.contacto form input[type="email"] {
  width: 100%;
}

.contacto form input[type="text"] {
  width: 92%;
}

.contacto form input[type="text"],
.contacto form input[type="email"],
.contacto form textarea {
  border: none;
  border-radius: 10px;
  padding: 5px .5rem;
}

.contacto form .tyc a {
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
}

.contacto form .tyc {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}

.contacto form .tyc p {
  display: flex;
}

.tyc .correos,
.tyc .politica {
  width: 50%;
}

.contacto form .tyc p>span {
  margin-right: 10px;
}

.contacto form input[type=submit] {
  background-color: #144A80;
  font-size: .9rem;
  padding: 5px 1rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFA600 !important;
  -webkit-appearance: none !important;
  border: none;
  margin-left: 2rem;
}

.producto section.banner {
  background-color: #144A80;
  text-align: center;
  color: #FFA600;
  padding: 10rem 4rem 4rem;
  font-style: italic;
}

.producto section.banner h2 {
  font-weight: 700;
  font-size: 3rem;
}

section.nombre {
  padding: 4rem 17rem;
  text-align: center;
}

section.nombre h2 {
  font-weight: 700;
  font-size: 3rem;
  color: #144a80;
  font-style: italic;
  margin-bottom: 2rem;
}

section.contenido {
  background-color: #144A80;
  display: flex;
  margin: 0 2rem;
}

section.contenido .img {
  width: 40%;
}

section.contenido>div:last-child {
  width: 60%;
  padding: 2rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.producto .contenido h3 {
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  color: #FFA600;
}

.tipop .tipos {
  display: flex;
  padding: 1rem;
  margin-top: 3rem;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.tipop .tipos .tipo {
  width: 18%;
  margin-bottom: 2rem;
}

.tipo h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
  font-style: italic;
  color: #144a80;
  margin: 1rem 0;
}

section.aplicaciones {
  display: flex;
  margin: 2rem;
  background-color: #144A80;
  align-items: center;
}

section.aplicaciones>div:first-child {
  color: #fff;
  width: 55%;
  padding: 2rem 3rem;
}

section.aplicaciones>div.media {
  width: 45%;
}

section.aplicaciones h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  color: #ffa601;
}

section.cotiza {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin: 7rem 8rem 7rem 0;
}

section.cotiza>div:first-child {
  position: absolute;
  left: 20%;
  width: 40%;
  top: -100%;
}

section.cotiza>div:last-child {
  width: 52%;
  position: relative;
}

.cotiza a {
  background-color: #144a80;
  color: #FFA600;
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  display: flex;
  border-radius: 12px;
  padding: 2rem;
  font-style: italic;
  line-height: 2rem;
}

.seccion-menu {
  display: flex;
}

.seccion-menu .menu .contenido {
  height: 100%;
}

.seccion-menu .logo {
  height: 90px;
  width: 25%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.seccion-menu .menu {
  width: 75%;
  position: relative;
  opacity: .8;
}

.seccion-menu .logo:before {
  content: "";
  background-color: #fff;
  width: 100%;
  position: absolute;
  height: 100%;
  left: -6%;
  top: 0;
  z-index: -5;
  transform: skewX(20deg);
}

.seccion-menu .menu:before {
  content: "";
  background-color: #144a80;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2%;
  transform: skewX(20deg);
}

.menu #mega-menu-wrap-main-menu ul.mega-menu>li>a.mega-menu-link {
  display: inline-block !important;
  z-index: 10;
}

.menu #mega-menu-wrap-main-menu ul.mega-menu>li.mega-menu-item-object-page>a.mega-menu-link:hover:before,
.menu #mega-menu-wrap-main-menu ul.mega-menu>li.mega-current_page_item.mega-page_item>a.mega-menu-link:before,
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link:before {
  content: "";
  background-color: #FFA600 !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  z-index: -1;
  left: 0;
  transform: skewX(20deg);
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link {
  background: none !important;
}

footer.footer {
  background-color: #39404C;
  padding: 5rem 5rem 10rem;
  display: flex;
  z-index: 999;
  position: relative;
}

.footer .logo {
  width: 20%;
  margin-right: 10%;
}

.footer .menu {
  width: 70%;
}

#mega-menu-wrap-footer-menu ul.mega-sub-menu {
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(0, 0) !important;
}

#mega-menu-wrap-footer-menu>ul>li {
  position: relative !important;
  width: 33.3% !important;
}

.footer ul#mega-menu-footer-menu {
  display: flex !important;
}

#mega-menu-wrap-footer-menu ul.mega-sub-menu li.mega-menu-column {
  width: 100% !important;
}

.seccion-menu .logo img {
  width: 70%;
}

.metalmecanica .resultados {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.metalmecanica .resultados .metal {
  position: relative;
  width: 31%;
  margin: 1%;
}

section.metalmecanicas {
  padding: 5rem 2rem;
}

.mascmetal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #144a80;
  opacity: .4;
  transition: opacity 1s;
}

.metal .txt {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  padding: 2rem;
}

.metal .txt h4.titulo {
  font-weight: 800;
  font-style: italic;
}

a:hover .mascmetal {
  opacity: .8;
}

.metal h5 {
  border: 2px solid #fff;
  padding: .5rem 1rem;
  position: absolute;
  bottom: 5%;
  font-size: .8rem;
  text-transform: uppercase;
  color: #FFA600;
  font-weight: 800;
}

section.idea {
  margin: 2rem 2rem 8rem;
  position: relative;
}

.idea .form a {
  position: absolute;
  bottom: 12%;
  color: #FFA600 !important;
  text-transform: uppercase;
  border: 3px solid #fff;
  padding: 1rem 1rem;
  left: 18%;
  font-weight: 800;
}

section.categoria {
  display: flex;
  margin: 5rem 2rem;
}

.categoria .txt h2 {
  color: #144A80;
  font-weight: 700;
  font-style: italic;
}

.categoria .txt {
  width: 40%;
  padding: 0 2rem;
}

.categoria .tipos {
  width: 60%;
  display: flex;
  justify-content: space-around;
}

.categoria .tipos .tipo {
  width: 32%;
}

.categoria .tipos img {
  border: 5px solid #144a80;
}

.categoria .txt .desc {
  text-align: justify;
  line-height: 1.4rem;
  margin-top: 2rem;
}

.blogs a {
  display: flex;
  margin: 4rem 2rem;
  position: relative;
  text-decoration: none;
}

.blogs .media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
}

.blogs .media h4.titulo {
  position: absolute;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  font-style: italic;
  padding: 5rem;
}

.blogs .txt {
  padding: 1rem 2rem;
  width: 60%;
  background-color: #969BA7;
  color: #144A80;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.fondopreset {
  width: 100% !important;
  height: 350px !important;
  object-fit: cover;
  object-position: center;
}

.blogs .txt h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 2rem;
}

.blogs .txt h5 {
  background: rgb(39, 43, 128);
  background: -moz-linear-gradient(90deg, rgba(39, 43, 128, 1) 0%, rgba(39, 73, 128, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(39, 43, 128, 1) 0%, rgba(39, 73, 128, 1) 100%);
  background: linear-gradient(90deg, rgba(39, 43, 128, 1) 0%, rgba(39, 73, 128, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#272b80", endColorstr="#274980", GradientType=1);
  color: #FFA600;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  padding: .5rem 1rem;
}

.blogs .txt>div {
  line-height: 1.7rem;
}

header {
  position: fixed;
  width: 100%;
  z-index: 999;
}

.blog .banner .txt {
  position: absolute;
  z-index: 999;
  top: 90px;
  left: 5%;
  background: #144a80ad;
  color: #fff;
  width: 35%;
  padding: 4rem 2rem 3rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2rem;
}

.blog section.banner {
  position: relative;
  z-index: -1;
}

.blog .banner .txt strong {
  color: #FFA600;
  font-size: 2rem;
  font-weight: 700;
}

section.informacion {
  display: flex;
  padding-bottom: 10rem;
}

.blog .contenido {
  width: 55%;
  padding: 1rem 3rem;
  text-align: justify;
  color: #144A80;
}

.blog .mas {
  width: 43%;
  margin-right: 2%;
  background-color: #969ba773;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-top: 3rem;
}

.blog .contenido h2 {
  font-weight: 700;
  font-size: 1.3rem;
  margin: 2rem 0;
}

.blog .mas>h2 {
  font-weight: 700;
  color: #144A80;
  font-style: italic;
}

section.novedades>div:first-child:before {
  content: "";
  background-color: #808496;
  width: 1800px;
  position: absolute;
  height: 100%;
  left: -110%;
  top: 0;
  z-index: -5;
  transform: skewX(80deg);
}


.cabezote>div:first-child {
  width: 50%;
}

.novedades .blogs {
  display: flex;
  justify-content: space-around;
  margin: 2rem 0;
  padding: 0 2rem;
}

.novedades .blogs a {
  margin: 2rem 0;
  width: 32%;
  flex-direction: column;
  background-color: #808496;
  padding: 4rem 1rem;
  align-items: flex-start;
}

.novedades .blogs a h3 {
  text-transform: uppercase;
  color: #FFA600;
  font-size: 1rem;
  font-weight: 600;
}

.novedades .blogs a h4 {
  color: #FFA600;
  font-size: 1.2rem;
  margin-top: 1rem;
}

.novedades .blogs a h5 {
  background: rgb(39, 43, 128);
  background: -moz-linear-gradient(90deg, rgba(39, 43, 128, 1) 0%, rgba(39, 73, 128, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(39, 43, 128, 1) 0%, rgba(39, 73, 128, 1) 100%);
  background: linear-gradient(90deg, rgba(39, 43, 128, 1) 0%, rgba(39, 73, 128, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#272b80", endColorstr="#274980", GradientType=1);
  color: #FFA600;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  padding: .5rem 1rem;
}

.novedades .blogs a h4 span {
  font-weight: 600 !important;
}

.novedades .blogs .destacado {
  color: #fff;
  font-size: .8rem;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-menu-item-home {
  margin-left: 5%;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-has-icon>a.mega-menu-link {
  padding: 0 2px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-menu-item-object-page>a.mega-menu-link {
  padding: 0 20px;
}

.wpcf7-not-valid-tip {
  font-size: .7rem;
  margin-top: 5px;
}

a.botonarriba {
  position: absolute;
  bottom: 5%;
  right: 5%;
  color: #fff;
  font-size: 4rem;
  padding: 1rem 2rem;
  border: 1px solid;
}

.valores .items .item>div:first-child>img {
  width: 70px !important;
  height: 70px !important;
  object-fit: scale-down;
  object-position: center;
}

.valores .items .item>div:first-child:hover {
  background-color: #144A80;
}

.valores .items .item>div:first-child:hover>img {
  filter: invert(62%) sepia(69%) saturate(698%) hue-rotate(356deg) brightness(97%) contrast(111%);
}

.valores h2.subtitulo {
  padding-left: 10rem;
}

#mega-menu-wrap-footer-menu #mega-menu-footer-menu li.mega-menu-item-object-custom a.mega-menu-link,
#mega-menu-wrap-footer-menu #mega-menu-footer-menu li.mega-menu-item-object-producto a.mega-menu-link {
  display: flex !important;
  align-items: center;
}

.blog .banner .txt span {
  font-weight: 700 !important;
}

.blog .blogs a {
  flex-direction: column;
  margin: 2rem 4rem;
}

.blog .blogs .media {
  width: 100%;
}

.blog .blogs .txt {
  width: 100%;
  background-color: transparent;
  padding: .5rem 0 0;
}

.home .novedades .resultados {
  display: flex;
}

.home .novedades .blogs>a {
  width: 100%;
}

.seccion-menu .logo a {
  text-align: center;
}

.home .novedades .blogs {
  padding: 0 .5rem;
}

section.banner>img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.seccion-menu-mobile {
  display: none;
}

.swipergen1 .bannerpreset {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
}

section.datos>div:last-child {
  justify-content: center;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-current_page_parent>a {
  color: #fff !important;
}

/* #RESPONSIVE************************** */
@media only screen and (max-width: 768px) {

  section.video>div {
    display: block;
  }

  section.video>div>div:first-child {
    width: 100%;
    padding: 0 1rem;
  }

  section.video {
    padding: 0;
    margin: 1rem 0 2rem;
  }

  section.sldgen {
    margin-bottom: 3rem;
  }

  section.video>div>div.txt {
    width: 100%;
    padding: 1rem 1rem 0;
    font-size: 1.2rem;
    text-align: justify;
  }

  section.novedades>div:first-child img {
    display: none;
  }

  .novedades h2 {
    width: 100%;
    font-size: 2.5rem;
    padding: 1rem 0;
  }

  section.novedades>div:first-child {
    display: block;
  }

  .home .novedades .resultados {
    display: block;
  }

  .home .novedades .blogs {
    padding: 0 1rem;
    margin: 0;
  }



  .proyectos h3 {
    width: 100%;
    font-size: 2.5rem;
    text-align: center;
    padding: 0;
  }

  section.proyectos {
    display: block;
  }

  section.proyectos>div:first-child {
    width: 100%;
  }

  .proyectos .videos {
    padding: 0 1rem 4rem;
  }

  .mediaimgs {
    margin-top: 1rem;
  }

  .proyectos .img {
    display: none;
  }

  .seccion-menu {
    display: none;
  }


  .seccion-menu-mobile {
    display: block;
  }

  .sldgen .txt {
    font-size: 1rem;
    padding: 2rem;
    width: 60%;
    left: 0;
    top: 0;
    font-size: .8rem;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
  }

  .swiper-button-next,
  .swiper-button-prev {
    padding: 1rem 1.5rem;
  }

  .sldgen .swiper-button-next {
    top: 90%;
    right: 64%;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 1.5rem;
  }

  a.botonarriba {
    padding: .4rem 1rem;
    font-size: 3rem;
  }

  footer.footer {
    padding: 0 1rem 8rem;
    flex-direction: column-reverse;
    align-items: center;
  }

  .footer .logo {
    width: 70%;
    margin: 2rem 0 0;
  }

  .footer .menu {
    width: 100%;
    margin-top: 2rem;
  }

  #mega-menu-wrap-footer-menu .mega-menu-toggle+#mega-menu-footer-menu {
    display: block !important;
  }

  #mega-menu-wrap-footer-menu #mega-menu-footer-menu>li.mega-menu-item {
    width: 100% !important;
  }

  section.banner>img {
    height: 250px;
  }

  .experiencia div:last-child {
    display: none;
  }

  section.experiencia {
    display: block;
    padding: 0;
  }

  .experiencia .txt {
    width: 100%;
    padding: 2rem 1rem;
  }

  .experiencia .txt h2 {
    font-size: 2.5rem;
  }

  .valores .media img:first-child {
    display: none;
  }

  .valores h2.subtitulo {
    padding: 0;
    font-size: 2rem;
  }

  .valores .items {
    display: block;
  }

  .valores .items .item {
    width: 100%;
    margin-bottom: 2rem;
  }

  .promesa>div {
    display: block;
  }

  .promesa>div>div:first-child {
    width: 100%;
  }

  h2.subtitulo {
    font-size: 2rem;
    padding: 0;
  }

  .promesa .desc {
    width: 100%;
    padding: 0;
  }

  section.promesa {
    padding: 0 1rem;
  }

  section.sost>div {
    display: block;
  }

  .sost .desc {
    width: 100%;
  }

  section.sost>div>div:last-child {
    width: 100%;
  }

  .datos h2.subtitulo {
    padding: 3rem 2rem;
  }

  section.datos>div>div:first-child {
    display: none;
  }

  .datos .info {
    position: static;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .info .item {
    width: 65%;
    margin: 0 0 2rem !important;
    position: static !important;
  }

  .datos .info .item h2 {
    font-size: 5rem;
  }

  section.datos>h3 {
    position: static;
    padding: 1rem;
    text-align: center;
  }

  section.bancont {
    display: none;
  }

  .productos .resultados {
    display: block;
  }

  .productos .resultados .producto {
    width: 100%;
    margin-bottom: 5rem;
  }

  section.contacto>.form {
    position: static;
    width: 100%;
    padding: 0;
    margin-top: 2rem;
  }

  section.contacto {
    display: block;
  }

  .producto section.banner {
    padding: 8rem 1rem 2rem;
  }

  .producto section.banner h2 {
    font-size: 2rem;
  }

  section.nombre {
    padding: 3rem 0 0;
  }

  section.nombre h2 {
    font-size: 2rem;
  }

  section.contenido .img {
    width: 100%;
    padding: 1rem;
  }

  section.contenido {
    display: block;
    margin: 0;
  }

  section.contenido>div:last-child {
    width: 100%;
  }

  .tipop .tipos {
    display: block;
  }

  .tipop .tipos .tipo {
    width: 100%;
  }

  section.aplicaciones>div:first-child {
    width: 100%;
    padding: 2rem;
  }

  section.aplicaciones {
    margin: 0;
    display: block;
  }

  section.aplicaciones>div.media {
    width: 100%;
  }

  section.cotiza>div:first-child {
    display: none;
  }

  section.cotiza>div:last-child {
    width: 100%;
  }

  section.cotiza {
    margin: 2rem 0;
  }

  .cotiza a {
    border-radius: 0;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  section.metalmecanicas {
    padding: 2rem 1rem;
  }

  .metalmecanica .resultados {
    display: block;
  }

  .metalmecanica .resultados .metal {
    width: 100%;
    margin: 2rem 0;
  }

  section.idea {
    margin: 0;
  }

  .idea .form a {
    left: 50%;
    padding: .5rem;
  }

  section.categoria {
    display: block;
    margin: 2rem 1rem;
  }

  .categoria .txt {
    width: 100%;
    padding: 0;
  }

  .categoria .tipos {
    width: 100%;
    display: block;
  }

  .categoria .tipos .tipo {
    width: 100%;
    margin: 2rem 0;
  }

  .blogs a {
    margin: 2rem 1rem;
    display: block;
  }

  .blogs .media {
    width: 100%;
  }

  .fondopreset {
    height: 250px !important;
  }

  .blogs .txt {
    width: 100%;
    padding: 1rem;
  }

  .blogs .txt>div {
    font-size: .9rem;
    line-height: 1.5rem;
  }

  section.informacion {
    display: block;
    padding-bottom: 0;
  }

  .blog .contenido {
    width: 100%;
    padding: 1rem;
  }

  .blog .contenido h2 {
    text-align: left;
  }

  .blog .mas {
    display: block;
    width: 100%;
    padding-bottom: 1rem;
  }

  .blog .mas>h2 {
    text-align: center;
  }

  .blogs .media h4.titulo {
    font-size: 1.2rem;
    padding: 0 1rem;
  }

  .blog .blogs a {
    margin: 2rem 1rem;
  }

  .blog .banner .txt {
    position: static;
    width: 100%;
    padding: 2rem 1rem;
    font-size: 1.3rem;
  }

  .blog .banner .txt strong {
    font-size: 1.5rem;
  }

  header {
    position: static;
  }

  .sldgen .swiper-button-prev {
    top: 90%;
    left: 6%;
  }

  .swipergen1 .bannerpreset {
    height: 350px;
  }

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.redes-menu.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
    display: flex;
  }

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.redes-menu.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu li {
    text-align: center;
  }
}