@font-face {
  font-family: GothamRndBook;
  src: url(GothamRnd-Book.otf);
  font-display: swap;
}

@font-face {
  font-family: GothamRndBookitalic;
  src: url(GothamRnd-BookItalic.woff2) format("woff2");
  /* font-style: italic; */
  font-display: swap;
}

@font-face {
  font-family: GothamRndLight;
  src: url(GothamRnd-Light.otf);
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: GothamRndMedium;
  src: url(GothamRnd-Medium.otf);
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: GothamRndMItalic;
  src: url(GothamRnd-MediumItalic.otf);
  /* font-style: italic; */
  font-display: swap;
}

@font-face {
  font-family: GothamRndBold;
  src: url(GothamRounded-Bold.otf);
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: ecFenceRegular;
  src: url(ecfence-Regular.ttf);
  font-display: swap;
}

.parallax-banner {
  position: relative;
  overflow: hidden;
  height: 100vh;
  /* Ajusta la altura del banner */
}

.parallax-banner video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: 1;
  height: 100%;
}

.parallax-banner .content {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
  top: 40vh;
  transform: translateY(-50%);
}

.parallax-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  /* Oscurece el video */
  z-index: 1;
}

body {
  color: #000 !important;
  font-family: 'GothamRndBook' !important;
}

.parallax-banner h1 {
  font-family: 'GothamRndMedium';
  display: flex;
  justify-content: center;
  font-size: 3.5rem;
}

.titulos {
  font-family: 'GothamRndLight';
  text-align: center;
  margin: 0 3rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.titulos>h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  margin-bottom: 0;
  font-family: 'GothamRndBold';
  text-transform: uppercase;
}

h2.titulo-lineas::after,
h2.titulo-lineas::before {
  content: " ";
  border-bottom: 1px solid #fff;
  width: 9rem;
  margin-right: 2rem;
  margin-left: 2rem;
}

.titulos>h3 {
  font-size: 1.8rem;
  font-family: 'GothamRndBold';
}

section.bloque3 {
  display: flex !important;
  flex-wrap: wrap;
}

.bloque3 .izq {
  width: 50%;
  padding: 4rem 4rem 0 12rem;
  display: flex;
  align-items: center;
}

.bloque3 .der {
  width: 50%;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 6rem;
  padding-top: 8rem;
}

.bloque3 .inf {
  background-color: #fff;
  width: 100%;
  padding: 16vh 4vh 8vh;
}

.bloque3 .der h2 {
  font-family: 'GothamRndMedium';
  font-size: 3rem;
  line-height: 2.5rem;
  margin-bottom: 3rem;
}

.bloque3 .der img {
  width: 40%;
}

.bloque3 .der span {
  font-family: 'GothamRndLight';
  font-size: 3vh;
  line-height: 3.2vh;
  margin-bottom: 1.5vh;
}

.galeria {
  padding: 0 10rem 4vh;
  display: flex;
  justify-content: center;
  height: 60%;
  margin-bottom: 3vh;
}

.imggale {
  width: 45%;
  border-radius: 20px;
  overflow: hidden;
  margin: 1.5%;
  height: 9vh;
  background-color: #000;
  transition: all .5s;
  cursor: pointer;
}

.masc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000000b5;
  z-index: 1;
  display: none;
  opacity: .7;
}

footer.footer {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  margin: 3rem 5rem 1rem;
  border-top: 2px solid #000;
}

footer.footer>div {
  width: 33%;
  text-align: center;
  font-family: 'GothamRndLight';
}

