.elementor-kit-7{--e-global-color-primary:#22438A;--e-global-color-secondary:#EA0D43;--e-global-color-text:#FFFFFF;--e-global-color-accent:#22438A;--e-global-color-6844147:#000000;--e-global-color-83a1e5f:#FFFFFF;--e-global-color-4dc301a:#898989;--e-global-color-f1e529c:#FFFFFF00;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:700;color:#7A7A7A;font-size:1rem;font-weight:400;line-height:1.6rem;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 h1{color:var( --e-global-color-text );}.elementor-kit-7 h2{color:var( --e-global-color-text );}.elementor-kit-7 h3{color:var( --e-global-color-text );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{border-radius:2rem 2rem 2rem 2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */html, body {
	overflow-x:hidden;
}
#logo-principal div a img {
	min-width:150px !important;
}
/* SCROLL */
body::-webkit-scrollbar {
    width: 15px;
}
body::-webkit-scrollbar-thumb {
    background-color: #22438A;
}
body::-webkit-scrollbar-track {
    background: #EA0D43;
}

/* SOMBREADO */
::selection {
  background-color: #22438A;
  color: #EA0D43;
}
/* COOKIES */
div#cmplz-document {
    width: 100%;
    max-width: 100%;
}
/* TAMAÑOS DE LA TIPOGRAFIA */
html{
	font-size: clamp(13px, 1vw ,16px)
}
p {
	line-height:1.5em!important;
}

/* BANNER CON MOLDURAS */
.banner-con-moldura:before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(https://upterrasa.englody.com/wp-content/uploads/2026/05/marco_arriba_3.webp) repeat-x;
    mix-blend-mode: overlay;
    background-size: 100px;
    background-color: #FFFFFF00 !important;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-con-moldura:after {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(https://upterrasa.englody.com/wp-content/uploads/2026/05/marco_abajo_2.webp) repeat-x bottom;
    mix-blend-mode: overlay;
    background-size: 100px;
    background-color: #FFFFFF00 !important;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
}
.banner-con-moldura {
    background: url(https://upterrasa.englody.com/wp-content/uploads/2026/05/textura-salpicaduras-pintura-artistica-abstracta_opacidad.png);
    background-blend-mode: soft-light;
}
.banner-con-moldura-2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(https://upterrasa.englody.com/wp-content/uploads/2026/05/marco_arriba_3.webp) repeat-x;
    mix-blend-mode: overlay;
    background-size: 100px;
    background-color: #FFFFFF00 !important;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-con-moldura-2:after {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(https://upterrasa.englody.com/wp-content/uploads/2026/05/marco_abajo_2.webp) repeat-x bottom;
    mix-blend-mode: overlay;
    background-size: 100px;
    background-color: #FFFFFF00 !important;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
}
.banner-con-moldura-2 {
    background: url(https://upterrasa.englody.com/wp-content/uploads/2026/05/Salpicadura-azul1.webp);
    background-blend-mode: soft-light;
}

/* IGUALAR ALTURA ICON BOX */
.altura-icon-box > div > div {
    min-height: 270px;
}
.altura-icon-box-2 > div > div {
    min-height: 230px;
}
@media only screen and (max-width: 1024px) {
  .altura-icon-box > div > div {
    min-height: 0px;
}
.altura-icon-box-2 > div > div {
    min-height: 0px;
}
}

/* TEST */
div#test-formulario-h b {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-primary);
}
div#test-formulario-h h4 {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-primary);
}
div#test-formulario-h strong  {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-primary);
}
div#test-formulario-h div > label {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--e-global-color-primary);
    margin-bottom: 10px;
}
.elementor-field-type-radio > div {
    border: solid;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #69727d;
    margin-bottom: 20px;
}
.e-form__buttons.elementor-column  {
    margin-top: 40px;
}

/* EQUIPO */

/* Estilo general para las imágenes del carrusel */
.hover-img-verde div > div > div {
    position: relative;
    overflow: hidden; /* Asegura que el pseudo-elemento no se salga del contenedor */
}
.hover-img-verde div > div > div > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que las imágenes se ajusten bien */
    filter: grayscale(1) brightness(1.4) contrast(1); /* Ajusta tonos y realza claridad */
}

/* Pseudo-elemento ::before para el efecto monotono */
.hover-img-verde div > div > div::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #005C42; /* Color monotono */
    mix-blend-mode: multiply; /* Combina el color con la imagen */
    opacity: 0.3;
    z-index: 2; /* Coloca el pseudo-elemento por encima de la imagen */
    pointer-events: none; /* Asegura que el pseudo-elemento no interfiera */
}

/* Pseudo-elemento ::before para el efecto monotono */
.hover-img-verde div > div > div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #005C42; /* Color monotono */
    mix-blend-mode: soft-light; /* Combina el color con la imagen */
    opacity: 1;
    z-index: 1; /* Coloca el pseudo-elemento por encima de la imagen */
    pointer-events: none; /* Asegura que el pseudo-elemento no interfiera */
}

/* Al hacer hover en .hover-img-verde, anulamos los pseudo-elementos */
.hover-img-verde:hover div > div > div::before,
.hover-img-verde:hover div > div > div::after {
    opacity: 0;
}

/* Efecto hover: Imagen a full color */
.hover-img-verde:hover div > div > div img {
    filter: none; /* Quita cualquier efecto de filtro de color */
    transform: scale(1.05); /* Añade un pequeño zoom para un efecto dinámico */
}

/* Efecto hover: Ocultar el pseudo-elemento */
.hover-img-verde div > div > div:hover::before, .hover-img-verde div > div > div:hover::after {
    opacity: 0; /* Oculta el pseudo-elemento */
}

.video-hover {
  opacity: 0;
}

.hover-img-verde:hover .video-hover {
  opacity: 1;
}

.bt-play-video-equipo {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08); /* un poco más grande, puedes ajustar */
  }
}/* End custom CSS */