@charset "UTF-8";
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "MADE TOMMY";
  src: url("../fonts/MADETOMMY-Bold.woff2") format("woff2"),
    url("../fonts/MADETOMMY-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MADE TOMMY";
  src: url("../fonts/MADETOMMY-Medium.woff2") format("woff2"),
    url("../fonts/MADETOMMY-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MADE TOMMY";
  src: url("../fonts/MADETOMMY.woff2") format("woff2"),
    url("../fonts/MADETOMMY.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Oblique.woff2") format("woff2"),
    url("../fonts/Helvetica-Oblique.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-BoldOblique.woff2") format("woff2"),
    url("../fonts/Helvetica-BoldOblique.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Bold.woff2") format("woff2"),
    url("../fonts/Helvetica-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.woff2") format("woff2"),
    url("../fonts/Helvetica.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

a,
select,
button,
input,
textarea {
  outline: none;
}

.trans,
.menucab,
.menucab ul li a,
.botonhablemos,
.boton1,
.boton1 .titulo,
.boton1 .flechita,
.boton2,
.boton2 .titulo,
.boton2 .flechita,
.boton3,
.boton3 .titulo,
.boton3 .flechita,
.boton4,
.boton4 .titulo,
.boton4 .flechita,
.boton5,
.boton5 .titulo,
.boton5 .flechita,
.boton6,
.boton6 .titulo,
.boton6 .flechita,
.boton7,
.boton7 .titulo,
.boton7 .flechita,
.boton8,
.boton8 .titulo,
.boton8 .flechita,
.home8 img,
.redes ul li a,
.redes .pad a,
.carousel3 .item img,
.grilla a,
.filtro input[type="submit"],
.filtro input[type="button"],
.clienteslogos img,
.detalle .path a,
.contacto input[type="button"],
.servicios2 h3,
.servicios2 .mas,
.datos2 a {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica";
  color: #000;
}

.clear {
  clear: both;
}

h1,
h2,
h3,
h4,
p,
ul,
li {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a,
a:hover {
  text-decoration: none;
  outline: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

header {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 45px;
  z-index: 9999;
}

.negro {
  background-color: #000;
}

.negro #nav-icon1 span {
  background: #fff !important;
}

.negro #nav-icon1 {
  border: solid 1px #fff;
}

.negro2 {
  background: black;
  background: linear-gradient(180deg, black 0%, white 100%);
}

.negro2 #nav-icon1 span {
  background: #fff !important;
}

.negro2 #nav-icon1 {
  border: solid 1px #fff;
}

.negro2 .google {
  filter: grayscale(1) invert(1);
}

.negro3 {
  background: black;
  background: linear-gradient(180deg, black 0%, white 62%);
}

.negro3 #nav-icon1 span {
  background: #fff !important;
}

.negro3 #nav-icon1 {
  border: solid 1px #fff;
}

.negro3 .google {
  filter: grayscale(1) invert(1);
}

.blanco header img {
  filter: grayscale(1) invert(1);
}

.blanco #nav-icon1 span {
  background: #000 !important;
}

.verde {
  background-color: #76bb20;
}

.verde #nav-icon1 {
  border: solid 1px #fff;
}

.fondocontacto {
  background: #76bb20;
  background: linear-gradient(180deg, #76bb20 0%, white 70%);
}

.fondocontacto #nav-icon1 span {
  background: #fff !important;
}

.fondocontacto #nav-icon1 {
  border: solid 1px #fff;
}

.fondocontacto .google {
  filter: grayscale(1) invert(1);
}

.fondoservicios #nav-icon1 span {
  background: #fff !important;
}

.fondoservicios #nav-icon1 {
  border: solid 1px #fff;
}

.fondoservicios .google {
  filter: grayscale(1) invert(1);
}