footer.footer>div:last-child {
  font-family: 'GothamRndLight';
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

footer.footer>div:last-child h3 {
  margin: 0;
  font-family: 'GothamRndLight';
  font-size: 1.4rem;
}

footer .redes {
  /* margin-top: 2rem; */
}

.redes .red img:hover {
  /* filter: invert(74%) sepia(15%) saturate(3542%) hue-rotate(40deg) brightness(210%) contrast(96%); */
}

a.red {
  margin: .5rem;
}

header {
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  /* Fondo semi-transparente */
  color: white;
  z-index: 1000;
  /* Se mantiene por encima del contenido */
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

.logo img {
  width: 2.2rem;
  z-index: 9999;
  position: relative;
}

.seccion-menu {
  padding: 1rem 3rem;
}

.menu-toggle {
  position: absolute;
  right: 4%;
  z-index: 1000;
  background: none;
  border: none;
  font-size: 2rem;
  font-weight: 900;
  cursor: pointer;
  color: #515457;
  transition: transform 0.5s ease;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  /* Ajusta la altura automáticamente */
}

.contenedor-menu {
  position: absolute;
  top: 0;
  left: -100%;
  /* Fuera de la vista inicialmente */
  width: 100%;
  height: 100vh;
  color: #fff;
  transition: transform 0.5s, opacity 2s, left .5s;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 999;
  background: #000;
  backdrop-filter: blur(10px);
  flex-direction: column;
}

.contenedor-menu ul {
  list-style: disc;
  padding: 0 3rem 0;
  text-align: center;
  display: flex;
  position: relative;
  justify-content: center;
}

.contenedor-menu li {
  margin: 20px 2rem;
  text-align: left;
  margin-right: 1rem;
}

.contenedor-menu a {
  text-decoration: none;
  color: white;
  font-size: calc(1vw + 1rem);
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .8s ease, transform .8s ease, color .2s;
  font-family: 'GothamRndLight';
}

/* Clase activa del menu */
.contenedor-menu.open {
  transform: translateX(0);
  left: 0;
}

/* Clase activa del menu */
.menu-toggle.rotate {
  transform: rotate(90deg) scale(1.5);
}

/* Animar los enlaces cuando se abre el menu */
.contenedor-menu.open a {
  opacity: 1;
  transform: translateY(.5vw);
}

.template-forms {
  padding: 6rem 5rem 0;
  background-color: #000;
  color: #fff;
}

.fullcontent>p {
  font-family: 'GothamRndLight';
  font-size: 1.2rem;
}

.template-forms .titulo {
  width: 100%;
}

.template-forms .titulo h2 {
  color: #fff;
  margin-bottom: 2rem;
  margin-top: 3rem;
  font-family: 'GothamRndLight';
}

.template-forms form>div {
  display: flex;
  flex-wrap: wrap;
}

.fullcontent {
  width: 95%;
}

.template-forms form {
  margin-top: 3rem;
}

.template-forms form p {
  font-family: 'GothamRndBookitalic';
  width: 46%;
  margin-bottom: 2rem;
  color: #fff;
  position: relative;
}

.template-forms input[type="text"],
.template-forms input[type="email"],
.template-forms input[type="tel"],
.template-forms input[type="number"] {
  margin-top: .5rem;
  background-color: transparent;
  border: none;
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 100%;
}

.template-forms input[type="submit"],
.btnecfence {
  border: none;
  width: 7rem;
  height: 7rem;
  border-radius: 100%;
  background-color: #fff;
  color: #000;
  font-family: 'GothamRndBold';
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin-top: 1rem;
  border: 2px solid;
  overflow: hidden !important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


.template-forms input[type="submit"]:hover {
  border: 4px solid #fff;
  color: #fff !important;
  transform: scale(1.2);
  font-size: .9rem;
  border-right-style: dotted;
  background-color: #000;
}

.template-forms input[type="submit"]::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  position: absolute;
  left: 0%;
  opacity: 1;
  top: 0;
  z-index: -12;
  -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}

.template-forms input[type="submit"]::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  position: absolute;
  left: 0%;
  opacity: 1;
  top: 0;
  z-index: -15;
  -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}

.template-forms input[type="submit"]:hover::before,
.template-forms input[type="submit"]:hover::before {
  opacity: 1;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.template-forms input[type="submit"]::after,
.template-forms input[type="submit"]::after {
  opacity: 1;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}


.template-forms input[type="text"]:focus-visible,
.template-forms input[type="email"]:focus-visible,
.template-forms input[type="tel"]:focus-visible,
.template-forms input[type="number"]:focus-visible {
  outline: #fff ridge 0px;
}

.drop-us-hello {
  padding: 6rem 3rem 0;
}

.redirect {
  display: flex;
  padding-top: 0;
  position: relative;
}

.redirect:before {
  content: " ";
  width: 26rem;
  border-bottom: 2px #7e7e7e solid;
  margin: 0 auto;
  top: 10%;
  left: 50%;
  position: absolute;
  /* Posicion absoluta */
  /* Mueve el elemento al 50% desde el borde izquierdo */
  transform: translateX(-50%);
  /* Ajusta el elemento hacia la izquierda la mitad de su propio ancho */
  display: none;
}

.redirect .hello {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.hello p {
  font-family: 'GothamRndLight';
  padding: 0 4rem;
}

.hello h2 {
  margin-bottom: 3rem;
}

.animado {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Clase para el efecto blur */
.header-ec.blur {
  /* background: rgba(0, 0, 0, 0.6); */
  /* mantener oscuro al hacer scroll */
  /* backdrop-filter: blur(4px); */
  /* Efecto de desenfoque */
}

.contenedor-menu>div {
  width: 100%;
}

video#videocerca {
  width: 100%;
  height: 70vh;
  object-fit: cover;
  object-position: center;
}

video#videoeco {
  width: 80%;
  height: 50vh;
  filter: none;
}

footer.footer>div:first-child {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

footer.footer>div:first-child>p {
  width: 100%;
  margin: 0;
  margin-right: 1rem;
  text-align: left;
}

footer.footer>div:first-child>.btnecfence {
  margin-top: 0;
  line-height: 1.3rem;
}

.footer a {
  text-decoration: none;
  color: #000;
  font-size: 1.8vh;
}

.echoscrolltop {
  cursor: pointer;
}

header .redes {
  margin: 3rem;
}

p.punto {
  font-size: 5rem;
  line-height: 3rem;
  margin: 0;
  color: #79de06;
}

.contenedor-menu li::marker {
  font-size: 2rem;
  line-height: 0;
}

.contenedor-menu.open a:hover {
  color: #79de06;
}

.bloque3 .der>div {
  font-family: 'GothamRndLight';
  font-size: 7vh;
  display: flex;
  flex-direction: column;
  margin-bottom: 2vh;
}

.bloque3 .der>div p {
  margin: 0;
  font-family: 'GothamRndBold';
  line-height: 6.5vh;
  letter-spacing: -2px;
}

/* Para bloquear el scroll */
body.no-scroll {
  overflow: hidden;
}

.page-template-page-templates header.header-ec,
.team-template-default header.header-ec {
  /* background-color: #333333d4; */
}

.page-template-page-templates header.header-ec .logo,
.team-template-default header.header-ec .logo {
  display: flex;
  justify-content: center;
}

.bloque3 video {
  width: 100%;
  height: 100%;
}

.page-template-page-templates header.header-ec .logo img.logointerna,
.team-template-default header.header-ec .logo img.logointerna {
  width: 1.8rem;
  /* Asegura que la imagen cubra todo el contenedor */

  /* Asegura que la imagen cubra todo el contenedor */

  /* La imagen se recorta para cubrir el área del contenedor */

  /* Opcional: ajusta el punto de inicio de la imagen (por defecto es "center") */
}

.page-template-page-templates header.header-ec .logo a,
.team-template-default header.header-ec .logo a {
  width: 6%;
  /* Ancho del área visible */

  /* Alto del área visible */
  overflow: hidden;
  /* Oculta el contenido que sobresale */
  position: relative;
  display: flex;
  justify-content: center;
}

.page-template-page-templates header.header-ec button.menu-toggle,
.team-template-default header.header-ec button.menu-toggle {
  font-size: 1.8rem;
}

.contactus {
  padding: 68px 0 0;
  display: flex;
  flex-wrap: wrap;
}

.page-template-forms-template,
.page-template-thankyou {
  background-color: #000;
  color: #fff;
}

.contactus>div:first-child {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 2rem;
}

.contactus div:last-child {
  width: 50%;
  font-family: 'GothamRndLight';
  font-size: 1.5rem;
  line-height: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 5rem;
}

section.redes {
  display: flex;
  justify-content: flex-end;
  padding: 0 2rem;
}

.contactus div:last-child a {
  color: #000;
}

.mySwiper2 {
  width: 80%;
}

.mySwiper {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

.mySwiper .swiper-slide {
  width: 100% !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  cursor: pointer;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
  display: none;
}

.oursystem .mySwiper2 .swiper-slide img {
  display: block;
  width: 40%;
  height: 30rem;
  object-fit: contain;
  border-radius: 20px;
  background-color: #fff;
  border: 2px solid #D8D8D8;
}

.contenido {
  padding: 6rem 5rem 0;
  font-size: calc(.6vw + 1rem);
  font-family: 'GothamRndLight';
}

.aboutus figure.is-style-default img {
  border-radius: 20px;
}

.aboutus figure.is-style-default {
  padding: 0 2rem;
}

.aboutus h2.wp-block-heading {
  font-size: calc(1vw + 1rem);
  margin: 2rem 0 1rem;
}

.page-template-aboutus footer,
.page-template-our_system footer,
.page-template-hello-page footer,
.page-template-map-ecfencers footer {
  display: flex;
}

.aboutus h1 {
  margin-bottom: 1rem;
  font-size: 3.5rem;
}

.aboutus .wp-block-columns:nth-child(2)>div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.oursystem .titulos>h3 {
  font-size: calc(.9vw + .5rem);
}

.oursystem h2.titulo-lineas {
  font-size: 2.5rem;
}

section.slider1 {
  padding: 2rem 0 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4vw;
}

.mySwiper .swiper-wrapper {
  flex-direction: column;
}

.oursystem {
  padding: 0;
}

.oursystem .mySwiper2 .swiper-slide {
  display: flex;
  justify-content: center;
  padding-left: 3rem;
  padding-right: 4rem;
}

.oursystem .mySwiper2 .swiper-slide h2 {
  width: 100%;
  font-family: 'GothamRndBold';
}

.oursystem .mySwiper img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 1rem;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  object-fit: scale-down;
}

.oursystem .mySwiper h2 {
  font-family: 'GothamRndLight';
  font-size: 1rem;
}

.contenido-os {
  width: 100%;
  font-family: 'GothamRndLight';
}

.mySwiper2 .swiper-button-next,
.mySwiper2 .swiper-button-prev {
  top: 32%;
  color: #505356;
}

.mySwiper2 .swiper-button-next:after,
.mySwiper2 .swiper-button-prev:after {
  font-size: 3rem;
  font-weight: bold;
}

.oursystem .colores {
  width: 100%;
  display: flex;
  margin-top: 1rem;
  padding-left: 2.5rem;
}

.colores .muestra {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  border: 2px solid #d8d8d8;
  cursor: pointer;
}

.contenido-os h3 {
  font-family: 'GothamRndBold';
  font-size: 1rem;
  padding-left: 2.5rem;
  transition: all .5s;
  width: 100%;
}

.colores h3 {
  font-family: 'GothamRndLight';
  font-size: 1.5rem;
  margin-top: 1rem;
}

.oursystem .colores>div {
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.animado img {
  width: 10%;
}

.contenedor-menu li:first-child::marker {
  content: none;
}

.mySwiperGal img,
.mySwiperGal2 img {
  width: 90vh;
  border-radius: 20px;
  object-fit: cover;
  max-height: 800px;
}

.mySwiperGal .swiper-slide,
.mySwiperGal2 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mySwiperGal .swiper-button-next {
  right: 10%;
}

.mySwiperGal .swiper-button-prev {
  left: 10%;
}

.mySwiperGal .swiper-button-prev,
.mySwiperGal .swiper-button-next {
  top: 89%;
  color: #505356;
}

footer .redes>a:first-child>img {
  width: 15%;
}

footer .redes>a:nth-child(2)>img {
  width: 30%;
}

footer .redes>a:last-child>img {
  width: 7%;
}

section.titulo {
  padding: 0 10rem;
}

.aboutus p {
  font-size: 1.1rem;
}

.aboutus ul {
  font-size: 1.2rem;
}

footer h3 {
  font-size: 3vh;
  font-family: 'GothamRndMedium';
  text-decoration: underline;
}

.contactus>div:first-child img {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

section.redes a.red img {
  filter: invert(37%) sepia(5%) saturate(368%) hue-rotate(169deg) brightness(93%) contrast(87%);
}

div#map {
  width: 100%;
  height: 35rem;
}

.resultadosecf .titulo {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 2rem;
}

section.resultadosecf>div {
  margin: 2rem 0 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.resultadosecf .titulo h2 {
  width: 30%;
  text-align: center;
  font-family: 'GothamRndLight';
  font-size: 1.8rem;
  border-bottom: 2px solid #505356;
}

.resultadosecf .items {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.resultadosecf .items a {
  width: 28%;
  text-decoration: none;
  color: #000;
  margin-bottom: 1.5rem;
  transition: transform 0.2s ease-in-out;
}

.resultadosecf .items a img {
  width: 7rem;
  height: 7rem;
  object-fit: contain;
  margin-bottom: .5rem;
}

.resultadosecf .items a h3 {
  font-family: 'ecFenceRegular';
  font-size: 1.1rem;
  text-align: center;
  margin: 0;
}

.resultadosecf .items a div:first-child {
  text-align: center;
}

.resultadosecf .items a h4 {
  font-family: 'ecFenceRegular';
  text-align: center;
  font-size: .8rem;
}

/* Animación de palpitación */
.resultadosecf .items a:hover {
  animation: palpitar 1.5s ease-out infinite;
}

/* Definición de la animación de palpitación */
@keyframes palpitar {
  0% {
    transform: scale(1);
    /* Tamaño original */
  }

  50% {
    transform: scale(1.1);
    /* Aumentar el tamaño */
  }

  100% {
    transform: scale(1);
    /* Regresar al tamaño original */
  }
}

.ecfencers>div:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

section.resultadosecf>div.inv {
  display: none;
}

:root {
  --arrow-bg: rgba(255, 255, 255, 0.3);
  --arrow-icon: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg);
  --option-bg: #ffffff00;
  --select-bg: rgba(255, 255, 255, 0.2);
}

* {
  box-sizing: border-box;
}

/* <select> styles */
select {
  /* Reset */
  appearance: none;
  border: 1px solid #000;
  outline: 0;
  font: inherit;
  /* Personalize */
  width: 13rem;
  padding: .5rem 4rem .5rem 1rem;
  background: var(--arrow-icon) no-repeat right 0.8em center / 1.4em,
    linear-gradient(to left, var(--arrow-bg) 3em, var(--select-bg) 3em);
  background-color: transparent;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  appearance: none;
  /* Quita el estilo por defecto del sistema */
  -webkit-appearance: none;
  /* Para Safari y Chrome */
  -moz-appearance: none;
  /* Para Firefox */

  /* Remove IE arrow */
  &::-ms-expand {
    display: none;
  }

  /* Remove focus outline */
  &focus {
    outline: none;
  }

  /* <option> colors */
  option {
    color: inherit;
    background-color: var(--option-bg);
  }
}

select.wpcf7-form-control {
  background-color: #000;
}

.busqueda {
  padding: 1rem 0 0;
  margin: 1rem 0 2rem;
  width: 100%;
  text-align: center;
}

.ecfencers {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 68px 3rem !important;
}

section.resultadosecf {
  width: 100%;
}

.mySwiperIB3 h3 {
  font-family: 'GothamRndLight';
  text-decoration-thickness: from-font;
  text-align: center;
}

.mySwiperIB3 .swiper-slide {
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

/* Contenedor del video */
.video-container {
  position: relative;
  width: 100%;
  /* Ajusta el tamaño del video */
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding-top: 0;
}

/* Video gris al principio */
.bloque3 video {
  width: 100%;
  height: 100%;
  filter: grayscale(100%);
  transition: filter 0.5s ease;
}

/* Controles personalizados */
/*.play-btn {
  background-color: #5b5e61;
  color: white;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  filter: grayscale(1);
}*/

.play-btn {
  background-color: transparent;
  /* Color de fondo verde */

  /* Color de la flecha */
  border: none;
  font-size: 2rem;
  z-index: 10;
  font-family: 'GothamRndBold';
  color: #000;
}

/* Flecha dentro del botón de play */
.play-btn::before {
  /* Código Unicode para la flecha */
  font-size: 30px;
}

/* Cuando el video está en reproducción */
.bloque3 video.playing {
  filter: grayscale(0);
  /* Quitar filtro gris */
}

.singleteam {
  display: flex;
  padding: 88px 2rem 0;
}

.singleteam>div {
  width: 100%;
}

.singleteam>div:first-child {
  justify-content: center;
  align-items: center;
}

.singleteam>div:last-child {
  font-family: 'GothamRndLight';
}

.singleteam>div:last-child figure>a {
  border-radius: 100%;
  border: 2px solid #fff;
  padding: .5rem;
  margin: .5rem 0;
}

.singleteam>div:last-child>h2 {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'GothamRndMedium';
  text-transform: uppercase;
  font-size: 2.2rem;
}

.contactus>div:last-child p {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.wpcf7-not-valid-tip {
  color: #BE70FA;
}

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

.gm-style-iw-d {
  color: #000;
}

/* Btn Animado  */
.btnani1 {
  font-family: 'GothamRndBold';
  width: 7rem;
  height: 7rem;
  border: 0 solid transparent;
  border-radius: 100%;
  padding: 1rem;
  margin-top: 1rem;
  color: #fff;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden !important;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background: transparent !important;
}


.btnani1:hover {
  border: 4px solid #000;
  color: #000 !important;
  transform: scale(1.2);
  font-size: .9rem;
  border-right-style: dotted;
}

.btnani1::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  position: absolute;
  left: 0%;
  opacity: 1;
  top: 0;
  z-index: -12;
  -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}

.btnani1::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: #7ae001;
  position: absolute;
  left: 0%;
  opacity: 1;
  top: 0;
  z-index: -15;
  -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}

.btnani1:hover::before {
  opacity: 1;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.btnani1:hover::after,
.fence_d:hover::after {
  opacity: 1;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.titulos::before,
.fence_d::before,
.titulofencer::before {
  content: " ";
  width: 3rem;
  height: .8rem;
  margin-bottom: 1.5rem;
  background-color: #000;
}

.titulos>p {
  color: #6f6f6f;
  font-family: 'GothamRndBookitalic';
  margin: 0;
  font-size: 2rem;
}

.fence_d {
  font-family: 'GothamRndLight';
}

.fence_d strong {
  font-family: 'GothamRndBookitalic';
  color: #6d6e6e;
  font-weight: 100;
}

.bloque4 .titulos>p {
  font-family: 'GothamRndLight';
  color: #000;
  font-size: 1rem;
}

.drop-us-hello .oculto {
  opacity: 0;
  transition: all 1s;
  overflow: hidden;
}

.oculto .imggif {
  opacity: 1;
  transition: all 1s;
  height: 0;
}

.hello a.btnani1:hover~.oculto {
  opacity: 1;
  margin-top: 0 !important;
}

.mySwiperGalT img,
.mySwiperGal2T img {
  height: 8rem;
  border-radius: 20px;
  object-fit: cover;
}

.mySwiperGalT .swiper-slide,
.mySwiperGal2T .swiper-slide {
  cursor: pointer;
  opacity: .6;
  transition: all .5s;
  text-align: center;
}

.mySwiperGalT,
.mySwiperGal2T {
  width: 50%;
}

.mySwiperGalT .swiper-slide-thumb-active,
.mySwiperGal2T .swiper-slide-thumb-active {
  opacity: 1;
}

.mascvideo {
  background-color: #ffffff99;
  transition: all .5s;
  opacity: 1;
}

.mascvideo.ocultar {
  opacity: 0;
  height: 0 !important;
  width: 0 !important;
}

.galeria>div:first-child {
  width: 60%;
  overflow: hidden;
}

.galeria>div:last-child {
  width: 20%;
}

#imgobj {
  border-radius: 30px;
}

.imggale img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.imggale:hover {
  filter: brightness(0.5);
}

#imgobj {
  object-fit: cover;
  transition: filter 1s ease-in-out;
  display: block;
}

#imgobj {
  object-fit: cover;
  transition: filter 1s ease-in-out;
  display: block;
  width: 100%;
  height: 100%;
}

.contenido-os .accordion-button {
  padding: 0;
  font-family: 'GothamRndBold' !important;
  font-size: 1.2rem;
  color: #000;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  padding: .5rem .2rem;
}

.contenido-os .accordion-button::after {
  margin-left: 0;
  margin-right: 1.1rem;
  display: flex;
  font-weight: 700;
  content: "\f053";
  font: normal normal normal 14px / 1 FontAwesome;
  background: none !important;
  transform: rotate(270deg);
  align-items: center;
  justify-content: center;
}

.contenido-os .accordion-button br {
  display: none;
}

.contenido-os .accordion-item {
  border: none;
  margin-bottom: 1rem;
}

.oursystem .slider1 .swiper-slide-active>img {
  object-fit: contain;
  transition: filter 1s ease-in-out;
  display: block;
}

.miniproductos {
  height: 30rem;
  overflow: hidden;
  width: 50%;
  /* Desliza suavemente */
}

#scrollArriba,
#scrollAbajo,
#scrollDer,
#scrollIzq {
  cursor: pointer;
  font-size: 1.5rem;
  color: #474a4c;
  display: flex;
  justify-content: center;
  width: 50%;
}

div#scrollArriba {
  margin-bottom: 1.5rem;
}

div#scrollAbajo {
  margin-top: 1.5rem;
}

.minigal .swiper-button-next,
.minigal .swiper-button-prev {
  top: 50%;
  color: #474a4c;
}

.minigal .swiper-button-next {
  right: 19%;
  font-size: 1.5rem;
}

.minigal .swiper-button-prev {
  left: 20%;
  font-size: 1.5rem;
}

.mySwiperGal2T {
  width: 77%;
}

.mySwiperGal2T img {
  height: 12rem;
}

.mySwiperGal2 {
  /* margin-bottom: 7rem; */
}

.inspo .swiper-button-next,
.inspo .swiper-button-prev {
  color: #474a4c;
  position: absolute;
  font-size: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.inspo .swiper-button-next {
  margin-left: 2rem;
}

.inspo .swiper-button-prev {
  margin-right: 2rem;
}

.inspo .minigal .swiper-wrapper {
  flex-flow: wrap;
}

.inspo .minigal .swiper-slide {
  width: 31% !important;
  margin: 1%;
}

.inspo .titulos>p {
  color: #000;
  font-family: 'GothamRndLight';
  font-size: 1rem;
}

.page-template-forms-template .footer a,
.page-template-forms-template .footer,
.page-template-thankyou .footer,
.page-template-thankyou .footer a {
  color: #fff;
  border-color: #fff;
}

.page-template-forms-template footer .redes img,
.page-template-thankyou footer .redes img,
.page-template-forms-template footer .sayhello img,
.page-template-thankyou footer .sayhello img {
  filter: invert(1);
}

.template-forms .titulos::before {
  background-color: #fff;
}

.oursystem .mySwiper2 .descrip {
  overflow: scroll;
  width: 70%;
}

.template-forms form p>label {
  width: 70%;
  display: flex;
  flex-direction: column;
}

.template-forms form p>label>span {
  width: 100%;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: none;
  font-family: 'GothamRndBookitalic';
  margin: 0;
  position: absolute;
  bottom: -19%;
  left: 17%;
}

.ecfencers .titulos>h3 {
  font-family: 'GothamRndLight';
  line-height: 2rem;
}

.accordion-button:not(.collapsed) {
  color: #000 !important;
  background-color: white !important;
}

.inspo {
  padding-top: 68px !important;
  display: flex;
  flex-direction: column;
}

.minigal {
  width: 70%;
}

.drop-us-hello .btnani1:hover {
  transform: scale(0.7);
}

.thank-you {
  background-color: #000;
  color: #fff;
  height: 73vh;
}

.thank-you img {
  width: 30% !important;
  margin-top: 2rem;
  margin-left: 1rem;
}

.btnani1.claro {
  font-family: 'GothamRndBold';
  color: #000;
  background-color: #fff !important;
}

.btnani1.claro:hover {
  color: #fff !important;
  border-color: #fff !important;
  background-color: transparent !important;
}

.thank-you figure {
  align-items: center;
}

.thank-you h2 {
  font-size: 4rem;
  margin-top: 2rem;
}

.inspo .minigal {
  width: 100%;
}

.aboutus .parallax-banner .content {
  top: 0;
  width: 100%;
  height: 100vh;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0000007d;
  color: #fff;
}

.aboutus .mySwiperGalT {
  width: 85%;
}

.aboutus .mySwiperGalT img {
  height: auto;
  border-radius: 0;
}

.aboutus .minigal .swiper-button-next {
  right: 3%;
}

.aboutus .minigal .swiper-button-prev {
  left: 3%;
}

.aboutus .mySwiperGalT .swiper-slide {
  opacity: 1;
  position: relative;
}

.aboutus .mySwiperGalT .swiper-slide:hover .masc {
  opacity: 1;
}

.aboutus .mySwiperGalT .swiper-slide .masc {
  left: 0;
  z-index: 4;
  display: flex;
  color: #fff;
  opacity: 0;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.aboutus .mySwiperGalT .swiper-slide .masc p {
  font-size: 1rem;
}

.aboutus h2 {
  font-family: 'GothamRndMedium';
  font-size: 1.5rem;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.seccionfinal {
  background-color: #EDEEEF;
}

section.seccionfinal img {
  height: 35rem;
  width: 100%;
  object-fit: cover;
}

.item-final {
  text-align: center;
}

.template-forms form>div.botonform {
  justify-content: center;
}

select#categorias {
  color: #000;
}

.ecosaludo img {
  width: 26%;
  margin-left: 7rem;
  transform: rotateY(180deg);
}

.sayhello img {
  width: 35%;
}

p.descfencer {
  padding: 0 8rem;
  margin-bottom: 3rem;
  font-size: 1.2vw;
}

.bloque-derinf>div>div>div {
  width: 10% !important;
}

.bloque-derinf>div>div {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.bloque-derinf>div>div>h2 {
  width: 80% !important;
  display: flex;
  align-items: center;
}

.bloque-derinf>div>div>h2 a {
  color: #000;
  font-family: 'GothamRndMedium';
  font-size: 1.2vw;
}

s .bloque-derinf p {
  font-size: 1.2rem;
  padding-right: 8rem;
  margin-top: 2rem;
}

.home .btnani1 {
  width: 4rem;
  height: 4rem;
}

body.page-template-hello-page #page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hello a.btnani1:hover~.oculto .imggif {
  height: 30vh;
}

/* Aplica a navegadores basados en WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 8px;
  /* Grosor vertical */
  height: 8px;
  /* Grosor horizontal */
}

/* Fondo de la barra de desplazamiento (transparente como en Mac) */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Estilo del "thumb" (la parte que se mueve) */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  /* Color semitransparente */
  border-radius: 10px;
  transition: background 0.3s;
}

/* Efecto al pasar el mouse por encima */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar {
  display: none;
  /* Oculta la barra */
}

/* Pero muestra la barra cuando el usuario interactúa */
html:hover ::-webkit-scrollbar {
  display: block;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.contactus>div:nth-child(2) {
  width: 50%;
  padding-right: 2rem;
  display: flex;
  justify-content: flex-end;
}

.contactus>div:nth-child(2) img {
  width: 85%;
  border-radius: 41px;
}

.template-forms form p>label.oculto {
  display: none;
}

div#scrollDer,
div#scrollIzq {
  display: none;
}

.mobil {
  display: none;
}

.fence_d {
  padding: 0 14rem !important;
}

.oursystem .swiper-autoheight .swiper-wrapper {
  height: auto !important;
}

.contenido-os .accordion-button:not(.collapsed):after {
  transform: rotate(90deg);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #be70f1;
}

.miniproductos .swiper-button-next,
.miniproductos .swiper-button-prev {
  display: none;
}

.home .logo img.logointerna {
  display: none;
}

.page-template-page-templates header.header-ec .logo img.logohome,
.team-template-default header.header-ec .logo img.logohome,
.blog-template-default header.header-ec .logo img.logohome {
  display: none;
}

.miniproductosmovil {
  display: none;
}

.contenido-os button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.contenedor-menu li.menu-item-gtranslate {
  position: absolute !important;
  bottom: 7rem;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Lo mueve la mitad de su tamaño hacia atrás */
  list-style: none;
}

.gt_float_switcher {
  background: transparent !important;
  width: 20vw !important;
}

.gt_float_switcher .gt-selected {
  background: transparent !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
  color: #fff !important;
  padding: .7rem .8rem !important;
}

.gt_float_switcher .gt_options a {
  color: #fff !important;
  font-size: 1rem !important;
  padding: .5rem 0 .3rem !important;
}

.contenedor-menu li.homemenu {
  position: absolute;
  list-style: none;


  /* Lo mueve la mitad de su tamaño hacia atrás */
  margin: 0;
  bottom: -33vh;
  margin-right: 100px;
}

.contenedor-menu li.homemenu>a,
.contenedor-menu li.lang-item>a {
  font-size: 1.2rem;
  font-family: 'GothamRndBold';
}

.gt_float_switcher img {
  width: 2vw !important;
  display: none !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
  font-size: 1rem !important;
}

.contmini {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 1rem;
}

.gt_float_switcher .gt_options.gt-open {
  transform: translateX(-8.5vw) !important;
}

.contenedor-menu li.lang-item {
  position: absolute;
  list-style: none;
  bottom: -33vh;
  margin: 0;
  margin-left: 100px;
}

.bloque-derinf>div>div>div img {
  width: 4vw !important;
}

.bloque-derinf>div p {
  font-size: 1.2vw;
  padding-right: 10vw;
}

.singleteam>div>div.wp-block-group>div.wp-block-group:first-child {
  justify-content: flex-end;
  padding-right: 4vw;
}

.singleteam>div>div.wp-block-group>div.wp-block-group:first-child img {
  width: 20vw !important;
}

.marcadormap {
  display: flex;
  flex-direction: column;
  padding: 0 .5rem 2rem;
}

.marcadormap>a {
  margin-top: .5rem;
}

div#sidebar {
  padding: 1rem;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 28%;
  z-index: 99;
  background-color: #fff;
  top: 4rem;
  left: 1rem;
  height: 80%;
  overflow-y: scroll;
}

