/*
Theme Name: Metaga
Theme URI: http://www.metaga.es//
Description: Child theme for Metaga.
Author: e-tecnia
Author URI: https://e-tecnia.es/
Template: understrap
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Child Theme - Custom CSS File for Buyers to Modify */

/* General */
@import url("css/all.css");

body {
  font-family: "Exo 2" !important;
  font-weight: 500;
}

p {
  font-family: "Exo 2" !important;
  font-size: 1rem;
  color: #90989d;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  p {
    line-height: 1.5rem;
  }
}

.container-max {
  max-width: 1700px !important;
}

.contenido {
  margin-bottom: 60px;
  color: #333f48;
}

.contenido p {
  color: #333f48;
}

h1 {
  color: white;
  font-size: 35px;
  font-weight: 700;
  font-family: "Exo 2";
}

h1 a {
  color: white;
  text-decoration: none;
}

h1 a:hover {
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  h1 {
    font-size: 45px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  h1 {
    font-size: 57px;
  }
}

h2 {
  color: #333f48;
  font-size: 30px;
  font-weight: 800;
  font-family: "Exo 2";
}

h2 a {
  color: #333f48;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  h2 {
    font-size: 41px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  h2 {
    font-size: 47px;
  }
}

h3 {
  color: #333f48;
  font-size: 23px;
  font-weight: 900;
  font-family: "Exo 2";
}

h3 a {
  color: #333f48;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  h3 {
    font-size: 33px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  h3 {
    font-size: 36px;
  }
}

h4 {
  font-size: 17px;
  color: #333f48;
  font-weight: 800;
  font-family: "Exo 2";
}

h4 a {
  color: #333f48;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  h4 {
    font-size: 26px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  h4 {
    font-size: 29px;
  }
}

h5 {
  color: #ff9e1b;
  font-size: 16px;
  font-weight: 900;
  font-style: italic;
  font-family: "Exo 2";
}

h5 a {
  color: #ff9e1b;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  h5 {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  h5 {
    font-size: 25px;
  }
}

.titulo-interior {
  font-size: 24px;
  color: #333f48;
  font-weight: 900;
  font-family: "Exo 2" !important;
  text-align: center;
  margin-bottom: 20px;
}

.titulo-interior a {
  color: #333f48;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .titulo-interior {
    font-size: 32px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .titulo-interior {
    font-size: 41px;
    line-height: 39px;
  }
}

.equal {
  display: flex;
  flex-wrap: wrap;
}

.equal > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.boton {
  display: table;
  font-weight: 700;
  text-decoration: none !important;
  text-align: center;
  padding: 12px 16px 14px;
  font-size: 19px;
  margin: 10px 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (min-width: 1200px) {
  .boton {
    font-size: 19px;
    display: table;
    padding: 12px 16px 14px;
  }
}

.boton.boton-azul {
  background: #333f48;
  color: #fff;
  border: 2px solid transparent;
}

.boton.boton-azul:hover {
  background: none;
  border-color: #333f48;
  color: #333f48;
}

.boton.boton-blanco {
  border: 2px solid #ff9e1b;
  color: #fff;
}

.boton.boton-blanco:hover {
  background: #ff9e1b;
  color: #333f48;
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex !important;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  -webkit-transform: translateX(50%) !important;
  transform: translateX(50%) !important;
}

@media screen and (min-width: 768px) {
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    -webkit-transform: translateX(25%) !important;
    transform: translateX(25%) !important;
  }
}

@media screen and (min-width: 1200px) {
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    -webkit-transform: translateX(20%) !important;
    transform: translateX(20%) !important;
  }
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

@media screen and (min-width: 768px) {
  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    -webkit-transform: translateX(-25%) !important;
    transform: translateX(-25%) !important;
  }
}

@media screen and (min-width: 1200px) {
  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    -webkit-transform: translateX(-20%) !important;
    transform: translateX(-20%) !important;
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-2dot4 {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 540px) {
  .col-sm-2dot4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 720px) {
  .col-md-2dot4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 960px) {
  .col-lg-2dot4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1140px) {
  .col-xl-2dot4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.page-template-contacto h5 {
  text-align: center;
  color: #333f48;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin: 50px auto;
}

@media screen and (min-width: 1200px) {
  .page-template-contacto h5 {
    font-size: 22px;
  }
}

.page-template-contacto .wpcf7 {
  max-width: 100%;
}

.page-template-contacto .wpcf7 .contacto-form input[type="text"],
.page-template-contacto .wpcf7 .contacto-form input[type="tel"],
.page-template-contacto .wpcf7 .contacto-form input[type="email"],
.page-template-contacto .wpcf7 .contacto-form textarea {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #333f48;
  background: #f4f4f5;
  color: #333f48;
  height: auto;
  padding: 15px;
}

.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="text"]::-webkit-input-placeholder,
.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="tel"]::-webkit-input-placeholder,
.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="email"]::-webkit-input-placeholder,
.page-template-contacto
  .wpcf7
  .contacto-form
  textarea::-webkit-input-placeholder {
  color: #333f48;
  font-weight: 600;
}

.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="text"]:-ms-input-placeholder,
.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="tel"]:-ms-input-placeholder,
.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="email"]:-ms-input-placeholder,
.page-template-contacto .wpcf7 .contacto-form textarea:-ms-input-placeholder {
  color: #333f48;
  font-weight: 600;
}

.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="text"]::-ms-input-placeholder,
.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="tel"]::-ms-input-placeholder,
.page-template-contacto
  .wpcf7
  .contacto-form
  input[type="email"]::-ms-input-placeholder,
.page-template-contacto .wpcf7 .contacto-form textarea::-ms-input-placeholder {
  color: #333f48;
  font-weight: 600;
}

.page-template-contacto .wpcf7 .contacto-form input[type="text"]::placeholder,
.page-template-contacto .wpcf7 .contacto-form input[type="tel"]::placeholder,
.page-template-contacto .wpcf7 .contacto-form input[type="email"]::placeholder,
.page-template-contacto .wpcf7 .contacto-form textarea::placeholder {
  color: #333f48;
  font-weight: 600;
}

.page-template-contacto .wpcf7 .contacto-form input[type="submit"] {
  background: #ff9e1b;
  color: #fff;
  max-width: 150px;
  padding: 10px;
  border-radius: 0;
  border: 1px solid #ff9e1b;
  height: auto;
  margin: auto;
  font-weight: 600;
  display: block;
}

.page-template-contacto .wpcf7 .contacto-form input[type="submit"]:hover {
  background: transparent;
  color: #333f48;
}

.page-template-contacto .wpcf7 .contacto-form span.wpcf7-list-item {
  margin: 0;
}

.page-template-contacto .wpcf7 .contacto-form .wpcf7-list-item label input {
  display: none;
}

.page-template-contacto .wpcf7 .contacto-form .wpcf7-list-item label {
  left: 0;
  top: 10px;
  color: #1a1a1a;
  cursor: pointer;
}

.page-template-contacto
  .wpcf7
  .contacto-form
  .wpcf7-list-item
  .wpcf7-list-item-label::before {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  content: "\f0c8" !important;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.15em;
  font-style: normal;
  font-weight: normal;
  margin-right: 0;
  line-height: normal;
}

.page-template-contacto
  .wpcf7
  .contacto-form
  .wpcf7-list-item
  input[type="checkbox"]:checked
  ~ span::before {
  content: "\f14a" !important;
}

.page-template-contacto .wpcf7 .contacto-form .textos-legales-form {
  font-size: 12px;
  line-height: normal;
}

.page-template-contacto .wpcf7 .contacto-form .textos-legales-form a {
  color: #333f48;
  text-decoration: underline;
}

.wpcf7-mail-sent-ok {
  background: #398f14 !important;
  color: #fff !important;
  text-align: center;
  display: block;
  margin: 0 auto 40px !important;
}