.fondoservicios2 {
  background: #76bb20;
  background: linear-gradient(180deg, #76bb20 86%, #d1e8b4 100%);
}

.fondoservicios3 {
  background: #d1e8b4;
  background: linear-gradient(180deg, #d1e8b4 0%, white 100%);
}

.home1 {
  position: absolute;
  top: 90px;
  width: 100%;
  z-index: 9;
  padding: 45px 0 45px 0;
  background-color: #000;
}

.home1 .col-md-6 {
  padding: 0;
  margin: 0;
}

.home1 .fotohome1 {
  max-width: 90%;
}

.activemenu {
  top: 0 !important;
}

.menucab {
  position: fixed;
  top: -145%;
  width: 100%;
  height: 100%;
  background-color: #76bb20;
  z-index: 99;
}

.menucab ul {
  padding-top: 145px !important;
  padding: 45px;
  padding-bottom: 20px; /*li:last-child{padding-top:20px;}*/
}

.menucab ul li a {
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  font-size: 70px;
  line-height: 70px;
}

.menucab ul li a:hover {
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: #000;
  padding-left: 15px;
}

.iconomobile {
  position: absolute;
  top: 22px;
  right: 20px;
  z-index: 99999999999;
}

.botonhablemos {
  position: absolute;
  top: 30px;
  right: 81px;
  z-index: 99999999999;
  border-radius: 33px;
  border: solid 1px #000;
  padding: 10px 20px 10px 20px;
  color: #000;
  font-weight: bold;
}

.botonhablemos:hover {
  color: #fff;
  padding: 10px 26px 10px 26px;
  background-color: #000;
}

.verde .botonhablemos {
  border: solid 1px #fff;
  color: #fff;
}

.verde .botonhablemos:hover {
  border: solid 1px #000;
}

.fondoservicios .botonhablemos {
  border: solid 1px #fff;
  color: #fff;
}

.fondoservicios .botonhablemos:hover {
  border: solid 1px #000;
}

.fondocontacto .botonhablemos {
  border: solid 1px #fff;
  color: #fff;
}

.fondocontacto .botonhablemos:hover {
  border: solid 1px #000;
}

.negro .botonhablemos,
.negro2 .botonhablemos,
.negro3 .botonhablemos {
  border: solid 1px #fff;
  color: #fff;
}

.negro .botonhablemos:hover,
.negro2 .botonhablemos:hover,
.negro3 .botonhablemos:hover {
  border: solid 1px #fff;
  background-color: #fff;
  color: #000;
}

.sbd {
  position: fixed;
  top: 41%;
  right: 0;
  width: 62px;
  z-index: 999999;
}

.boton1 .titulo {
  font-family: "MADE TOMMY";
  background-color: #fff;
  border-radius: 20px;
  padding: 10px 20px 10px 20px;
  color: #000;
  font-size: 15px;
}

.boton1 .flechita {
  color: #000;
  background-color: #fff;
  border-radius: 45px;
  padding: 10px 12px 10px 12px;
  margin-top: 20px;
}

.boton1:hover .titulo {
  padding-right: 33px;
  background-color: #76bb20;
  color: #fff;
}

.boton1:hover .flechita {
  background-color: #76bb20;
  color: #fff;
}

.boton2 {
  float: right;
}

.boton2 .titulo {
  font-family: "MADE TOMMY";
  background-color: transparent;
  border-radius: 20px;
  border: solid 1px #fff;
  padding: 10px 20px 10px 20px;
  color: #fff;
  font-size: 15px;
}

.boton2 .flechita {
  color: #fff;
  background-color: transparent;
  border-radius: 45px;
  border: solid 1px #fff;
  padding: 10px 12px 10px 12px;
  margin-top: 20px;
}

.boton2:hover .titulo {
  font-family: "MADE TOMMY";
  padding-right: 33px;
  background-color: #fff;
  color: #76bb20;
}

.boton2:hover .flechita {
  background-color: #fff;
  color: #76bb20;
}

.boton3 {
  float: right;
  margin-top: 15px;
}

.boton3 .titulo {
  font-family: "MADE TOMMY";
  background-color: #fff;
  border-radius: 20px;
  padding: 10px 20px 10px 20px;
  color: #000;
  font-size: 15px;
}

.boton3 .flechita {
  color: #000;
  background-color: #fff;
  border-radius: 45px;
  padding: 10px 15px 10px 15px;
  margin-top: 20px;
}

.boton3:hover .titulo {
  font-family: "MADE TOMMY";
  padding-right: 33px;
  background-color: #76bb20;
  color: #fff;
}

.boton3:hover .flechita {
  background-color: #76bb20;
  color: #fff;
}

.boton4 {
  float: right;
  margin-top: 15px;
}

.boton4 .titulo {
  font-family: "MADE TOMMY";
  background-color: #000;
  border-radius: 20px;
  padding: 10px 20px 10px 20px;
  color: #fff;
  font-size: 15px;
}

.boton4 .flechita {
  color: #fff;
  background-color: #000;
  border-radius: 45px;
  padding: 10px 15px 10px 15px;
  margin-top: 20px;
}

.boton4:hover .titulo {
  font-family: "MADE TOMMY";
  padding-right: 33px;
  background-color: #76bb20;
  color: #fff;
}

.boton4:hover .flechita {
  background-color: #76bb20;
  color: #fff;
}

.boton5 {
  margin-top: 15px;
}

.boton5 .titulo {
  font-family: "MADE TOMMY";
  background-color: #fff;
  border-radius: 20px;
  border: solid 1px #000;
  padding: 10px 20px 10px 20px;
  color: #000;
  font-size: 15px;
}

.boton5 .flechita {
  color: #000;
  background-color: #fff;
  border-radius: 45px;
  padding: 10px 15px 10px 15px;
  border: solid 1px #000;
  margin-top: 20px;
}

.boton5:hover .titulo {
  padding-right: 33px;
  background-color: #76bb20;
  border: solid 1px #76bb20;
  color: #fff;
}

.boton5:hover .flechita {
  background-color: #76bb20;
  color: #fff;
  border: solid 1px #76bb20;
}

.boton6 {
  margin-top: 15px;
}

.boton6 .titulo {
  font-family: "MADE TOMMY";
  background-color: #fff;
  border-radius: 20px;
  border: solid 1px #fff;
  padding: 10px 20px 10px 20px;
  color: #000;
  font-size: 15px;
}

.boton6 .flechita {
  color: #000;
  background-color: #fff;
  border-radius: 45px;
  padding: 10px 15px 10px 15px;
  border: solid 1px #fff;
  margin-top: 20px;
}

.boton6:hover .titulo {
  padding-right: 33px;
  background-color: #76bb20;
  border: solid 1px #76bb20;
  color: #fff;
}

.boton6:hover .flechita {
  background-color: #76bb20;
  color: #fff;
  border: solid 1px #76bb20;
}

.boton7 {
  margin-top: 15px;
}

.boton7 .titulo {
  font-family: "MADE TOMMY";
  background-color: #000;
  border-radius: 20px;
  border: solid 1px #000;
  padding: 10px 20px 10px 20px;
  color: #fff;
  font-size: 15px;
}

.boton7 .flechita {
  color: #fff;
  background-color: #000;
  border-radius: 45px;
  padding: 10px 15px 10px 15px;
  border: solid 1px #000;
  margin-top: 20px;
}

.boton7:hover .titulo {
  padding-right: 33px;
  background-color: #76bb20;
  border: solid 1px #76bb20;
  color: #fff;
}

.boton7:hover .flechita {
  background-color: #76bb20;
  color: #fff;
  border: solid 1px #76bb20;
}

.boton8 {
  float: right;
  margin-top: 33px;
}

.boton8 .titulo {
  font-family: "MADE TOMMY";
  background-color: transparent;
  border: solid 2px #000;
  border-radius: 20px;
  padding: 10px 20px 10px 20px;
  color: #000;
  font-size: 15px;
}

.boton8 .flechita {
  color: #000;
  background-color: transparent;
  border-radius: 45px;
  border: solid 2px #000;
  padding: 9px 15px 9px 15px;
  margin-top: 20px;
}

.boton8:hover .titulo {
  font-family: "MADE TOMMY";
  padding-right: 33px;
  background-color: #000;
  color: #fff;
}

.boton8:hover .flechita {
  background-color: #000;
  color: #fff;
}

.home3 {
  padding: 45px 0 45px 0;
}

.home4 .container-fluid {
  max-width: 1200px;
}

.home4 .foto1 {
  margin-top: 45px;
  max-width: 500px;
  margin-bottom: 45px;
  float: right;
}

.home5 h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 900;
  font-family: "MADE TOMMY";
}

.home5 p {
  color: #000;
  font-size: 22px;
  max-width: 600px;
  line-height: 26px;
  padding-top: 15px;
  padding-right: 120px;
}

.home5 .container {
  max-width: 1200px;
}

.home5 strong {
  font-style: italic;
  padding-top: 14px;
  display: block;
}

.home6 {
  padding-bottom: 45px;
}

.home6 h2 {
  color: #000;
  font-size: 45px;
  margin-bottom: 33px;
  font-weight: 900;
  font-family: "MADE TOMMY";
}

.home6 p {
  color: #000;
  font-size: 22px;
  line-height: 26px;
}

.home6 .container {
  max-width: 1200px;
}

.home6 strong {
  font-style: italic;
  padding-top: 6px;
  display: block;
}

.home6 .carousel1 {
  padding-top: 45px;
}

.home7 {
  background-color: #fff;
}

.home7 .banner1 {
  max-width: 90%;
  margin-bottom: 20px;
}

.home7 .container {
  max-width: 1200px;
}

.home8 {
  padding-bottom: 45px;
  background-color: #fff;
  padding-top: 45px;
}

.home8 h2 {
  color: #000;
  font-size: 45px;
  margin-bottom: 33px;
  font-weight: 900;
  font-family: "MADE TOMMY";
}

.home8 p {
  color: #000;
  font-size: 22px;
  line-height: 26px;
}

.home8 img {
  filter: grayscale(1);
  opacity: 0.8;
}

.home8 img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.home8 .container {
  max-width: 1200px;
}

.redes {
  background-color: #fff;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.redes img {
  height: 20px;
}

.redes ul {
  text-align: right;
}

.redes ul li {
  display: inline-block;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  vertical-align: top;
  width: 13.7%;
}

.redes ul li a {
  display: block;
  padding: 76px 33px 76px 33px;
  text-align: center;
}

.redes ul li a:hover {
  opacity: 0.8;
}

.redes .pad {
  padding-top: 45px;
  padding-left: 45px;
}

.redes .pad h2 {
  font-size: 20px;
  font-family: "MADE TOMMY";
}

.redes .pad a {
  font-family: "MADE TOMMY";
  font-weight: 900;
  line-height: 45px;
  font-size: 45px;
  color: #000;
}

.redes .pad a:hover {
  color: #76bb20;
}

footer {
  background-color: #fff;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 45px;
  padding-bottom: 45px;
}

footer .pad {
  padding-left: 45px;
}

footer .pad h2 {
  font-size: 16px;
  font-weight: bold;
  font-family: "MADE TOMMY";
}

footer .pad img {
  margin-bottom: 12px;
}

footer h2 {
  font-family: "MADE TOMMY";
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 6px;
}

footer p {
  font-family: "MADE TOMMY";
  font-weight: 100;
  font-size: 14px;
  padding-right: 33px;
  line-height: 18px;
  padding-bottom: 15px;
}

footer a {
  color: #000;
  line-height: 26px;
}

footer a:hover {
  color: #000;
}

footer .sellos img {
  margin-left: 15px;
}

footer .col3 {
  padding-left: 20px;
}

footer .col3 img {
  vertical-align: top;
  margin-top: 4px;
}

.fondo1 {
  background: black;
  background: linear-gradient(180deg, black 81%, #1a2809 100%);
  padding-bottom: 45px;
}

.fondo2 {
  background: #1a2809;
  background: linear-gradient(180deg, #1a2809 0%, #5e9b25 100%);
  min-height: 300px;
}

.fondo3 {
  background: #5e9b25;
  background: linear-gradient(180deg, #5e9b25 0%, #a5d15e 100%);
  min-height: 300px;
}

.fondo4 {
  background: #a5d15e;
  background: linear-gradient(180deg, #a5d15e 0%, #daedbe 100%);
}

.fondo5 {
  background: #daedbe;
  background: linear-gradient(180deg, #daedbe 0%, white 100%);
}

.carousel3 {
  padding-top: 45px;
  min-height: 470px;
}

.carousel3 img {
  width: 100%;
}

.carousel3 .item {
  padding: 0 6px 0 6px;
}

.carousel3 .item p {
  display: none;
  padding-right: 0;
}

.carousel3 .item strong {
  padding: 0;
}

.carousel3 .item:hover img {
  transform: scale(1.4);
}

.carousel3 .item:hover p {
  display: block;
  width: 100%;
  padding: 0;
  padding-top: 51px;
}

.carousel3 .slick-list {
  padding: 45px 0 45px 0;
}

.casos {
  padding-bottom: 70px;
  padding-top: 145px;
  padding-left: 45px;
}

.casos .foto {
  max-width: 561px;
  margin-bottom: 20px;
  display: block;
}

.casos h2 {
  max-width: 450px;
}

.casos h2 span {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.casos .col-md-6 p {
  font-size: 20px;
  padding-top: 15px;
}

.grilla {
  margin-top: 45px;
  margin-bottom: 45px;
}

.grilla .pad {
  position: relative;
}

.grilla a {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(139, 184, 55, 0.9);
  opacity: 0;
}

.grilla a:hover {
  opacity: 1;
}

.grilla .foto {
  width: 100%;
}

.grilla .datos {
  position: absolute;
  bottom: 12px;
  left: 15px;
}

.grilla h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-family: "MADE TOMMY";
  text-transform: uppercase;
}

.grilla h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.grilla .row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.2);
  padding-left: calc(var(--bs-gutter-x) * 0.2);
}

.grilla .col-md-4 {
  margin-bottom: 12px;
}

.filtro label {
  display: block;
  font-family: "MADE TOMMY";
  font-size: 25px;
  font-weight: 700;
}

.filtro select {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 10px;
  color: #000;
  border: none;
  width: 100%;
  background-image: url(../img/KASER_flecha.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  font-size: 14px;
  appearance: none;
  background-position: 94%;
}

.filtro input[type="submit"],
.filtro input[type="button"] {
  background-color: #000;
  font-size: 18px;
  color: #fff;
  font-family: "MADE TOMMY";
  padding: 7px 15px 7px 15px;
  border: none;
  border-radius: 15px;
  font-weight: 700;
  margin-top: 37px;
}

.filtro input[type="submit"]:hover,
.filtro input[type="button"]:hover {
  background-color: #76bb20;
}

.filtro .col-md-4 {
  width: 31.6%;
}

.clientes {
  padding-bottom: 70px;
  padding-top: 145px;
  padding-left: 45px;
}

.clientes .foto {
  max-width: 600px;
  margin-bottom: 20px;
  display: block;
}

.clientes p {
  max-width: 400px;
  padding-top: 20px;
  font-size: 20px;
}

.clienteslogos {
  padding-bottom: 45px;
}

.clienteslogos img {
  width: 145px;
  filter: grayscale(1);
}

.clienteslogos img:hover {
  filter: grayscale(0);
  transform: scale(1.2);
}

.detalle {
  padding-top: 145px;
  max-width: 95%;
  margin: auto;
  padding-bottom: 45px;
  color: #fff;
}

.detalle .path {
  margin-bottom: 45px;
}

.detalle .path a {
  color: #fff;
}

.detalle .path a:hover {
  opacity: 0.8;
}

.detalle h2 {
  font-family: "MADE TOMMY";
  color: #000;
  font-size: 33px;
  font-weight: 700;
}

.detalle h3 {
  font-family: "MADE TOMMY";
  color: #fff;
  font-size: 51px;
  font-weight: 700;
}

.detalle h4 {
  font-family: "MADE TOMMY";
  color: #fff;
  border-bottom: solid 1px #fff;
  padding-bottom: 6px;
  margin-bottom: 20px;
  font-size: 33px;
  font-weight: 700;
}

.detalle .col-md-8 p {
  text-align: left !important;
  font-family: "Helvetica" !important;
}

.contacto {
  padding-right: 45px;
  padding-left: 45px;
  padding-bottom: 90px;
}

.contacto h3 {
  font-family: "MADE TOMMY";
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 20px;
}

.contacto input[type="text"],
.contacto input[type="email"],
.contacto textarea {
  border: none;
  border-bottom: solid 1px #000;
  padding: 15px 15px 15px 0;
  margin-bottom: 20px;
  width: 100%;
  background-color: transparent;
}

.contacto input[type="button"] {
  border: none;
  background-color: #000;
  color: #fff;
  border-radius: 33px;
  width: 145px;
  padding: 12px;
  float: right;
}

.contacto input[type="button"]:hover {
  background-color: #76bb20;
}

.contacto input::placeholder,
.contacto textarea::placeholder {
  color: #000;
  opacity: 1;
}

.testimonial {
  padding-bottom: 70px;
  padding-top: 145px;
  padding-left: 45px;
}

.testimonial .foto {
  max-width: 576px;
  margin-bottom: 20px;
  display: block;
}

.testimonial h2 {
  max-width: 450px;
  color: #fff;
  padding-top: 62px;
  font-size: 20px;
}

.testimonial h2 span {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.comentario {
  padding-left: 45px;
  padding-bottom: 45px;
}

.comentario p {
  font-size: 33px;
  margin-right: 20px;
  color: #fff;
  float: left;
}

.comentario a {
  float: left;
}

.testimonialgrilla {
  padding-left: 45px;
  padding-bottom: 45px;
}

.testimonialgrilla .row {
  margin-bottom: 45px;
}

.testimonialgrilla h2 {
  color: #fff;
  font-size: 33px;
  font-family: "MADE TOMMY";
}

.testimonialgrilla h3 {
  color: #fff;
  font-size: 20px;
  padding-bottom: 12px;
}

.testimonialgrilla p {
  color: #fff;
  font-weight: bold;
  padding-top: 12px;
}

.testimonialgrilla iframe {
  width: 100%;
  height: 450px;
}

.testimonialgrilla .item1 h2,
.testimonialgrilla .item1 h3,
.testimonialgrilla .item1 p {
  color: #76bb20;
}

.testimonialgrilla .item2 h2,
.testimonialgrilla .item2 h3,
.testimonialgrilla .item2 p {
  text-align: right;
}

.testimonialgrilla .item2 iframe {
  float: right;
  clear: both;
}

.distinciones {
  padding-bottom: 70px;
  padding-top: 145px;
  padding-left: 45px;
}

.distinciones .foto {
  max-width: 600px;
  margin-bottom: 20px;
  display: block;
}

.distinciones h2 {
  max-width: 450px;
  color: #fff;
  font-size: 20px;
}

.distinciones h2 span {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.distinciongrilla {
  padding-left: 45px;
  padding-bottom: 45px;
}

.distinciongrilla .row {
  margin-bottom: 45px;
}

.distinciongrilla h2 {
  color: #fff;
  font-size: 33px;
  font-family: "MADE TOMMY";
}

.distinciongrilla h3 {
  color: #fff;
  font-size: 20px;
  padding-bottom: 12px;
}

.distinciongrilla p {
  color: #fff;
  font-weight: bold;
  padding-top: 12px;
}

.distinciongrilla img {
  width: 100%;
  max-width: 800px;
  margin-bottom: 20px;
}

.distinciongrilla .item1 h2,
.distinciongrilla .item1 h3,
.distinciongrilla .item1 p {
  color: #fff;
}

.distinciongrilla .item2 h2,
.distinciongrilla .item2 h3,
.distinciongrilla .item2 p {
  color: #000;
}

.distinciongrilla .alignright h2,
.distinciongrilla .alignright h3,
.distinciongrilla .alignright p {
  text-align: right;
}

.distinciongrilla .alignright iframe {
  float: right;
  clear: both;
}

.distinciongrilla .alignright img {
  float: right;
}

.distinciongrilla .boton6 {
  margin-top: 33px;
  display: block;
}

.menufooter {
  background-color: #fff;
  padding-left: 33px;
  padding-right: 45px;
  padding-top: 12px;
  padding-bottom: 15px;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.menufooter ul li {
  display: inline-block;
  padding-right: 12px;
}

.menufooter ul li a {
  color: #000;
  font-family: "MADE TOMMY";
  font-size: 14px;
}

.menufooter .idiomas {
  text-align: right;
}

.menufooter .idiomas a {
  color: rgba(0, 0, 0, 0.4);
  font-family: "MADE TOMMY";
  font-size: 14px;
}

.menufooter .idiomas .active {
  color: #000;
}

.gif img {
  width: 450px;
  display: block;
  margin: auto;
}

.nosotrosfoto img {
  margin-left: 51px;
}

.home2 h2 {
  color: #fff;
  font-size: 51px;
  font-family: "MADE TOMMY";
  margin-bottom: 20px;
  font-weight: 700;
}

.home2 i {
  margin-top: 20px;
}

.home2 .container {
  max-width: 1200px;
}

.home1 p {
  max-width: 545px;
  color: #fff;
  padding-top: 0;
  font-size: 20px;
  padding-left: 20px;
}

.home1 p span {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.home1 .google {
  margin-left: 60px;
}

.lugar {
  position: relative;
}

.lugar h2 {
  position: absolute;
  top: 45px;
  left: 120px;
  color: #000;
  font-family: "MADE TOMMY";
  font-size: 70px;
  line-height: 70px;
  font-weight: 700;
  z-index: 99999;
}

.lugar h2 span {
  display: block;
}

.staff {
  background-color: #fff;
  padding: 45px 0 45px 45px;
}

.staff h2 {
  font-family: "MADE TOMMY";
  font-weight: 700;
  font-size: 45px;
  padding-left: 15px;
}

.staff p {
  max-width: 500px;
}

.staff .boton4 {
  float: left;
  margin-top: 81px;
  margin-left: 15px;
}

.staff .carouselstaff {
  padding-top: 30px;
  cursor: all-scroll;
}

.staff .carouselstaff .item {
  margin: 15px;
}

.staff .carouselstaff img {
  width: 100%;
}

.staff .carouselstaff h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 4px;
}

.staff .carouselstaff h4 {
  font-size: 20px;
}

.staff .carouselstaff .slick-list {
  padding-left: 0px !important;
}

.staff .container-fluid {
  padding-right: 0;
}

.staff .row {
  --bs-gutter-x: 0;
}

.arriba {
  position: fixed;
  left: 12px;
  bottom: 45px;
  color: #000;
  cursor: pointer;
  z-index: 9999;
  display: none;
}

.arriba .texto {
  writing-mode: vertical-lr;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  font-size: 14px;
}

.arriba .flechita {
  position: absolute;
  top: -28px;
  left: 6px;
}

.abajo {
  position: fixed;
  left: 12px;
  bottom: 45px;
  color: #fff;
  cursor: pointer;
  z-index: 9999;
}

.abajo .texto {
  writing-mode: vertical-lr;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  font-size: 14px;
}

.abajo .flechita {
  position: absolute;
  top: -28px;
  left: 6px;
}

.servicios {
  padding-bottom: 70px;
  padding-top: 145px;
  padding-left: 45px;
}

.servicios .foto {
  max-width: 600px;
  margin-bottom: 20px;
  display: block;
}

.servicios h2 {
  max-width: 450px;
}

.servicios h2 span {
  display: block;
  font-weight: bold;
  font-style: italic;
}

.servicios p {
  color: #fff;
  max-width: 500px;
  font-size: 20px;
  padding-top: 6px;
}

.servicios .texto {
  font-style: italic;
  padding-top: 120px;
}

.serviciostexto .line-mask {
  background-color: #76bb20;
}

.otros {
  padding: 45px 0 45px 0;
}

.otros h2 {
  font-size: 45px;
  font-weight: bold;
  font-family: "MADE TOMMY";
  margin-bottom: 15px;
}

.otros p {
  font-size: 22px;
}

.otros h3 {
  font-size: 33px;
  margin-top: 45px;
  margin-bottom: 33px;
}

.otros .boton4 {
  float: left;
  margin-bottom: 45px;
}

.otros2 {
  padding: 45px 0 0px 0;
}

.otros2 h2 {
  font-size: 33px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
}

.otros2 p {
  font-size: 21px;
  line-height: 25px;
  padding-right: 136px;
}

.otros2 h3 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 45px;
  margin-bottom: 20px;
}

.otros2 .boton4 {
  display: block;
  float: none;
  margin-bottom: 30px;
}

.otros2 .boton4 .titulo {
  background-color: transparent;
  border: solid 1px #000;
  color: #000;
}

.otros2 .boton4 .flechita {
  display: none;
}

.otros2 .boton4:hover .titulo {
  background-color: #000;
  color: #fff;
}

.otros2 .boton4:hover .flechita {
  display: inline;
  background-color: #000;
  padding: 6px 15px 10px 15px;
}

.otros2 .container-fluid {
  padding: 0 33px 0 62px;
}

.servicios2 {
  padding: 45px 0 45px 0;
}

.servicios2 h3 {
  color: #fff;
  font-size: 52px;
  line-height: 52px;
  font-family: "MADE TOMMY";
  padding: 33px 0 33px 0;
  border-bottom: solid 1px #fff;
  position: relative;
}

.servicios2 h3 span {
  display: block;
}

.servicios2 h3:hover {
  cursor: pointer;
  color: #000;
}

.servicios2 h3:hover .mas {
  transform: rotate(360deg);
  color: #000;
}

.servicios2 .texto {
  padding: 33px 33px 90px 51%;
  border-bottom: solid 1px #fff;
}

.servicios2 .textoblanco {
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  padding-bottom: 20px;
}

.servicios2 .textonegro {
  padding-top: 20px;
  font-size: 18px;
}

.servicios2 .mas {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 90px;
  color: #fff;
  font-weight: normal;
}

.servicios2 .mas1 {
  top: 45px !important;
}

.metodo .container {
  max-width: 1200px;
}

.metodo .container h2 {
  font-size: 51px;
  font-family: "MADE TOMMY";
  padding-top: 45px;
  color: #fff;
  font-weight: 700;
  line-height: 51px;
  margin-bottom: 20px;
}

.metodo .container h2 span {
  display: block;
}

.metodo .container p {
  font-size: 28px;
  max-width: 745px;
  line-height: 36px;
  color: #fff;
}

.datos2 {
  padding: 45px 0 45px 0;
}

.datos2 .container-fluid {
  padding: 0 45px 0 45px;
}

.datos2 h2 {
  font-size: 25px;
  line-height: 33px;
  margin-top: 20px;
  font-weight: bold;
}

.datos2 h2 span {
  display: block;
}

.datos2 a {
  color: #000;
}

.datos2 a:hover {
  opacity: 0.8px;
}

.titulocontacto span {
  display: block;
}

.titulocontacto strong {
  font-weight: bold;
  font-style: italic;
}

.mundo h2 {
  color: #fff;
  font-weight: 600;
  font-size: 33px;
}

.mundo .texto {
  font-size: 16px;
  padding-top: 12px;
  font-weight: 400;
}

.mundo .texto span {
  display: block;
}

.mundo .carousel3 {
  padding-top: 0 !important;
  min-height: inherit;
}

.mundo .negro1 {
  color: #000 !important;
}

.mundo .container-fluid {
  padding: 0 33px 0 62px;
}

.split-lines {
  display: block;
  color: #fff;
  font-size: 28px;
  line-height: 36px;
}

.line {
  position: relative;
}

.line-mask {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  opacity: 0.65;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.custom-cursor {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: difference;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: white;
  transition: transform 350ms ease;
  transform: translate(-50%, -50%) scale(0.3);
  z-index: 1000;
}

.custom-cursor--link {
  transform: translate(-50%, -50%) scale(1);
}

.block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 80vh;
  min-height: 300px;
}

.block--black {
  background-color: black;
  color: white;
}

.block--white {
  background-color: white;
  color: black;
}

.block__title,
.block__link {
  color: currentColor;
}

.block__title {
  margin-bottom: 1em;
  font-size: 4rem;
  font-weight: 300;
  text-align: center;
}

.block__link {
  padding: 0.5em;
  text-decoration: none;
  transition: letter-spacing 200ms ease;
}

.block__link:hover {
  letter-spacing: 0.1em;
}

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 49px;
  height: 45px;
  border: solid 1px #000;
  position: relative;
  margin: 9px 0 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  border: solid 1px #000;
  border-radius: 45px;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 1px;
  width: 33px;
  background: #fff;
  border-radius: 16px;
  opacity: 1;
  left: 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 12px;
}

#nav-icon1 span:nth-child(2) {
  top: 22px;
}

#nav-icon1 span:nth-child(3) {
  top: 32px;
}

#nav-icon1.open span:nth-child(1) {
  top: 22px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 22px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.iconowhatsapp {
  position: fixed;
  right: 31px;
  bottom: 31px;
  z-index: 999999;
}

.iconowhatsapp2 {
  position: fixed;
  right: 81px;
  bottom: 31px;
  z-index: 999999;
}

.ticker .item,
.ticker2 .item {
  font-size: 76px;
  padding: 0px 20px 0 0;
  font-weight: 700;
  font-family: "MADE TOMMY";
  line-height: 86px;
}

.ticker .tipo1,
.ticker2 .tipo1 {
  color: #fff;
}

.ticker .tipo2,
.ticker2 .tipo2 {
  color: #000;
}

.ticker .tipo3,
.ticker2 .tipo3 {
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: transparent;
}

.gracias {
  background-color: #76bb20;
}

.gracias ul {
  padding: 33px 0 0 0;
}

.gracias ul li {
  margin: 0 12px 0 0;
  display: inline-block;
}

.gracias ul li img {
  height: 20px;
  filter: brightness(0) invert(1);
}

.gracias p {
  color: #fff;
}

.botonpopup {
  position: absolute;
  top: 28px;
  right: 33px;
  border: none;
  background-color: #000;
  color: #fff;
  padding: 12px;
  width: 45px;
  height: 45px;
  z-index: 99999999;
  border-radius: 33px;
  font-weight: bold;
}

.hnos .container-fluid,
.hnos .col-md-5,
.hnos .col-md-7 {
  padding: 0;
  margin: 0;
}

.hnos .col-md-5 {
  padding-left: 14px;
}

.popup .input-container {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
}

.popup input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 25px;
  flex: 1;
  font-size: 14px;
}

.popup button {
  padding: 10px 10px;
  background-color: #76bb20;
  color: #fff;
  border: none;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
}

.popup img {
  width: 80%;
  margin: auto;
  display: block;
}

#linkmodal {
  cursor: pointer;
}

.modal {
  z-index: 9999999999;
}

/*@media (max-width: 1300px) { .home4 .foto1{margin-top:45px; max-width:500px; margin-bottom:45px; float:right;} }*/
@media (max-width: 1300px) {
  .menucab ul li a {
    font-size: 62px;
    line-height: 62px;
  }
  .redes ul li {
    width: 13%;
  }
  .hnos .col-md-5 {
    padding-left: 5%;
  }
}
.vertical {
  position: relative;
  width: 100%;
  padding-bottom: 177.78%;
  height: 0;
  margin: auto;
  iframe {
    height: 770px;
  }
}
#margin-mobile {
  margin-bottom: 30px;
}
@media (max-width: 650px) {
  header {
    padding: 20px 20px 20px 15px;
  }
  .iconomobile {
    top: 12px;
  }
  .botonhablemos {
    display: none;
  }
  .home1 {
    position: relative;
    top: auto;
  }
  .home4 .foto1 {
    max-width: 90%;
    margin: auto;
    float: none;
    display: block;
  }
  .fondo4 {
    padding-top: 45px;
  }
  .home5 p {
    max-width: 100%;
    padding-right: 0;
  }
  .boton2 {
    margin-top: 20px;
  }
  .home6 h2 {
    margin-bottom: 0;
  }
  .boton4 {
    margin-bottom: 20px;
  }
  .redes .pad {
    padding-left: 15px;
  }
  .redes .pad a {
    font-size: 33px;
  }
  footer .pad {
    padding-left: 15px;
  }
  footer .pad h2 {
    font-size: 13px;
  }
  footer .pad {
    margin-bottom: 20px;
  }
  footer .col3 {
    padding-left: 15px;
  }
  footer .sellos img {
    margin-left: 6px;
  }
  footer .col-md-4 {
    padding-left: 15px;
  }
  .menufooter ul li {
    display: block;
  }
  .menufooter .idiomas {
    text-align: left;
    padding-top: 15px;
  }
  .home7 img {
    margin-top: 15px;
    display: block;
  }
  .home2 div {
    font-size: 25px;
  }
  .redes ul li a {
    padding: 20px 12px 20px 12px;
  }
  .redes img {
    height: 16px;
  }
  .redes ul li:first-child {
    border: none;
  }
  .redes ul {
    margin-top: 20px;
  }
  .home1 {
    padding: 0;
  }
  .fondo1 {
    margin-top: -86px;
  }
  .home2 {
    padding-top: 20px;
  }
  .sbd {
    display: none;
  }
  .redes ul li {
    border: none;
  }
  .menucab ul {
    padding: 0;
  }
  .menucab ul li a {
    font-size: 41px;
    line-height: 41px;
  }
  .nosotrosfoto img {
    margin-left: 15px;
    margin-bottom: 20px;
  }
  .home1 p {
    padding-right: 15px;
  }
  .lugar h2 {
    left: 33px;
    font-size: 45px;
    line-height: 51px;
  }
  .carousel4 .slick-slide img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .staff {
    padding: 33px 15px 0 15px;
  }
  .staff .boton4 {
    float: right;
    margin-top: -38px;
    margin-right: 0px;
  }
  .staff h2 {
    padding-left: 0;
  }
  .staff .container-fluid {
    padding-right: 0;
  }
  .nosotrosfoto img {
    width: 90%;
    margin: auto;
    display: block;
    margin-bottom: 15px;
  }
  .home21 {
    padding: 20px 6px 6px 6px !important;
  }
  .fondo1 {
    padding-bottom: 0;
  }
  .distinciones .foto {
    width: 100%;
  }
  .distinciones {
    padding-left: 15px;
  }
  .distinciongrilla {
    padding-left: 0;
  }
  .clientes .foto {
    width: 100%;
  }
  .clientes {
    padding-left: 15px;
    padding-bottom: 0;
  }
  .casos .foto {
    max-width: 100%;
  }
  .casos {
    padding-left: 15px;
    padding-bottom: 0;
  }
  .filtro {
    padding: 0 15px 0 15px;
  }
  .filtro input[type="submit"],
  .filtro input[type="button"] {
    margin-top: 12px;
    width: 100%;
  }
  .filtro .col-md-4 {
    width: 100%;
  }
  .detalle h4 {
    margin-top: 12px;
  }
  .detalle {
    padding-top: 90px;
  }
  .detalle h3 {
    font-size: 33px;
    margin-bottom: 20px;
  }
  .testimonial .foto {
    max-width: 100%;
  }
  .testimonial {
    padding-left: 15px;
    padding-bottom: 0;
  }
  .comentario {
    padding-left: 15px;
  }
  .comentario p {
    font-size: 21px;
  }
  .testimonialgrilla {
    padding-right: 15px;
    padding-left: 15px;
  }
  .testimonialgrilla iframe {
    height: 300px;
  }
  .contacto {
    padding-right: 15px;
    padding-left: 15px;
  }
  .contacto input[type="button"] {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  .datos2 {
    padding-top: 0;
  }
  .datos2 .container-fluid {
    padding: 0 15px 0 20px;
  }
  .datos2 h2 span {
    display: inline;
  }
  .datos2 h2 {
    margin-bottom: 20px;
  }
  .casos {
    padding-top: 90px;
  }
  .carousel3 .item p {
    display: none !important;
  }
  .carousel3 .item:hover img {
    transform: none;
  }
  .servicios .foto {
    width: 100%;
  }
  .servicios {
    padding: 90px 0 0 12px;
  }
  .servicios2 h3 {
    font-size: 33px;
  }
  .servicios2 .mas {
    top: 0;
  }
  .servicios2 .texto {
    padding: 20px 20px 70px 20px;
  }
  .servicios2 .mas1 {
    top: 20px !important;
  }
  .serviciostexto {
    padding: 0 12px 0 12px;
  }
  .servicios2,
  .otros {
    padding: 45px 12px 45px 12px;
  }
  header .col-md-6 {
    width: 200px;
  }
  .servicios .texto {
    padding-top: 0;
  }
  .otros2 p {
    padding-right: 0;
  }
  .otros2 .boton4 .titulo {
    display: block;
  }
  .vertical iframe {
    height: 400px;
    margin-bottom: 15px;
  }
  .vertical {
    padding: 0;
    height: auto;
  }
  #margin-mobile {
    margin-bottom: 0;
  }
}

.iconowhatsapp2 .tooltip-text {
  visibility: hidden; /* Ocultar por defecto */
  background-color: #fff;
  font-size: 12px;
  color: #000;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  bottom: 125%; /* Posicionar encima del elemento */
  left: 0;
  transform: translateX(-50%);
  white-space: nowrap; /* Evitar que el texto haga salto de línea */
  z-index: 99999999999;
  opacity: 0; /* Ocultar visualmente */
  transition: opacity 0.3s ease; /* Suavizar la transición */
}

.iconowhatsapp2:hover .tooltip-text {
  visibility: visible !important;
  opacity: 1 !important;
}

.iconowhatsapp3 .tooltip-text {
  visibility: hidden; /* Ocultar por defecto */
  background-color: #fff;
  font-size: 12px;
  color: #000;
  text-align: right;
  margin-left: -130px !important;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  bottom: 125%; /* Posicionar encima del elemento */
  left: 0;
  transform: translateX(-50%);
  white-space: nowrap; /* Evitar que el texto haga salto de línea */
  z-index: 99999999999;
  opacity: 0; /* Ocultar visualmente */
  transition: opacity 0.3s ease; /* Suavizar la transición */
}

.iconowhatsapp3:hover .tooltip-text {
  visibility: visible !important;
  opacity: 1 !important;
}

.iconowhatsapp3 {
  position: fixed;
  right: 31px;
  bottom: 31px;
  z-index: 999999;
}