.mapaecfence {
  position: relative;
}

.ecfencers div.busqueda {
  display: flex;
  justify-content: space-around;
}

.ecfencers div.busqueda>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}

.ecfencers div.busqueda>div:last-child img {
  transform: rotateY(180deg);
}

.ecfencers div.busqueda>div img {
  width: 70%;
}

a#btndistributors,
a#btninstallers {
  width: 6rem;
  height: 6rem;
  margin-bottom: 1rem;
  font-size: 80%;
}

.btnflotante {
  position: fixed;
  right: 2.5rem;
  bottom: 1rem;
  z-index: 99;
}

.btnflotante a {
  width: 4.5rem !important;
  height: 4.5rem !important;
  font-size: 70% !important;
  font-family: 'GothamRndBook';
}

.page-template-map-ecfencers .btnflotante,
.team-template-default .btnflotante {
  display: none;
}

.oursystem .parallax-banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: none;
}

.oursystem .parallax-banner {
  display: flex;
  height: 75vh;
}

.oursystem .mySwiperGal .swiper-button-prev,
.oursystem .mySwiperGal .swiper-button-next {
  top: 50%;
  font-size: 1.5rem;
}

.oursystem .minigal {
  display: none;
}

p.textooculto {
  display: none;
}

#miModal .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