.wpcf7-validation-errors {
  background: #dc3545 !important;
  color: #fff !important;
  text-align: center;
  display: block;
  margin: 0 auto 40px !important;
}

.wpcf7-acceptance-missing {
  background: #f7e700 !important;
  color: #fff !important;
  text-align: center;
  display: block;
  margin: 0 auto 40px !important;
}

.page-template-paginas-interiores {
  font-family: "Exo 2" !important;
}

.page-template-paginas-interiores .video span.elementor-heading-title {
  background: #424747;
  display: block;
  text-align: center;
  color: #fff;
  padding: 15px 10px;
  font-style: italic;
  font-family: "Exo 2" !important;
  font-weight: 600;
}

.page-template-paginas-interiores h3 {
  color: #333f48 !important;
  font-weight: 800 !important;
  font-style: italic !important;
  font-family: "Exo 2" !important;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-template-paginas-interiores h3 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .page-template-paginas-interiores h3 {
    font-size: 26px;
  }
}

.page-template-paginas-interiores h3::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 100px;
  height: 10px;
  margin: 20px auto;
}

@media screen and (min-width: 769px) {
  .page-template-paginas-interiores h3::after {
    margin: 30px auto;
  }
}

.page-template-paginas-interiores .titulo-conoce span {
  color: #333f48 !important;
  font-weight: 800 !important;
  line-height: 2.3rem !important;
  font-size: 23px;
  font-family: "Exo 2" !important;
}

@media screen and (min-width: 768px) {
  .page-template-paginas-interiores .titulo-conoce span {
    font-size: 33px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .page-template-paginas-interiores .titulo-conoce span {
    font-size: 38px;
  }
}

.page-template-paginas-interiores h4.title-maps {
  font-size: 18px;
}

@media screen and (max-width: 1199px) {
  .page-template-paginas-interiores .conoce-mas .elementor-container {
    background: rgba(255, 255, 255, 0.75);
  }
}

.page-template-paginas-interiores
  .elementor-element.elementor-button-info
  .elementor-button {
  font-weight: 700;
  text-decoration: none !important;
  text-align: center;
  font-size: 21px;
  border-radius: 0;
  padding: 20px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background: #333f48 !important;
  color: #fff;
  border: 2px solid transparent;
}

.page-template-paginas-interiores
  .elementor-element.elementor-button-info
  .elementor-button:hover {
  background: none !important;
  border-color: #333f48;
  color: #333f48;
}

.page-template-paginas-interiores h4 {
  color: #333f48 !important;
  font-weight: 800 !important;
  font-style: italic;
  text-transform: uppercase;
  line-height: normal !important;
}

@media screen and (min-width: 1200px) {
  .page-template-paginas-interiores h4 {
    line-height: normal;
  }
}

.page-template-paginas-interiores h5 {
  color: #333f48 !important;
  font-weight: 900 !important;
}

.page-template-paginas-interiores h5::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 70px;
  height: 10px;
  margin: 20px 0;
}

.page-template-paginas-interiores.page-id-1519 h5::after,
.page-template-paginas-interiores.page-id-485 h5::after {
  display: none;
  content: none;
}

.page-template-paginas-interiores.page-id-1525 h2 {
  font-style: italic;
  color: #333f48 !important;
  font-weight: 800 !important;
}

.page-template-paginas-interiores.page-id-1525 h2::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 70px;
  height: 10px;
  margin: 20px auto;
}

.page-template-paginas-interiores.page-id-1525 .banner {
  min-height: 220px;
}

@media screen and (max-width: 767px) {
  .page-template-paginas-interiores.page-id-1525 .banner {
    padding: 0 0 80px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  .page-template-paginas-interiores.page-id-1525 .banner {
    min-height: 350px;
    padding-bottom: 120px;
  }
}

.page-template-paginas-interiores.page-id-1525 .banner::after {
  background: linear-gradient(
    -5deg,
    rgba(255, 255, 255, 0.9) 50%,
    transparent 50.5%
  );
  padding-top: 60%;
}

@media screen and (min-width: 768px) {
  .page-template-paginas-interiores.page-id-1525 .banner::after {
    padding-top: 26%;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .page-template-paginas-interiores.page-id-1525 .banner::after {
    padding-top: 22%;
  }
}

.page-template-paginas-interiores p {
  line-height: 1.3rem;
  color: #333f48 !important;
}

.page-template-paginas-interiores .banner span {
  color: #ff9e1b;
}

.page-template-paginas-interiores .banner p {
  color: #bdbdbd !important;
}

@media screen and (min-width: 768px) {
  .page-template-paginas-interiores .image-elementor img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: auto;
  }
}

.error404-container {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .error404-container {
    min-height: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.error404-container h2 {
  display: block;
  margin: 50px auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .error404-container h2 {
    font-size: 32px;
    margin: 40px auto 20px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .error404-container h2 {
    font-size: 36px;
  }
}

.error404-container h2::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 100px;
  height: 10px;
  margin: 20px auto;
}

@media screen and (min-width: 768px) {
  .error404-container h2::after {
    width: 200px;
  }
}

@media screen and (min-width: 1200px) {
  .error404-container p {
    font-size: 19px;
  }
}

.error404-container .boton {
  background: #ff9e1b;
  color: #fff;
  border: 1px solid #ff9e1b;
}

.error404-container .boton:hover {
  background: transparent;
  color: #333f48;
}

footer.site-footer {
  background: #303e48;
  color: #fff;
  padding: 50px 0 40px;
}

footer.site-footer a {
  color: #ff9e1b;
  text-decoration: none;
}

footer.site-footer ul {
  list-style: none;
  padding: 0;
}

footer.site-footer ul li {
  text-align: center;
  margin-bottom: 12px;
}

footer.site-footer ul li a {
  text-transform: uppercase;
  font-weight: 500;
}

footer.site-footer ul li a:hover {
  color: #fff;
}

footer.site-footer ul.datos-pie {
  padding-top: 20px;
}

@media screen and (min-width: 1200px) {
  footer.site-footer ul.datos-pie {
    padding: 0 50px;
  }
}

footer.site-footer ul.datos-pie li {
  margin-bottom: 10px;
}

footer.site-footer ul.datos-pie li i {
  color: #ff9e1b;
  display: block;
  font-size: 25px;
  margin-bottom: 5px;
}

footer.site-footer ul.datos-pie li a {
  color: #fff;
  text-transform: none;
}

footer.site-footer ul.datos-pie li a:hover {
  color: #ff9e1b;
}

@media screen and (min-width: 768px) {
  footer.site-footer #media_image-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
}

footer.site-footer #media_image-2 img {
  max-width: 250px !important;
  width: 100%;
}

@media screen and (max-width: 767px) {
  footer.site-footer #media_image-2 img {
    margin: 0 auto 40px;
    display: block;
  }
}

#wrapper-footer-full {
  background: #212c35;
  text-align: center;
}

#wrapper-footer-full ul {
  padding: 0;
  margin-bottom: 0;
  line-height: normal;
}

#wrapper-footer-full ul li {
  display: inline-block;
  font-weight: 300;
  color: #b5b5b5;
  position: relative;
  padding-left: 8px;
  margin-left: 5px;
  margin-bottom: 0;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  #wrapper-footer-full ul li {
    padding-left: 15px;
    margin-left: 15px;
    font-size: 15px;
  }
}

#wrapper-footer-full ul li:before {
  content: "|";
  display: block;
  position: absolute;
  left: 0;
}

#wrapper-footer-full ul li:first-child {
  padding-left: 0;
}

#wrapper-footer-full ul li:first-child:before {
  content: none;
}

#wrapper-footer-full ul li a {
  text-transform: none;
  color: #b5b5b5;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}

#wrapper-footer-full ul li a:hover {
  color: #fff;
}

/** BACK TO TOP */