#miModal .modal-header .btn-close {
  filter: brightness(0) invert(1);
}

.inspo #miModal .swiper-button-next,
.inspo #miModal .swiper-button-prev {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div#miModal {
  background-color: #000000c7;
}

.inspo #miModal .swiper-button-next {
  right: -4rem;
  left: auto;
}

.inspo #miModal .swiper-button-prev {
  left: -4rem;
}

.inspo .mySwiperGal2 {
  width: 132vh;
  margin-bottom: 3rem;
}

.drop-us-hello img.imggif {
  width: 40vh;
}

section.bloque3>div {
  display: flex;
}

.bloque4>div {
  padding: 17vh 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.bloque4>div .titulos {
  margin-bottom: 1%;
}

.bloque4 footer.footer {
  height: 15%;
  margin-top: 0;
  padding-top: 0;
}

.bloque2 .video-container {
  padding-top: 22vh;
}

.bloque4 .titulos::before {
  margin-bottom: 1vh;
}

.bloque4 .titulos>h2 {
  font-size: 4vh;
}

.home footer .redes>a:first-child>img {
  width: 10% !important;
}

.home footer .redes>a:nth-child(2)>img {
  width: 25%;
}

footer .redes>a:last-child>img {
  width: 6%;
}

.itemsgale {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
}

.navgal {
  position: absolute;
  right: -1.5rem;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 1.5rem;
}

.navgal>div {
  cursor: pointer;
}

.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contenedor-menu li.comprar a {
  color: #79de06;
}

.btnback img {
  width: 3%;
}

.contenedor-sc {
  padding: 0 17rem;
}

.inspo .contenedor-sc img {
  width: 100%;
  object-fit: cover;
  height: 30vh;
  object-position: center;
  border-radius: 20px;
}

.contenedor-sc .shuffle-item {
  cursor: pointer;
}

div#shuffle-filters {
  display: flex;
  justify-content: space-around;
  border-top: 2px solid;
  width: auto;
  margin: 0 auto 0;
  padding-top: 1.5rem;
}

div#shuffle-filters .btn {
  display: flex;
  border: 1px solid #000;
  color: #000;
  font-family: 'GothamRndBold';
  padding: .1rem 1rem;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
  transition: all .5s;
  background-color: #ffff;
}

div#shuffle-filters .btn:hover,
div#shuffle-filters .btn.btn-primary {
  border-color: #fff !important;
  background-color: #79e002 !important;
}

.pblogs {
  display: flex;
  flex-direction: column;
  padding-top: 10vh;
}

.pblogs .titulos>h2 {
  font-size: 1.5rem !important;
  text-transform: none !important;
}

.pblogs .titulos {
  margin-bottom: 6rem !important;
}

.pblogs .mreciente a {
  display: flex;
}

.pblogs .mreciente {
  padding: 0 4rem;
  margin-bottom: 5rem;
  transition: all .5s;
  translate: 0 0;
}

.pblogs .mreciente a .imagen-blog {
  width: 40%;
  padding: 0 2rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.pblogs .mreciente a .contenido-b {
  width: 60%;
}

.pblogs .mreciente a .imagen-blog img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
  object-position: center;
}

.pblogs .mreciente a .contenido-b .fecha-blog {
  color: #868690;
  margin-bottom: 1rem;
}

.pblogs .mreciente a .contenido-b h2 {
  color: #000;
  font-family: 'GothamRndBold';
}