#back_to_top {
  color: #ff9e1b;
  height: auto;
  position: fixed;
  bottom: 65px;
  margin: 0;
  z-index: 99;
  transition: all 0.3s ease 0s;
  right: 25px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#back_to_top.off {
  opacity: 0;
  filter: alpha(opacity=0);
  right: 25px;
}

#back_to_top.on {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  right: 25px;
}

#back_to_top .hover {
  display: none;
}

#back_to_top > span {
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-decoration: none;
  border-radius: 52px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  border: 2px solid #ff9e1b;
  background: transparent;
  display: block;
  text-align: center;
}

#back_to_top span i,
#back_to_top span span {
  font-size: 22px;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  color: #ff9e1b;
  line-height: 52px;
}

#back_to_top:hover > span {
  background-color: #ff9e1b;
}

#back_to_top:hover > span i {
  color: #fff;
}

/** BEGIN Cookie Notice for GDPR */

#cookie-notice {
  background-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  margin: 1.5em;
  min-width: initial;
  position: fixed;
  width: 38em;
  z-index: 1000;
}

#cookie-notice .cookie-notice-container {
  box-sizing: border-box;
  padding: 1.5em;
}

#cookie-notice #cn-notice-text {
  color: black;
  display: block;
  text-align: justify;
}

#cookie-notice .cn-button {
  background: none;
  background-color: #ff9e1b;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: white;
  display: block;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 1em 0 0 0;
  opacity: 0.85;
  padding: 0.75em 1em;
  text-shadow: none;
  text-transform: uppercase;
}

#cookie-notice .cn-button:hover {
  opacity: 1;
  transition: all 1s ease;
}

#cookie-notice .cookie-notice-revoke-container {
  text-align: initial;
}

#cookie-notice .cn-revoke-cookie.cn-button {
  display: inline-block;
  margin: 0;
}

@media (max-width: 38em) {
  #cookie-notice {
    margin: 0;
    width: 100%;
  }
}

/** END Cookie Notice for GDPR */

/** BARRA SUPERIOR WEB (IDIOMAS Y DATOS EMPRESA) */

.top-bar {
  color: #333f48;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .top-bar {
    background: #ff9e1b;
    padding: 10px 0;
  }
}

.top-bar .wpml-ls-legacy-list-horizontal {
  padding: 0;
}

.top-bar .wpml-ls-legacy-list-horizontal ul {
  justify-content: flex-end;
}

.top-bar .wpml-ls-legacy-list-horizontal ul li {
  border-right: 1px solid #333f48;
  padding: 0 !important;
  margin: 0 !important;
}

.top-bar .wpml-ls-legacy-list-horizontal ul li:last-child {
  border: 0;
}

.top-bar .wpml-ls-legacy-list-horizontal ul li a {
  color: #333f48 !important;
  padding: 0 5px;
  text-decoration: none;
}

.top-bar .wpml-ls-legacy-list-horizontal ul li a:hover {
  color: #fff !important;
}

.top-bar .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
  color: #ff9e1b !important;
}

@media screen and (min-width: 768px) {
  .top-bar .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
    color: white !important;
  }
}

.top-bar .top-menu {
  display: none;
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .top-bar .top-menu {
    display: block;
    text-align: left;
  }
  .top-bar .top-menu .row {
    align-items: center;
  }

  .top-bar .top-menu ul {
    display: flex;
    margin-bottom: 0;
  }

  .top-bar .top-menu ul li {
    margin-right: 20px;
  }
}

.top-bar .top-menu a {
  text-decoration: none;
}

.top-bar .top-menu a:hover {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .top-bar .menu-top-button {
    display: none;
  }
}

.top-bar .menu-top-button i {
  font-size: 30px;
  color: #ff9e1b;
}

/** LOGO WEB */

.custom-logo-link img {
  width: 200px;
}

@media screen and (min-width: 768px) {
  .custom-logo-link img {
    width: 258px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .custom-logo-link img {
    width: 258px;
  }
}

/** MENU PRINCIPAL */

@media screen and (min-width: 1200px) {
  .navbar-nav > li:hover > .dropdown-menu {
    display: block;
  }
}

.navbar {
  position: relative;
  z-index: 9;
}

@media screen and (min-width: 1200px) {
  .navbar {
    padding: 10px 0;
  }
}

.navbar .nav-link {
  font-size: 14px;
  color: #333f48;
}

.navbar .navbar-toggler {
  cursor: pointer;
  padding: 0;
  border: 0;
  margin-top: 15px;
}

.navbar .navbar-toggler span {
  right: 15px;
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #ff9e1b;
  position: absolute;
  display: block;
  content: "";
  transition: all 500ms ease-in-out;
}

.navbar .navbar-toggler span:before,
.navbar .navbar-toggler span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #ff9e1b;
  position: absolute;
  display: block;
  content: "";
  transition: all 500ms ease-in-out;
}

.navbar .navbar-toggler span:before {
  top: -8px;
}

.navbar .navbar-toggler span:after {
  bottom: -8px;
}

.navbar .navbar-toggler.active span {
  background: transparent;
}

.navbar .navbar-toggler.active span:before,
.navbar .navbar-toggler.active span:after {
  top: 0;
}

.navbar .navbar-toggler.active span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar .navbar-toggler.active span:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navbar .dropdown-menu {
  border-radius: 0;
  background: none;
  border: 0;
  padding: 0;
}

.navbar .dropdown-menu li {
  border: 0 !important;
  padding: 0;
}

.navbar .dropdown-menu li a {
  text-transform: none !important;
  font-weight: normal;
  font-size: 14px;
  padding: 0 20px 10px;
  font-weight: 500 !important;
}

@media screen and (min-width: 1200px) {
  .navbar .dropdown-menu {
    border: 0;
    border-radius: 0;
    padding: 0;
    top: 49px;
    width: 100%;
    min-width: 270px;
  }

  .navbar .dropdown-menu li {
    padding: 0;
  }

  .navbar .dropdown-menu li a {
    padding: 10px !important;
    color: #fff !important;
    background: rgba(255, 165, 0, 0.9);
    font-weight: 600 !important;
  }

  .navbar .dropdown-menu li a:focus,
  .navbar .dropdown-menu li a:hover {
    background: #ff9e1b;
    color: #333f48 !important;
  }

  .navbar .dropdown-menu li.current-menu-ancestor a,
  .navbar .dropdown-menu li.current_page_parent a,
  .navbar .dropdown-menu li.current-menu-item a {
    background: #ff9e1b;
    color: #333f48 !important;
  }
}

@media screen and (max-width: 1199px) {
  .navbar .nav-item .dropdown-toggle::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    font-size: 18px;
    color: #90989d;
    border: 0;
    position: absolute;
    right: 25px;
  }

  .navbar .nav-item.show .dropdown-toggle::after {
    content: "\f106";
  }
}