.tags {
  border-top: 2px solid #000;
  margin-bottom: 2rem;
}

.tags .etiquetas {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  padding-top: 1rem;
  padding-left: 0;
}

.tags .etiquetas li {
  color: #868690;
  border-radius: 10px;
  margin-left: 1rem;
  padding: .2rem 1rem;
  border: 2px solid;
  font-size: .8rem;
  text-align: right;
}

.contenido-b div.excerpt {
  color: #868690;
}

.pblogs .paginador {
  padding: 0 4rem;
}

.pblogs .swiper-slide a {
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
  color: #868690;
}

.pblogs .swiper-slide h3 {
  color: #000;
  font-size: 1.2rem;
  font-family: 'GothamRndBold';
}

.pblogs .swiper-slide .imagen {
  width: 100%;
  display: flex;
}

.pblogs .swiper-slide .imagen img {
  width: 100%;
  border-radius: 15px;
  height: 30vh;
  object-fit: cover;
  object-position: center;
}

.pblogs .swiper-slide .fecha {
  margin: .5rem 0;
  font-size: .8rem;
  text-transform: capitalize;
}

.pblogs .swiper-slide .swiper-pagination-bullet {
  padding: 2rem;
}

.pblogs .swiper-pagination-bullet {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5a5858;
  border-radius: 10px;
  color: #fff;
  opacity: .5;
}

.pblogs .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blogSwiper {
  padding-bottom: 5rem;
}

.pblogs .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.pblogs .mreciente:hover {
  translate: 0 -2rem;
}

.pblogs .swiper-slide {
  transition: all .5s;
  translate: 0 2rem;
}

.pblogs .swiper-slide:hover {
  translate: 0 0;
}

article.blog-single {
  padding: 15vh 1rem 0;
}

.blog-single .blog-featured-image img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  height: 60vh;
}

.blog-single .blog-meta {
  padding: 0 7rem 0;
  color: #5e5e64;
}

.blog-featured-image {
  margin-bottom: 2rem;
}

.blog-single h1.blog-title {
  padding: 0 7rem 0;
  margin-top: 4rem;
  color: #000;
  font-family: 'GothamRndBold';
  font-size: 2rem;
}

.blog-single .blog-content {
  padding: 0 7rem;
  color: #5e5e64;
}

.blog-single .blog-content h2,
.blog-single .blog-content h3 {
  color: #000;
  font-family: 'GothamRndBold';
  font-size: 1.5rem;
}

.blog-single .btnback {
  padding: 0 5rem;
}

section.related-blogs {
  margin: 2rem 7rem 0;
  padding: 1rem 2rem;
  background-color: #dcdcdd;
}

section.related-blogs h2 {
  font-family: 'GothamRndBold';
  font-size: 1.6rem;
}

.related-blogs-grid {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.related-blogs-grid a {
  width: 40vh;
  transition: all .5s;
  translate: 0 1rem;
}

.related-blogs-grid a img {
  border-radius: 20px;
  height: 25vh;
  width: 100%;
  object-fit: cover;
}

.related-blogs-grid .fecha {
  font-size: .8rem;
  margin: .5rem 0;
  color: #5e5e5f;
  text-transform: capitalize;
}

.related-blogs-grid h3 {
  color: #000;
  font-family: 'GothamRndBold';
  font-size: 1.2rem;
}

.related-blogs-grid .tags .etiquetas li {
  font-size: .6rem;
  padding: .2rem .8rem;
  margin-left: .7rem;
}

.blog-single .tags {
  margin: 0 7rem;
}

.pblogs .titulos>h2 strong {
  text-decoration: underline;
  text-decoration-color: #79e001;
}


/* Resetear estilos que Shuffle pone inline */
.inspo .slider2 .swiper-slide[style] {
  transform: none !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.oursystem .titulos {
  padding-top: 15vh;
}

.related-blogs-grid a:hover {
  translate: 0;
}

.miniproductos:hover {
  overflow-y: auto;
}

.lang-es .contenedor-menu a {
  white-space: nowrap;
  font-size: clamp(16px, 2.2vw, 80px);
  /* Tamaño mínimo, relativo, y máximo */
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bydigital {
  display: flex;
  align-items: center;
  font-family: 'GothamRndBold';
  margin-top: 1rem;
  justify-content: flex-end;
  padding-right: 2rem;
}

.bydigital img {
  width: 100%;
}

.bydigital p {
  margin: 0;
  margin-right: 1rem;
}

.footer .bydigital a {display: flex;width: 30%;}

@media (max-width: 768px) {
  .contactus div:last-child {
    font-size: calc(2vw + 0.5rem);
  }

  .home .logo img {
    width: 9% !important;
  }

  .menu-toggle {
    font-size: 4vh;
  }

  .parallax-banner h1 {
    font-size: 2rem;
  }

  .parallax-banner .content {
    top: 24vh;
  }

  p.punto {
    line-height: 1rem;
    font-size: 4rem;
  }

  header {
    top: 0;
  }

  video#videocerca {
    height: 44vh;
    object-fit: contain;
  }

  .titulos {
    margin: 2rem;
  }

  section.bloque3 {
    padding-top: 10vh;
  }

  .bloque3 .izq {
    width: 100%;
    padding: 0;
  }

  .bloque3 .der {
    order: -1;
    width: 100%;
    padding-right: 2rem;
    display: block;
    padding-top: 0;
  }

  .inicio {
    overflow-x: hidden;
  }

  .bloque3 .der>div {
    margin-bottom: 1vh;
  }

  .fence_d {
    margin-top: 1rem !important;
  }

  .play-btn {
    font-size: 1.5rem;
  }

  .galeria>div:first-child {
    width: 60%;
    height: 17vh;
  }

  .galeria {
    flex-direction: column;
    padding: 0 1rem;
    height: 64%;
    margin-bottom: 1vh;
    align-items: center;
  }

  .galeria>div:last-child {
    width: 100%;
    padding-top: 1rem;
  }

  footer.footer {
    padding: 1rem 0 0;
    margin: 2rem 1rem 3rem;
    height: 12% !important;
  }

  .mySwiperGal2T {
    width: 100%;
    padding: 0 1rem !important;
  }

  .inspo .minigal .swiper-slide {
    width: 45% !important;
  }

  .inspo .minigal .swiper-wrapper {
    justify-content: center;
  }

  .inspo {
    padding-top: 20vw !important;
  }

  .mySwiperGal img,
  .mySwiperGal2 img {
    width: 90%;
    max-height: none;
  }

  .contenedor-menu ul {
    flex-direction: column;
    align-items: center;
    list-style: none;
    height: 100%;
    justify-content: flex-start;
  }

  .contenedor-menu>div {
    height: 100%;
    padding-top: 100px;
  }

  .contenedor-menu li {
    margin: 1rem 0rem;
  }

  .contenedor-menu.open a {
    font-size: calc(2vw + 1rem);
  }

  .mySwiperGalT,
  .mySwiperGal2T {
    width: 100%;
  }

  .minigal .swiper-button-next {
    right: 0;
  }

  .minigal .swiper-button-prev {
    left: 0;
  }

  section.slider1 {
    flex-direction: column;
    padding: 4rem 2rem 0;
  }

  .miniproductos {
    width: 100%;
    height: 40vw;
    padding: 0 2rem;
    position: relative;
  }

  .mySwiper .swiper-wrapper {
    flex-direction: row;
  }

  .mySwiper .swiper-slide {
    width: auto !important;
  }

  div#scrollArriba,
  div#scrollAbajo {
    display: none;
  }

  div#scrollDer,
  div#scrollIzq {
    display: flex;
    left: auto;
    top: 5.5rem;
  }

  .mySwiper2 {
    width: 100%;
  }

  .oursystem .mySwiper2 .swiper-slide {
    display: block;
    padding: 0;
  }

  .oursystem .mySwiper2 .swiper-slide img {
    width: 100%;
    height: auto;
    padding: 3rem 0;
  }

  .oursystem .mySwiper2 .descrip {
    margin-top: 2rem;
    height: auto;
    padding: 0 !important;
    width: 100%;
  }

  .oursystem {
    padding-top: 7vh;
  }

  .contenido-os h3 {
    padding-left: 1.5rem;
  }

  .oursystem .colores {
    padding-left: 1.5rem;
  }

  .colores .muestra {
    width: 3rem;
    height: 3rem;
  }

  div#scrollDer {
    right: 0;
  }

  div#scrollIzq {
    left: 0;
  }

  .aboutus .mySwiperGalT .swiper-slide {
    width: 100% !important;
  }

  section.seccionfinal>div {
    flex-direction: column;
  }

  .parallax-banner {
    height: 70vh;
  }

  .imggale {
    height: 9vh;
    width: 25%;
  }

  .aboutus .mySwiperGalT .swiper-slide .masc p {
    font-size: 3.5vw;
    line-height: 4.5vw;
    margin: 0;
  }

  .mobil {
    display: block;
    font-family: 'GothamRndBold';
  }

  .redirect {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .drop-us-hello .oculto {
    height: 0;
  }

  .hello a.btnani1:hover~.oculto {
    height: auto;
  }

  .redirect .hello {
    width: 100%;
  }

  .hello a.btnani1:hover~.oculto .imggif {
    height: auto;
  }

  .hello p {
    padding: 0 1rem;
  }

  .drop-us-hello {
    padding: 25vw 1rem 0;
  }

  .ecfencers {
    padding: 17vw 2rem 0 !important;
  }

  .resultadosecf .items a {
    width: 100%;
    margin-bottom: 2rem;
  }

  .singleteam {
    padding: 25vw 12vw 0;
  }

  p.descfencer {
    padding: 0;
    font-size: 5vw;
  }

  .singleteam .is-layout-grid {
    display: block;
  }

  .singleteam .is-layout-grid figure {
    width: 70%;
    margin-bottom: 2rem;
  }

  .bloque-derinf>div {
    flex-direction: column-reverse;
    display: flex;
  }

  .singleteam .bloque-derinf figure {
    margin-bottom: .5rem;
    width: 100%;
  }

  .bloque-derinf>div>div>div {
    width: 100% !important;
    text-align: center;
  }

  .singleteam div.bloque-derinf img {
    width: 19% !important;
  }

  .bloque-derinf>div>div>h2 {
    margin-bottom: 2rem;
    width: 100% !important;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .bloque-derinf p {
    padding: 0 !important;
    margin-bottom: 2rem;
    font-size: 5vw !important;
    text-align: center;
  }

  .template-forms {
    padding: 5rem 2rem;
  }

  .template-forms form p {
    width: 100%;
  }

  .template-forms form p>label {
    width: 100%;
  }

  .titulos>h2 {
    font-size: 4.5vw !important;
  }

  .bloque3 .der>div p {
    line-height: 4vh;
    font-size: 3.5vh;
  }

  .bloque3 .der span {
    font-size: 2.3vh;
    line-height: 3vh;
  }

  a.red {
    margin-right: 0;
  }

  footer h3 {
    font-size: 4.5vw;
    margin: 0;
  }

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

  .fence_d {
    padding: 0 !important;
  }

  .mySwiperGal2T img {
    height: 7rem;
  }

  .menu-toggle.rotate {
    transform: rotate(90deg) scale(1.2);
  }

  .contactus {
    padding-top: 20vw;
  }

  .contactus>div:first-child {
    padding: 0;
  }

  .contactus>div:nth-child(2) {
    width: 100%;
    justify-content: center;
    padding: 0;
  }

  .contactus>div:nth-child(2) img {
    height: 66vw;
    object-fit: cover;
  }

  .contactus>div:last-child {
    padding: 3rem 2rem 0;
  }

  .fullcontent {
    padding: 1rem 0 0 !important;
  }

  .fullcontent>p {
    font-size: 1rem;
  }

  .thank-you .pt-5 {
    padding-top: 0 !important;
  }

  .thank-you .mt-5 {
    margin: 0 !important;
  }

  .thank-you>div:first-child {
    flex-direction: column;
    text-align: center;
  }

  .thank-you h2 {
    font-size: 3rem;
    margin: 0;
  }

  .thank-you img {
    margin: 3rem 0 0;
    width: 39% !important;
  }

  .aboutus .mySwiperGalT .swiper-slide .masc.p-4 {
    padding: 1rem !important;
  }

  section.seccionfinal img {
    height: auto;
  }

  .page-template-page-templates header.header-ec .logo a,
  .team-template-default header.header-ec .logo a {
    width: 13vw;
  }

  .seccion-menu {
    padding: .5rem 3rem;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child {
    width: 15% !important;
    flex-basis: auto !important;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:last-child {
    flex-basis: auto !important;
    width: 85% !important;
  }

  .thank-you {
    padding-top: 10vw !important;
  }

  #videob3::-webkit-media-controls {
    display: none !important;
  }

  /* Muestra los controles cuando el video está reproduciéndose */
  #videob3.playing::-webkit-media-controls {
    display: flex !important;
  }

  /* Oculta el botón de "play" en iOS */
  #videob3::-webkit-media-controls-start-playback-button {
    display: none !important;
  }

  .aboutus p {
    font-size: 3.5vw;
  }

  .aboutus h2 {
    font-size: 5vw;
  }

  .miniproductos .swiper-button-next,
  .miniproductos .swiper-button-prev {
    color: #474a4c;
    font-size: 5vw;
  }


  .miniproductos .swiper-button-next,
  .miniproductos .swiper-button-prev {
    display: flex;
    top: 4.5rem;
  }

  .miniproductos .swiper-button-next {
    right: -2vw;
  }

  .miniproductos .swiper-button-prev {
    left: -2vw;
  }

  .mySwiper .swiper-slide-thumb-active {
    display: flex;
  }

  .resultadosecf .items a h3 {
    font-size: 5vw;
  }

  .resultadosecf .items a h4 {
    font-size: 3.5vw;
  }

  .bloque-derinf>div>div>h2 a {
    font-size: 5vw;
  }

  video#videoeco {
    margin-top: 6vw;
    width: 100%;
    height: 22vh;
  }

  .miniproductos {
    display: none;
  }

  .miniproductosmovil {
    display: flex;
    width: 100%;
    padding: 0 2rem;
    margin-bottom: 3rem;
  }

  .mySwiperMovil .swiper-slide {
    border-radius: 20px;
    border: 1px solid #e2e2e2;
    padding: 1rem;
  }

  .miniproductosmovil .swiper-button-next,
  .miniproductosmovil .swiper-button-prev {
    font-size: 6vw;
    color: #474a4c;
  }

  .miniproductosmovil .swiper-button-prev {
    left: -2vw;
  }

  .miniproductosmovil .swiper-button-next {
    right: -2vw;
  }

  .contenedor-menu li.homemenu {
    bottom: 18vh;
    margin: 0;
    margin-right: 120px;
  }

  .contenedor-menu li.homemenu>a {
    font-size: calc(1vw + 1rem);
  }

  .gt_float_switcher img {
    width: 8vw !important;
  }

  .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 1vw 0 !important;
  }

  .gt_float_switcher .gt_options.gt-open {
    transform: translate(-18vw, 8vw) !important;
    max-width: max-content !important;
  }

  .gt_float_switcher {
    height: 25vw !important;
    width: 35vw !important;
  }

  .contactus div:last-child a {
    font-size: 4.5vw;
  }

  .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    font-size: 5vw !important;
  }

  .contenedor-menu li.menu-item-gtranslate {
    bottom: 22vh;
  }

  .singleteam>div>div.wp-block-group>div.wp-block-group:first-child img {
    width: 100% !important;
  }

  .singleteam>div>div.wp-block-group>div.wp-block-group:first-child {
    justify-content: center;
  }

  .contenedor-menu li.lang-item {
    bottom: 18vh;
    margin: 0;
    margin-left: 120px;
  }

  .contenedor-menu li.lang-item>a {
    font-size: calc(1vw + 1rem);
  }

  .footer>div:first-child>a {
    width: 100%;
    text-align: left;
  }

  .titulo_es h1 {
    font-size: 5.7vw;
  }

  .titulo_es .punto {
    font-size: 10.5vw;
  }

  .oursystem .parallax-banner {
    height: auto;
  }

  .oursystem .parallax-banner video {
    object-fit: contain;
    height: auto;
    position: relative;
  }

  .oursystem section.slider2 {
    padding: 0 1rem;
  }

  .oursystem .mySwiperGal .swiper-button-prev {
    left: 0;
  }

  .oursystem .mySwiperGal .swiper-button-next {
    right: 0;
  }

  .inspo .mySwiperGal2 {
    width: 100%;
  }

  .inspo .mySwiperGal2 .swiper-slide {
    padding: 0 2rem;
  }

  .inspo #miModal .swiper-button-next {
    right: 1rem;
  }

  .inspo #miModal .swiper-button-prev {
    left: 1rem;
    z-index: 9999;
  }

  .btnflotante {
    right: 1rem;
    bottom: 9vh;
  }

  section.bloque3>div {
    flex-direction: column;
  }

  .izq .swiper .swiper-slide img {
    width: 23vh;
  }

  .izq .swiper .swiper-slide {
    align-items: center;
  }

  .video-container {
    padding-top: 0;
  }

  .bloque3 .inf {
    padding: 50% 1rem 0;
  }

  .bloque4>div {
    padding-top: 8vh;
  }

  .bloque2 .video-container {
    padding-top: 50%;
  }

  .ecfencers div.busqueda {
    margin: 0 0 2rem;
  }

  .ecfencers div.titulos {
    margin-bottom: 0 !important;
  }

  .ecfencers div.busqueda>div img {
    width: 20vh;
  }

  div#sidebar {
    display: none;
  }

  .bloque4>div .titulos {
    margin: 0 4vh;
  }

  .ecosaludo img {
    width: 6vh;
  }

  .bloque4 .titulos>p {
    font-size: 3.5vw;
  }

  .itemsgale {
    justify-content: center;
  }

  .navgal {
    left: 0;
    font-size: 2.5rem;
    right: auto;
  }

  .btnback img {
    width: 20%;
  }

  div#shuffle-filters {
    flex-wrap: wrap;
    padding: 1rem 0;
    width: 70%;
    margin-bottom: 1rem !important;
  }

  div#shuffle-filters .btn {
    width: 38%;
    margin-bottom: 1rem;
  }

  .contenedor-sc {
    padding: 0 1rem;
  }

  .contenedor-sc .shuffle-item {
    width: 50%;
  }

  .inspo .contenedor-sc img {
    height: 15vh;
  }

  .oursystem .titulos {
    padding-top: 0;
  }

  .pblogs .mreciente a {
    flex-direction: column;
  }

  .pblogs .titulos {
    margin: 0 3vh 2vh !important;
  }

  .pblogs {
    padding-top: 10vh;
  }

  .pblogs .mreciente a .imagen-blog {
    width: 100%;
    padding: 0;
  }

  .pblogs .mreciente {
    padding: 0 1rem;
    margin-top: 3vh;
  }

  .pblogs .mreciente a .imagen-blog {
    margin-bottom: 1rem;
  }

  .pblogs .mreciente a .contenido-b {
    width: 100%;
  }

  .pblogs .paginador {
    padding: 0 1rem;
  }

  .blog-single .blog-featured-image img {
    height: 30vh;
  }

  .blog-single .blog-meta {
    padding: 0 1rem;
  }

  .blog-single h1.blog-title {
    padding: 0 1rem;
    margin-top: 2rem;
  }

  .blog-single .tags {
    margin: 0 1rem;
  }

  .blog-single .blog-content {
    padding: 0 1rem;
  }

  section.related-blogs {
    margin: 0 1rem;
  }

  .blog-single .btnback {
    padding: 0 1rem;
    margin-bottom: 2rem;
  }

  .related-blogs-grid a {
    width: 100%;
  }

  .related-blogs-grid {
    flex-direction: column;
  }

  article.blog-single {
    padding: 10vh 1rem 0;
  }

  .titulos>p {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .contactus div:last-child {
    font-size: calc(2vw + 0.5rem);
    width: 100%;
  }
}

@media (min-width: 1500px) {

  #scrollArriba,
  #scrollAbajo {
    left: 14vw;
  }
}

.swiper-button-next svg, 
.swiper-button-prev svg {
	display: none;
}