.navbar .navbar-collapse {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .navbar .navbar-collapse {
    margin-top: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    z-index: 99;
    width: 100%;
    top: 82px;
    left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .navbar .navbar-collapse {
    top: 82px;
  }
}

@media screen and (max-width: 767px) {
  .navbar .navbar-collapse {
    top: 58px;
  }
}

.navbar .navbar-collapse ul li {
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px) {
  .navbar .navbar-collapse ul li {
    border: 0;
  }
}

.navbar .navbar-collapse ul li a {
  color: #333f48;
  padding: 15px 0.7rem;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  font-size: 14px;
}

.navbar .navbar-collapse ul li a:hover {
  color: #ff9e1b;
}

.navbar .navbar-collapse ul li.current-menu-ancestor a,
.navbar .navbar-collapse ul li.current_page_parent a,
.navbar .navbar-collapse ul li.current-menu-item a {
  color: #ff9e1b;
}

@media screen and (max-width: 767px) {
  .navbar .navbar-collapse ul li .dropdown-menu li.current-menu-ancestor a,
  .navbar .navbar-collapse ul li .dropdown-menu li.current_page_parent a,
  .navbar .navbar-collapse ul li .dropdown-menu li.current-menu-item a {
    color: #ff9e1b;
  }

  .navbar .navbar-collapse ul li .dropdown-menu li a {
    color: #333f48;
  }
}

/** MENU PORTADA VERSION TABLET Y DESKTOP */

@media screen and (min-width: 768px) {
  .home .custom-logo-link img.custom-logo-white {
    background: url("img/logo_metaga_blancos.svg");
    width: 300px;
    height: 0;
    padding: 0 0 25px 0;
    background-repeat: no-repeat;
  }

  .home .custom-logo-link::before {
    /*this for firefox browser*/
    background: url("img/logo_metaga_blancos.svg");
    background-repeat: no-repeat;
    content: "";
    width: 258px;
    height: 58px;
    margin-bottom: -58px;
    position: relative;
    display: block;
  }

  .home.header {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
  }

  .home .header .top-bar {
    border-bottom: 1px solid rgba(255, 165, 0, 0.5);
    background: transparent;
    padding-bottom: 10px;
  }

  .home .header .top-bar .top-menu {
    color: white;
  }
  .home .header .top-bar .top-menu .row {
    align-items: center;
  }

  .home .header .top-bar .top-menu a {
    color: #fff;
  }

  .home .header .top-bar .top-menu a:hover {
    color: #ff9e1b;
  }

  .home .header .top-bar .wpml-ls-legacy-list-horizontal {
    padding: 0;
  }

  .home .header .top-bar .wpml-ls-legacy-list-horizontal ul {
    justify-content: flex-end;
  }

  .home .header .top-bar .wpml-ls-legacy-list-horizontal ul li {
    border-right: 1px solid #ff9e1b;
    padding: 0 !important;
    margin: 0 !important;
  }

  .home .header .top-bar .wpml-ls-legacy-list-horizontal ul li:last-child {
    border: 0;
  }

  .home .header .top-bar .wpml-ls-legacy-list-horizontal ul li a {
    color: #ff9e1b !important;
    padding: 0 5px;
    text-decoration: none;
  }

  .home .header .top-bar .wpml-ls-legacy-list-horizontal ul li a:hover {
    color: #fff !important;
  }

  .home
    .header
    .top-bar
    .wpml-ls-legacy-list-horizontal
    ul
    li.wpml-ls-current-language
    a {
    color: #ff9e1b !important;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .home
    .header
    .top-bar
    .wpml-ls-legacy-list-horizontal
    ul
    li.wpml-ls-current-language
    a {
    color: white !important;
  }
}

@media screen and (min-width: 768px) {
  .home .header.sticky .top-bar {
    background: #ff9e1b !important;
  }

  .home .header.sticky .top-bar .top-menu {
    color: #333f48 !important;
  }

  .home .header.sticky .top-bar .wpml-ls-legacy-list-horizontal ul li {
    border-color: #333f48 !important;
  }

  .home .header.sticky .top-bar .wpml-ls-legacy-list-horizontal ul li a {
    color: #333f48 !important;
  }

  .home
    .header.sticky
    .top-bar
    .wpml-ls-legacy-list-horizontal
    ul
    li.wpml-ls-current-language
    a {
    color: white !important;
  }
}

@media screen and (min-width: 992px) {
  .page-template-home {
    /*
		.custom-logo-link{


			img{
				background: url("img/logo_metaga_blancos.svg");
				width: 258px;
				height: 0;
				padding: 0 0 58px 0;
				background-repeat: no-repeat;
			}

		}
		*/
  }

  .home .header {
    border-bottom: 1px solid rgba(255, 165, 0, 0.5);
    background: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
  }

  .home .header .navbar ul li a {
    color: white;
  }

  .home .top-bar {
    border-bottom: 1px solid rgba(255, 165, 0, 0.5);
    background: transparent;
  }

  .home .top-bar .top-menu {
    color: white;
  }

  .home .top-bar .wpml-ls-legacy-list-horizontal {
    padding: 0;
  }

  .home .top-bar .wpml-ls-legacy-list-horizontal ul {
    justify-content: flex-end;
  }

  .home .top-bar .wpml-ls-legacy-list-horizontal ul li {
    border-right: 1px solid #ff9e1b;
    padding: 0 !important;
    margin: 0 !important;
  }

  .home .top-bar .wpml-ls-legacy-list-horizontal ul li:last-child {
    border: 0;
  }

  .home .top-bar .wpml-ls-legacy-list-horizontal ul li a {
    color: #ff9e1b !important;
    padding: 0 5px;
    text-decoration: none;
  }

  .home .top-bar .wpml-ls-legacy-list-horizontal ul li a:hover {
    color: #fff !important;
  }

  .home
    .top-bar
    .wpml-ls-legacy-list-horizontal
    ul
    li.wpml-ls-current-language
    a {
    color: #ff9e1b !important;
  }
}

@media screen and (min-width: 1200px) and (min-width: 768px) {
  .home
    .top-bar
    .wpml-ls-legacy-list-horizontal
    ul
    li.wpml-ls-current-language
    a {
    color: white !important;
  }
}

/** MENU STICKY */

.sticky {
  position: fixed !important;
  z-index: 99;
  top: 0;
  background: white !important;
  border-bottom: 1px solid #ff9e1b;
  width: 100%;
  -webkit-animation: slide-down 1s;
  animation: slide-down 1s;
}

@media screen and (min-width: 1200px) {
  .sticky {
    background: rgba(255, 255, 255, 0.8) !important;
  }
}

.sticky .custom-logo-link img {
  /*content: url("img/logo_metaga_positivo.svg") !important;
            width: 200px;*/
  background: url("img/logo_metaga_positivo.svg") !important;
  width: 175px;
  height: 0;
  padding: 0 0 39px 0;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1200px) {
  .sticky .custom-logo-link img {
    width: 175px;
  }
}

.sticky .custom-logo-link::before {
  display: none;
}

.sticky .navbar {
  padding-top: 0;
}

@media screen and (min-width: 1200px) {
  .sticky .navbar {
    padding: 0;
  }
}

.sticky .navbar .nav-link {
  color: #333f48 !important;
}

.sticky .navbar .navbar-collapse ul li.current-menu-item a.nav-link {
  color: #ff9e1b !important;
}

.sticky
  .navbar
  .navbar-collapse
  ul
  li.current-menu-parent
  ul
  li.current-menu-item
  a.nav-link {
  color: #333f48 !important;
}

@media screen and (min-width: 768px) {
  .sticky .navbar .navbar-collapse {
    top: 58px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .sticky .navbar .navbar-collapse {
    margin-top: 25px;
  }
}

.sticky .dropdown-menu {
  top: auto;
}

@media screen and (min-width: 768px) {
  .sticky .top-bar {
    background: #ff9e1b !important;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .sticky .top-bar {
    display: none;
  }
}

@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/** CABECERAS */

.banner {
  /*
	background: linear-gradient(355deg, white 24.9%, rgba(34,44,51,.85) 25%),url("img/bg_home_intro@2x.jpg");
	background-size: cover;
	*/
  background-size: cover;
  margin: 0;
  min-height: 200px;
  padding: 30px 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .banner {
    min-height: 400px;
    padding-top: 0;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .banner {
    padding-bottom: 120px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 2100px) {
  .banner {
    min-height: 600px;
  }
}

.banner:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  padding-top: 10%;
  background: #fff;
  background: linear-gradient(to left top, #fff 50%, transparent 50.5%);
}

.banner h1 {
  margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
  .banner h1 {
    font-size: 41px;
    margin-bottom: 20px;
  }
}

.banner p {
  color: #bdbdbd;
}

@media screen and (min-width: 1200px) {
  .banner p {
    font-size: 19px;
    line-height: 24px;
  }
}

.banner p strong {
  color: #ff9e1b;
  font-style: italic;
  font-weight: 800;
}

@media screen and (min-width: 768px) {
  .banner p strong {
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .banner p strong {
    font-size: 22px;
    line-height: 30px;
  }
}

.portada h4 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 30px;
}

.portada p {
  line-height: normal;
}

@media screen and (min-width: 1200px) {
  .portada p {
    font-size: 19px;
  }
}

.destacado-top {
  background: url("img/banner_header_home.jpg");
  background-size: cover;
  min-height: 450px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /*
    a {
        margin: 80px 0 0;
        width: auto;
        text-transform: uppercase;
        color: $amarillo !important;
        max-width: 200px;
        padding: 15px 10px;

        &:hover {
            background: $amarillo;
            color: #fff !important;
        }

        i {
            color: #fff;
            border: 2px solid $amarillo;
            border-radius: 100%;
            padding: 0px;
            font-size: 10px;
            width: 25px;
            height: 25px;
            line-height: 23px;
            position: relative;
            top: -3px;
            margin-right: 5px;
            text-align: center;
        }
    }
    */
}

@media screen and (min-width: 768px) {
  .destacado-top {
    min-height: 600px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .destacado-top {
    min-height: 700px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 2100px) {
  .destacado-top {
    min-height: 800px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .destacado-top h1 {
    max-width: 70%;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 1200px) {
  .destacado-top h1 {
    font-size: 41px;
  }
}

.destacado-top .elementor-button {
  font-size: 22px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  background: none !important;
  border-radius: 0 !important;
  color: #ff9e1b;
  border: 2px solid #ff9e1b;
  padding: 15px 30px !important;
  margin-top: 60px;
}

.destacado-top .elementor-button:hover {
  color: #ff9e1b !important;
}

/** DESTACADO MEJOR ALIADO */

.destacado-mejor-aliado {
  background: linear-gradient(
      to bottom,
      rgba(255, 158, 27, 0.85) 0%,
      rgba(255, 158, 27, 0.85) 57.5%,
      white 58%,
      white 100%
    ),
    url("img/bg_home_intro.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 20px 0;
  min-height: 370px;
}

@media screen and (min-width: 365px) {
  .destacado-mejor-aliado {
    background: linear-gradient(
        to bottom,
        rgba(255, 158, 27, 0.85) 0%,
        rgba(255, 158, 27, 0.85) 51.5%,
        white 52%,
        white 100%
      ),
      url("img/bg_home_intro.jpg");
  }
}

@media screen and (min-width: 365px) and (min-width: 395px) {
  .destacado-mejor-aliado {
    background: linear-gradient(
        to bottom,
        rgba(255, 158, 27, 0.85) 0%,
        rgba(255, 158, 27, 0.85) 44.5%,
        white 45%,
        white 100%
      ),
      url("img/bg_home_intro.jpg");
  }
}

@media screen and (min-width: 365px) and (min-width: 395px) and (min-width: 500px) {
  .destacado-mejor-aliado {
    background: linear-gradient(
        to bottom,
        rgba(255, 158, 27, 0.85) 0%,
        rgba(255, 158, 27, 0.85) 38.5%,
        white 39%,
        white 100%
      ),
      url("img/bg_home_intro.jpg");
  }
}

@media screen and (min-width: 365px) and (min-width: 395px) and (min-width: 500px) and (min-width: 768px) {
  .destacado-mejor-aliado {
    padding: 50px 0;
    min-height: 470px;
    background: linear-gradient(
        355deg,
        white 24.5%,
        rgba(255, 165, 0, 0.85) 24.6%
      ),
      url("img/bg_home_intro.jpg");
    background: moz-linear-gradient(
        355deg,
        white 24.5%,
        rgba(255, 165, 0, 0.85) 25%
      ),
      url("img/bg_home_intro.jpg");
    background-position: center;
    background-size: cover;
  }
}

@media screen and (min-width: 365px) and (min-width: 395px) and (min-width: 500px) and (min-width: 768px) and (min-width: 1000px) {
  .destacado-mejor-aliado {
    min-height: 400px;
  }
}

@media screen and (min-width: 365px) and (min-width: 395px) and (min-width: 500px) and (min-width: 768px) and (min-width: 1000px) and (min-width: 1200px) {
  .destacado-mejor-aliado {
    min-height: 600px;
  }
}

@media screen and (min-width: 365px) and (min-width: 395px) and (min-width: 500px) and (min-width: 768px) and (min-width: 1000px) and (min-width: 1200px) and (min-width: 2100px) {
  .destacado-mejor-aliado {
    min-height: 700px;
  }
}

.destacado-mejor-aliado p {
  color: #fff;
  text-align: left;
  font-style: italic;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .destacado-mejor-aliado p {
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .destacado-mejor-aliado p {
    font-size: 19px;
    padding: 3% 10%;
  }
}

.destacado-mejor-aliado h2 {
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
  margin: 30px 0 20px;
}

@media screen and (min-width: 768px) {
  .destacado-mejor-aliado h2 {
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .destacado-mejor-aliado h2 {
    margin: 20px auto 200px;
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .destacado-mejor-aliado h2 {
    font-size: 26px;
  }
}

.destacado-mejor-aliado h2::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  max-width: 800px;
  height: 10px;
  margin: 20px auto 0;
}

@media screen and (min-width: 768px) {
  .destacado-mejor-aliado h2::after {
    margin: 30px auto;
  }
}

/** METODO METAGA */

@media screen and (min-width: 768px) {
  .metodo-metaga {
    margin-top: -120px;
    margin-bottom: -80px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .metodo-metaga {
    margin-top: -120px;
    margin-bottom: -50px;
  }
}

@media screen and (max-width: 767px) {
  .metodo-metaga {
    padding-bottom: 20px;
  }
}

.metodo-metaga img {
  position: relative;
  /*
		@media screen and (min-width: 768px) {
			@media screen and (min-width: 1200px) {
				top: -100px;
				margin-bottom: -100px;
			}
		}
		*/
}

@media screen and (max-width: 767px) {
  .metodo-metaga h4 {
    font-size: 26px;
  }
}

.metodo-metaga h4::before {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 100px;
  height: 10px;
  margin: 20px 0 10px;
}

@media screen and (min-width: 768px) {
  .metodo-metaga h4::before {
    margin: 30px 0;
  }
}

.metodo-metaga a.boton {
  color: #333f48;
  margin-top: 40px;
}

@media screen and (min-width: 1200px) {
  .metodo-metaga p {
    font-size: 19px;
  }
}

/** PROCESOS INDUSTRIALES */

.procesos-portada .top {
  background: linear-gradient(
      rgba(255, 255, 255, 0.88) 0%,
      rgba(255, 255, 255, 0.88) 100%
    ),
    url("img/bg_home_intro.jpg");
  background-position: bottom;
  background-size: 100%;
  padding: 20px 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .procesos-portada .top {
    padding: 150px 0 80px;
    background: linear-gradient(
        176deg,
        white 24.5%,
        rgba(255, 255, 255, 0.88) 24.6%
      ),
      url("img/bg_home_intro.jpg");
    background: moz-linear-gradient(
        176deg,
        white 24.5%,
        rgba(255, 255, 255, 0.88) 25%
      ),
      url("img/bg_home_intro.jpg");
    background-position: center;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .procesos-portada .top {
    padding: 150px 0;
    top: -100px;
    margin-bottom: -100px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 2100px) {
  .procesos-portada .top {
    padding: 200px 0;
  }
}

.procesos-portada .top p {
  text-align: left;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .procesos-portada .top p {
    text-align: center;
    font-size: 19px;
  }
}

.procesos-portada .top h4 {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .procesos-portada .top h4 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .procesos-portada .top h4 {
    font-size: 26px;
  }
}

.procesos-portada .top h4::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 100px;
  height: 10px;
  margin: 20px 0;
}

@media screen and (min-width: 769px) {
  .procesos-portada .top h4::after {
    margin: 30px auto;
  }
}

.procesos-portada .procesos-listado a {
  text-decoration: none;
}

.procesos-portada .procesos-listado .proceso.proceso-fr {
  max-height: 470px;
  overflow: hidden;
}

@media screen and (min-width: 1921px) {
  .procesos-portada .procesos-listado .proceso.proceso-fr a img {
    width: 100% !important;
    height: auto;
  }
}

.procesos-portada .procesos-listado .proceso .texto {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 165, 0, 0.85);
  cursor: pointer;
  padding: 20px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

@media screen and (min-width: 768px) {
  .procesos-portada .procesos-listado .proceso .texto {
    padding: 20%;
  }
}

.procesos-portada .procesos-listado .proceso .texto img,
.procesos-portada .procesos-listado .proceso .texto h5 {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 800;
  display: block;
  text-align: center;
  color: #333f48;
  font-size: 1rem;
  margin-top: 25px;
}

@media screen and (min-width: 580px) {
  .procesos-portada .procesos-listado .proceso .texto img,
  .procesos-portada .procesos-listado .proceso .texto h5 {
    font-size: 19px;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) and (min-width: 1280px) {
  .procesos-portada .procesos-listado .proceso .texto img,
  .procesos-portada .procesos-listado .proceso .texto h5 {
    font-size: 17px;
  }
}

.procesos-portada .procesos-listado .proceso .texto img a,
.procesos-portada .procesos-listado .proceso .texto h5 a {
  color: #333f48;
  text-decoration: none;
}

.procesos-portada .procesos-listado .proceso .texto img {
  height: 50px;
  width: auto;
}

@media screen and (min-width: 580px) {
  .procesos-portada .procesos-listado .proceso .texto img {
    height: 130px;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) {
  .procesos-portada .procesos-listado .proceso .texto img {
    height: 70px;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) and (min-width: 1024px) {
  .procesos-portada .procesos-listado .proceso .texto img {
    height: 100px;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) and (min-width: 1024px) and (min-width: 1280px) {
  .procesos-portada .procesos-listado .proceso .texto img {
    height: 118px;
  }
}

@media screen and (max-width: 991px) {
  .procesos-portada .procesos-listado div:nth-of-type(2n) .proceso .texto {
    border-right: 0 !important;
  }
}

@media screen and (min-width: 992px) {
  .procesos-portada .procesos-listado div:nth-of-type(4n) .proceso .texto {
    border-right: 0 !important;
  }

  .procesos-portada
    .procesos-listado
    div:nth-of-type(3n)
    .proceso.proceso-fr
    .texto {
    border-right: 0 !important;
  }

  .procesos-portada
    .procesos-listado
    div:nth-of-type(4n)
    .proceso.proceso-fr
    .texto {
    border-right: 1px solid #fff !important;
  }
}

/** SERVICIOS */

.servicios-portada {
  background: url("img/bg_home_servicios_tecnologia_equipos.jpg");
  background-position: top;
  background-size: cover;
  color: #fff;
  padding: 40px 0;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .servicios-portada {
    background-size: 100%;
  }
}

.servicios-portada a {
  text-decoration: none;
}

.servicios-portada h4 {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .servicios-portada h4 {
    margin-top: 20px;
    font-size: 26px;
  }
}

.servicios-portada img {
  border-bottom: 5px solid #ff9e1b;
}

.servicios-portada a.boton {
  padding: 12px 16px 14px;
  margin-top: 40px;
  font-size: 19px;
}

.servicios-portada a.boton:hover {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .servicios-portada .servicio {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .servicios-portada .servicio a.boton {
    float: left;
  }
}

.servicios-portada .tecnologia {
  margin-top: 20px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .servicios-portada .tecnologia {
    text-align: right;
  }

  .servicios-portada .tecnologia a.boton {
    float: right;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .servicios-portada .tecnologia {
    margin-top: 0;
  }
}

.servicios-portada .tecnologia img {
  position: relative;
  text-align: left;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .servicios-portada .tecnologia img {
    top: -50px;
  }
}

/** CLIENTES */

.clientes-portada {
  padding-top: 20px;
}

@media screen and (min-width: 768px) {
  .clientes-portada {
    padding: 40px 0;
  }
}

@media screen and (max-width: 767px) {
  .clientes-portada h4 {
    font-size: 26px;
  }
}

.clientes-portada h4::before {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 100px;
  height: 10px;
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  .clientes-portada h4::before {
    margin: 30px 0;
  }
}

.clientes-portada .carousel {
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .clientes-portada .carousel {
    margin-top: 40px;
    margin-bottom: 0;
    width: 100%;
  }
}

.clientes-portada .carousel .carousel-control-next,
.clientes-portada .carousel .carousel-control-prev {
  cursor: pointer;
  width: auto;
  opacity: 1;
}

.clientes-portada .carousel .carousel-control-next i,
.clientes-portada .carousel .carousel-control-prev i {
  color: #e7e7e7;
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  .clientes-portada .carousel .carousel-item img {
    padding: 0 30px;
  }
}

@media screen and (min-width: 1200px) {
  .clientes-portada .carousel .carousel-control-next {
    right: -10px;
  }

  .clientes-portada .carousel .carousel-control-prev {
    left: -10px;
  }
}

/** BANNER TECNOLOGIA */

.banner-tecnologia {
  background: linear-gradient(
      0,
      rgba(255, 165, 0, 0.85) 0%,
      rgba(255, 165, 0, 0.85) 100%
    ),
    url("img/bg_home_cta.jpg");
  background-size: cover;
  background-position: center;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .banner-tecnologia {
    padding-top: 100px;
    min-height: 400px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .banner-tecnologia {
    background-size: 100%;
    padding: 100px 0 50px;
    min-height: 550px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 2100px) {
  .banner-tecnologia {
    min-height: 650px;
  }
}

@media screen and (min-width: 768px) {
  .banner-tecnologia:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 10%;
    background: #fff;
    background: linear-gradient(to right bottom, #fff 50%, transparent 50.5%);
  }
}

.banner-tecnologia .titulo-tecnologia {
  color: #fff;
  font-weight: 800;
  font-size: 26px;
  line-height: normal;
}

@media screen and (min-width: 768px) {
  .banner-tecnologia .titulo-tecnologia {
    font-size: 26px;
    line-height: 36px;
    margin: auto;
    max-width: 640px;
  }
}

.banner-tecnologia .titulo-tecnologia span {
  color: #333f48;
}

.banner-tecnologia .boton {
  margin-top: 40px;
  font-weight: 800;
}

@media screen and (min-width: 768px) {
  .banner-tecnologia .boton {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1200px) {
  .page-template-noticias .banner {
    padding-top: 80px;
    padding-bottom: 120px;
    min-height: auto;
  }
}

.noticias-listado {
  margin-bottom: 50px;
}

.noticias-listado .wp-post-image {
  border-bottom: 6px solid #ff9e1b;
}

.noticias-listado h2.entry-title {
  display: block;
  margin: 20px 0;
  font-style: italic;
  font-size: 20px;
}

@media screen and (min-width: 1200px) {
  .noticias-listado h2.entry-title {
    font-size: 29px;
  }
}

.noticias-listado h2.entry-title a {
  text-decoration: none;
  color: #333f48;
}

.noticias-listado h2.entry-title a:hover {
  color: #ff9e1b;
}

.noticias-listado .boton {
  color: #333f48;
  padding: 10px;
  width: 200px;
  margin: 40px 0 50px;
  padding: 12px 16px 14px;
  font-size: 19px;
}

@media screen and (max-width: 639px) {
  .noticias-listado .boton {
    display: block;
    width: 100%;
    margin: 10px auto 30px;
  }
}

.noticias-listado p {
  color: #303e48;
}

.noticia {
  margin-bottom: 50px;
}

.noticia .wp-post-image {
  border-bottom: 8px solid #ff9e1b;
  width: 100%;
}

.noticia h1 {
  margin: 20px 0;
  color: #333f48;
  font-weight: 800;
  font-size: 28px;
}

@media screen and (min-width: 1200px) {
  .noticia h1 {
    font-size: 38px;
  }
}

.noticia .entry-meta {
  color: #90989d;
  font-style: italic;
  margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
  .noticia .entry-meta {
    font-size: 20px;
    margin-bottom: 50px;
  }
}

.noticia p {
  color: #303e48;
}

.procesos-portada-interior {
  margin-bottom: 50px;
}

.procesos-portada-interior .proceso {
  position: relative;
  margin-bottom: 20px;
}

.procesos-portada-interior .proceso .texto img {
  height: 70px !important;
  width: auto;
}

@media screen and (min-width: 580px) {
  .procesos-portada-interior .proceso .texto img {
    height: 70px !important;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) {
  .procesos-portada-interior .proceso .texto img {
    height: 70px !important;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) and (min-width: 1024px) {
  .procesos-portada-interior .proceso .texto img {
    height: 70px !important;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) and (min-width: 1024px) and (min-width: 1280px) {
  .procesos-portada-interior .proceso .texto img {
    height: 70px !important;
  }
}

.proceso-interior .texto {
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .proceso-interior .texto {
    -webkit-columns: 2;
    columns: 2;
  }
}

.proceso-interior .texto p {
  color: #303e48;
}

.proceso-interior .galeria {
  margin-bottom: 80px;
}

.proceso-interior .galeria img {
  border-bottom: 8px solid #ff9e1b;
}

.proceso-interior .procesos-implicados {
  margin-top: 40px;
}

@media screen and (min-width: 1200px) {
  .proceso-interior .procesos-implicados {
    padding: 0 5%;
  }
}

.proceso-interior .procesos-implicados ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  position: relative;
  margin: 20px auto 20px;
}

@media screen and (min-width: 1200px) {
  .proceso-interior .procesos-implicados ul {
    margin: 80px auto 40px;
  }
}

.proceso-interior .procesos-implicados ul li {
  color: #90989d;
  position: relative;
  flex-basis: 100%;
  text-align: center;
  max-width: 50%;
  margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
  .proceso-interior .procesos-implicados ul li {
    max-width: 25%;
  }
}

.proceso-interior .procesos-implicados ul li .icono-img {
  height: 100px;
  margin: auto;
}

@media screen and (min-width: 1200px) {
  .proceso-interior .procesos-implicados ul li .icono-img {
    height: 100px;
  }
}

.proceso-interior .procesos-implicados ul li .icono-img img {
  max-width: 100px;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .proceso-interior .procesos-implicados ul li .icono-img img {
    max-width: 100px;
  }
}

.proceso-interior .procesos-implicados ul li span {
  display: block;
  line-height: normal;
  margin-top: 0;
}

@media screen and (min-width: 1200px) {
  .proceso-interior .procesos-implicados ul li span {
    font-size: 17px;
    line-height: 22px;
  }
}

.proceso-interior .procesos-implicados .boton {
  padding: 10px;
  margin-top: 40px;
  font-weight: 800;
}

@media screen and (min-width: 768px) {
  .proceso-interior .procesos-implicados .boton {
    margin-top: 100px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .proceso-interior .procesos-implicados .boton {
    font-size: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .postid-56 .procesos-implicados ul li {
    max-width: 20% !important;
  }
}

/** CATEGORIAS **/

.categorias .titulo-seccion {
  background: #333f48;
  padding: 10px;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .categorias .titulo-seccion {
    padding: 20px;
  }
}

.categorias .titulo-seccion span {
  color: #ff9e1b;
  font-weight: 800;
  font-style: italic;
  font-size: 18px;
  line-height: normal;
}

@media screen and (min-width: 768px) {
  .categorias .titulo-seccion span {
    font-size: 22px;
  }
}

.categorias .titulo-seccion h1 {
  font-size: 26px;
}

@media screen and (min-width: 1024px) {
  .categorias .titulo-seccion h1 {
    font-size: 41px;
  }
}

.categorias .banner-categoria {
  margin-bottom: 0;
}

.categorias .banner-categoria h2 {
  font-style: italic;
  font-size: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .categorias .banner-categoria h2 {
    margin-top: 50px;
  }
}

.categorias .banner-categoria h2::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 100px;
  height: 10px;
  margin: 30px auto;
}

.categorias .banner-categoria p {
  color: #90989d;
  line-height: normal;
  text-align: center;
}

.categorias .info-producto {
  background-image: url("img/bg_home_intro.jpg");
  background-size: cover;
  border-bottom: 1px solid #fff;
}

.categorias .info-producto .caracteristicas-categoria {
  margin: 0;
  background: linear-gradient(
    0,
    rgba(51, 63, 72, 0.85) 0%,
    rgba(51, 63, 72, 0.85) 100%
  );
  padding: 50px 0 50px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .categorias .info-producto .caracteristicas-categoria {
    padding-top: 150px;
  }
}

@media screen and (min-width: 768px) and (min-width: 2100px) {
  .categorias .info-producto .caracteristicas-categoria {
    padding-top: 250px;
  }
}

.categorias .info-producto .caracteristicas-categoria:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 10%;
  background: #fff;
  background: linear-gradient(to right bottom, #fff 50%, transparent 50.1%);
  background: moz-linear-gradient(to right bottom, #fff 50%, transparent 50.5%);
}

.categorias .info-producto .caracteristicas-categoria ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  position: relative;
  /*
					top: 150px;
					margin-bottom: -150px;
					*/
  padding-top: 0;
}

.categorias .info-producto .caracteristicas-categoria ul li {
  text-align: center;
  padding-top: 0;
  position: relative;
  width: 100%;
  padding: 40px 20px;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .categorias .info-producto .caracteristicas-categoria ul li {
    width: 50%;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .categorias .info-producto .caracteristicas-categoria ul li {
    width: 33.33%;
  }
}

.categorias .info-producto .caracteristicas-categoria ul li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  color: white;
  border: 2px solid #ff9e1b;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: block;
  top: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.categorias .info-producto .descripcion-categoria {
  background: linear-gradient(
    0,
    rgba(255, 165, 0, 0.85) 0%,
    rgba(255, 165, 0, 0.85) 100%
  );
  display: flex;
  align-items: center;
  position: relative;
  padding: 50px 0 50px;
}

@media screen and (min-width: 768px) {
  .categorias .info-producto .descripcion-categoria {
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .categorias .info-producto .descripcion-categoria {
    padding-bottom: 150px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 2100px) {
  .categorias .info-producto .descripcion-categoria {
    padding-bottom: 200px;
  }
}

.categorias .info-producto .descripcion-categoria:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  padding-top: 10%;
  background: #fff;
  background: linear-gradient(to left top, #fff 50%, transparent 50.1%);
  background: moz-linear-gradient(to left top, #fff 50%, transparent 50.5%);
}

@media screen and (min-width: 1024px) {
  .categorias .info-producto .descripcion-categoria .container .texto {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

.categorias .info-producto .descripcion-categoria .container p {
  color: #fff;
  line-height: normal;
}

.categorias .productos ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  position: relative;
  padding-top: 0;
}

.categorias .productos ul li {
  text-align: center;
  padding-top: 0;
  position: relative;
  padding: 40px 20px;
}

@media screen and (min-width: 768px) {
  .categorias .productos ul li {
    width: 33.333%;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .categorias .productos ul li {
    width: 25%;
  }
}

.categorias .productos ul li h5 {
  color: #333f48;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 16px;
}

.categorias .productos ul li h5 a {
  color: #333f48;
  text-decoration: none;
}

/** PRODUCTOS **/

.producto .titulo-interior-productos {
  text-align: center;
  color: #333f48;
  font-weight: 900;
  font-size: 24px;
  display: block;
  margin: 0 auto 40px;
}

@media screen and (min-width: 768px) {
  .producto .titulo-interior-productos {
    font-size: 32px;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .producto .titulo-interior-productos {
    margin: 40 auto;
    font-size: 41px;
    line-height: 39px;
  }
}

.producto .titulo-interior-productos.amarillo {
  color: #ff9e1b;
}

@media screen and (min-width: 768px) {
  .producto .banner-categoria p {
    text-align: left;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .producto .banner-categoria p {
    /*margin-top: 50px;*/
  }
}

.producto .banner-categoria .no-seleccionadoras .titulo-caracteristicas {
  text-align: left;
  margin-bottom: 20px;
  font-weight: bold;
  font-weight: 900;
  font-size: 24px;
}

.producto .banner-categoria .no-seleccionadoras p {
  color: #333f48;
  text-align: left;
}

.producto .boton {
  margin: 50px auto !important;
}

.producto .destacado-producto {
  margin-bottom: 40px;
}

@media screen and (min-width: 1200px) {
  .producto .destacado-producto {
    width: 65%;
    margin: auto;
    margin-bottom: 60px;
  }
}

.producto .destacado-producto::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 150px;
  height: 10px;
  margin: 30px auto;
}

.producto .destacado-producto p {
  color: #90989d;
  line-height: normal;
  text-align: center;
  font-weight: 600;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .producto .destacado-producto p {
    font-size: 21px;
  }
}

.galeria-imagenes {
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  .galeria-imagenes {
    margin: 40px 0;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .galeria-imagenes {
    margin: 60px 0;
  }
}

.page-id-226
  .categorias
  .info-producto
  .descripcion-categoria
  .container
  .texto {
  -webkit-columns: 1 !important;
  columns: 1 !important;
  text-align: center;
  min-height: 60px;
}

.servicios .row {
  margin-bottom: 50px;
}

.servicios .row:last-child {
  /* margin-bottom: 0;*/
}

@media screen and (min-width: 768px) {
  .servicios .row:nth-of-type(2n) .texto {
    text-align: right;
  }

  .servicios .row:nth-of-type(2n) .texto .icono {
    float: right;
    display: block;
  }

  .servicios .row:nth-of-type(2n) .texto .boton {
    float: right;
  }

  .servicios .row:nth-of-type(2n) .texto h3 {
    float: right;
  }

  .servicios .row:nth-of-type(2n) .texto h3::after {
    right: 0;
    position: absolute;
  }
}

@media screen and (min-width: 768px) and (min-width: 1800px) {
  .servicios .row .texto {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 20%;
  }

  .servicios .row:nth-of-type(2n) .texto {
    text-align: right;
    padding-right: 0;
    padding-left: 20%;
  }
}

.servicios .row .img-servicio {
  border-bottom: 8px solid #ff9e1b;
}

@media screen and (min-width: 768px) {
  .servicios .row .img-servicio {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
}

.servicios .row .texto h3 {
  position: relative;
  display: table;
  font-weight: 800;
  margin-bottom: 60px;
}

@media screen and (min-width: 1200px) {
  .servicios .row .texto h3 {
    font-size: 32px;
  }
}

.servicios .row .texto h3::after {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 70px;
  height: 10px;
  margin: 20px 0;
  position: absolute;
}

.servicios .row .texto .icono {
  display: block;
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  .servicios .row .texto .icono {
    margin: 20px 0;
  }
}

.servicios .row .texto p {
  color: #323e48;
}

.servicios .row .texto p strong {
  color: #90989d;
}

@media screen and (min-width: 1200px) {
  .servicios .row .texto p strong {
    font-size: 19px;
    line-height: 25px;
    color: #90989d;
  }
}

.servicios .row .boton {
  margin: 40px 0 0;
  color: #333f48;
}

@media screen and (max-width: 767px) {
  .servicios .row .boton {
    margin: 20px auto 45px;
    padding: 12px 16px 14px;
  }
}

@media screen and (max-width: 767px) and (max-width: 1200px) {
  .servicios .row .boton {
    font-size: 19px;
  }
}

.tecnologia-equipos .titulo-seccion {
  background: #333f48;
  padding: 10px;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .tecnologia-equipos .titulo-seccion {
    padding: 20px;
  }
}

.tecnologia-equipos .titulo-seccion h1 {
  font-size: 26px;
}

@media screen and (min-width: 1024px) {
  .tecnologia-equipos .titulo-seccion h1 {
    font-size: 41px;
  }
}

.tecnologia-equipos .tecnologia-productos {
  margin-bottom: 60px;
}

.tecnologia-equipos .tecnologia-productos p {
  text-align: left;
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .tecnologia-equipos .tecnologia-productos p {
    text-align: center;
    font-size: 19px;
  }
}

.tecnologia-equipos .tecnologia-productos h4 {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .tecnologia-equipos .tecnologia-productos h4 {
    font-size: 26px;
  }
}

.tecnologia-equipos .tecnologia-productos h4::before {
  display: block;
  content: " ";
  background: #ff9e1b;
  width: 100px;
  height: 10px;
  margin: 20px auto;
}

@media screen and (min-width: 769px) {
  .tecnologia-equipos .tecnologia-productos h4::before {
    margin: 30px auto;
  }
}

.tecnologia-equipos .tecnologia-productos ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  position: relative;
  padding-top: 0;
}

.tecnologia-equipos .tecnologia-productos ul li {
  text-align: center;
  padding-top: 0;
  position: relative;
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  cursor: pointer;
  max-width: 47%;
}

@media screen and (max-width: 1023px) {
  .tecnologia-equipos .tecnologia-productos ul li {
    max-width: 48%;
    margin: 0 0 4% 4%;
  }

  .tecnologia-equipos .tecnologia-productos ul li:nth-of-type(1),
  .tecnologia-equipos .tecnologia-productos ul li:nth-of-type(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
  .tecnologia-equipos .tecnologia-productos ul li {
    margin: 0 0 2.5% 2.5%;
    max-width: 23%;
  }

  .tecnologia-equipos .tecnologia-productos ul li:nth-of-type(1) {
    margin-left: 0;
  }
}

.tecnologia-equipos .tecnologia-productos ul li .texto {
  color: #fff;
  position: absolute;
  padding: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 165, 0, 0.85);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tecnologia-equipos .tecnologia-productos ul li .texto img,
.tecnologia-equipos .tecnologia-productos ul li .texto h5 {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 800;
  display: block;
  text-align: center;
  color: #333f48;
  font-size: 1rem;
}

@media screen and (min-width: 580px) {
  .tecnologia-equipos .tecnologia-productos ul li .texto img,
  .tecnologia-equipos .tecnologia-productos ul li .texto h5 {
    font-size: 19px;
  }
}

.tecnologia-equipos .tecnologia-productos ul li .texto img a,
.tecnologia-equipos .tecnologia-productos ul li .texto h5 a {
  color: #333f48;
  text-decoration: none;
}

.tecnologia-equipos .tecnologia-productos ul li .texto img {
  height: 50px;
  width: auto;
}

@media screen and (min-width: 580px) {
  .tecnologia-equipos .tecnologia-productos ul li .texto img {
    height: 130px;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) {
  .tecnologia-equipos .tecnologia-productos ul li .texto img {
    height: 70px;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) and (min-width: 1024px) {
  .tecnologia-equipos .tecnologia-productos ul li .texto img {
    height: 100px;
  }
}

@media screen and (min-width: 580px) and (min-width: 992px) and (min-width: 1024px) and (min-width: 1280px) {
  .tecnologia-equipos .tecnologia-productos ul li .texto img {
    height: 130px;
  }
}

/*# sourceMappingURL=style.css.map */

.home .navbar .nav-link {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .home .header {
    z-index: 9;
    position: relative;
    background: white;
  }
  .home .navbar .nav-link {
    color: black;
  }
}
@media screen and (min-width: 768px) {
  .home
    #mega-menu-wrap-primary
    #mega-menu-primary
    > li.mega-menu-item
    > a.mega-menu-link {
    color: #fff !important;
  }
}