/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");
body {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

body.fade-in {
    opacity: 1;
}
/* Estilos por defecto para pantallas grandes (1920px y más) */
html {
    font-size: 16px;
}

h1 {
    /* font-size: 8.75rem !important; /* Esto debería ser el doble del tamaño del font-size del html*/
}

.no-elementor {
    width: 50.75rem;
    margin: 0 auto;
    max-width: 100%;
    max-width: 100%;
}

.no-elementor-h1 {
    font: normal normal normal 3.75rem / 4.688rem Inter !important;
    color: #4a8b2c !important;
    margin-bottom: 3rem;
}

.no-elementor h2, .no-elementor h3, .no-elementor h4, .no-elementor h5 {
    font-size: 2rem !important;
    line-height: initial !important;
    color: #4a8b2c !important;
    margin-bottom: 2rem;
    margin-top: 4rem;
}

.no-elementor p, .no-elementor li {
    color: black;
    font: normal normal normal 1.5rem / 2.5rem Inter;
    /*  margin-bottom: 3rem;*/
}

.text-nowrap {
    white-space: nowrap;
}

.f-45 {
    font: normal normal bold 2.813rem/4.063rem Inter !important;
}

.f-normal {
    font-weight: normal !important;
}

.p-relative {
    position: relative;
}

.bg-gray {
    background-color: #F8F8F8;
}

button.site-navigation-toggle {
    background-color: transparent !important;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon {
    width: 2.5rem !important;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon:after, .site-navigation-toggle-holder .site-navigation-toggle-icon:before {
    height: 2px !important;
}

.site-header .site-navigation-toggle .site-navigation-toggle-icon {
    color: #91C036 !important;
}


body a, body a:hover, a:active {
    color: #4A8B2C;
}

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

.site-logo.show {
    margin-top: -1rem;
}

.site-header {
    padding-block-start: 1.7rem !important;
    /*  padding-block-end: 1.7rem !important;*/
}

.site-navigation-dropdown ul.menu li a {
    padding: 1.5rem 0 !important;
    font-size: 21px;

    color: #4A8B2C !important;
    text-align: center;
}

.site-navigation-dropdown ul.menu li a:hover, .site-navigation-dropdown ul.menu li.current_page_item a {
    text-decoration: underline;
}

.site-navigation-dropdown ul.menu {
    min-height: calc(100vh - 64px);

    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;

}

.site-navigation-dropdown ul.menu li.current-menu-item a {
    background: #fff !important;
}

.site-navigation-dropdown ul.menu li a {
    box-shadow: none !important;
}


.site-navigation ul.menu li.menu-item-has-children:after {
    display: inline-block; /* Cambia a inline-block para que se comporte como un elemento inline con dimensiones */
    content: "" !important;
    width: 1.188rem; /* Ajusta el ancho al tamaño deseado */
    height: 0.688rem; /* Ajusta la altura al tamaño deseado */
    background-image: url('https://zalabi.com/wp-content/uploads/2024/07/flecha-lang.svg');
    background-size: contain; /* Asegura que la imagen se ajuste al tamaño del contenedor */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-position: center; /* Centra la imagen */
    margin-left: 0.5em; /* Añade un margen a la izquierda si es necesario */
    margin-top: 0.8rem !important;
}

.parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}


.site-navigation ul.menu li a {
    display: block;
    margin: 0.5rem 1.45rem;
    padding: 0 0 0.5rem 0 !important;
}

.site-header .site-navigation ul.menu li a {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.site-header .site-navigation ul.menu li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background-color: currentColor;
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
    visibility: hidden;
}

.site-header .site-navigation ul.menu li a:hover::after, .site-header .site-navigation ul.menu li.current-menu-item a::after {
    visibility: visible;
    width: 100%;
}

header#site-header {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: white;
}

.postid-2533 header#site-header {
    position: relative;
}

.banner-home .elementor-widget-container img, .banner-home h1 {
    margin-top: 6rem;
}

.home .banner-home .elementor-widget-container img, .home .banner-home h1 {
    margin-top: 0rem;
}

li#menu-item-1016 > a , li#menu-item-5834  > a , li#menu-item-6235 > a {
    padding-right: 0 !important;
    margin-right: 0px;
    margin-left: 7.5rem;
}

.site-navigation ul.menu li ul {
    min-width: inherit !important;
    right: 1.5rem !important;
    top: 2rem !important;
    left: inherit !important;
}

.site-navigation ul.menu li.menu-item-has-children:after {
    color: #4a8b2c !important;

    align-items: flex-start !important;
}

.seccion-py {
    padding-top: 10.25rem;
    padding-bottom: 10.25rem;
}

.seccion-px {
    padding-left: 5.625rem !important;
    padding-right: 5.625rem !important;
}


.px-interno {
    padding-left: 11.2rem !important;
    padding-right: 11.2rem !important;
}

.pl-interno {
    padding-left: 11.2rem !important;
}

.px-interno-2 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.mx-interno {
    margin-left: 11.2rem !important;
    margin-right: 11.2rem !important;
}


.animar-borde, .animar-borde_bottom {
    position: relative;
}

.border-animation::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0.125rem;
    background-color: #91C036;
    animation: animateBorder 0.3s ease-out forwards;

}

.border-animation_bottom::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.063rem;
    background-color: #91C036;
    animation: animateBorder 0.3s ease-out forwards;

}

/* CONTACTO */
.datos-oficinas {
    margin-top: -27vh !important;
}

/* FIN CONTACTO*/

@keyframes rotar-sol {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#sol {
    position: absolute;
    animation: rotar-sol 55s infinite linear;
}

@keyframes animateBorder {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes floatUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* Ajusta este valor según lo lejos que quieras que se mueva */
    }
}


.scroll-down-parent {
    left: calc(50% - 4.5rem);
    bottom: 5.5rem !important;
}

.scroll-down {
    position: absolute;
    color: white;
    animation: floatUpDown 2s ease-in-out infinite;
    width: 9rem;
    left: 0;
}

.scroll-down:hover {
    color: white;
}

.pt-xl {
    padding-top: 10.25rem !important;
}

.pb-xl {
    padding-bottom: 10.25rem !important;
}

.mt-xl {
    margin-top: 10.25rem !important;
}

.mb-xl {
    margin-bottom: 10.25rem !important;
}

.pt-md {
    padding-top: 5.875rem !important;
}

.pb-md {
    padding-bottom: 5.875rem !important;
}

.mt-md {
    margin-top: 5.875rem !important;
}

.mb-md {
    margin-bottom: 5.875rem !important;
}

.transition, .transition *, a {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

.transition-3 {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #91C036) !important;
}


/* POPUP VIDEO */

.videoIcon {
    cursor: pointer;
}

#videoPopup {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#videoContainer {
    position: relative;
    width: 60%;
    height: 60%;
    cursor: default;
}

iframe {
    width: 100%;
    height: 100%;
}


/*  FIN POPUP VIDEO*/


/* BOTONES */
.elementor-button:hover, button:hover, .boton:hover, .button:hover, a:hover, .wpcf7-submit:hover {
    opacity: 0.75;
}

.elementor-button:active, .boton:active, .button:active, a:active, .wpcf7-submit:active {
    opacity: 0.5;
    filter: blur(0.5px);
}

.elementor-button:disabled, .boton:disabled, .button:disabled, .wpcf7-submit:disabled {
    opacity: 0.25;
}

.no-hover:hover {
    opacity: 1 !important;
}


/* BUTTON-INFO */
.elementor-element.elementor-button-info .elementor-button {
    background-color: white !important;
    color: var(--e-global-color-primary);
    text-decoration: underline;
    font-size: 1.125rem;
    line-height: 1.313rem;
    padding: 0px;
    font-weight: 600;
}

.elementor-element.elementor-button-info .elementor-button:hover {
    text-decoration: none;
}

.elementor-element.elementor-button-info .elementor-button-icon {
    margin-top: 0.25rem;
    margin-left: 0.25rem;
}

.elementor-element.elementor-button-info:hover .elementor-button .elementor-button-icon {
    margin-left: 0.5rem;
}

.elementor-element.elementor-button-info .elementor-button-icon svg {
    width: 0.563rem;
}

.elementor-element.elementor-button-info .elementor-button svg path {
    fill: var(--e-global-color-primary);
}


/*  BUTTON-SUCCESS */
.elementor-button-success .elementor-button {
    border: 1px solid #4A8B2C;
    background-color: transparent !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    font-size: 1.313rem !important;
    line-height: 1.563rem !important;
    padding: 1rem 2.5rem !important;
    border-radius: 0 !important;

}

.elementor-button-success .elementor-button:hover {
    border: 1px solid #4A8B2C !important;
    background-color: #4A8B2C !important;
    color: white;
}

.elementor-button-warning .elementor-button, .wpcf7-submit {
    border: 1px solid #4A8B2C !important;
    background-color: #4A8B2C !important;
    color: white !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    font-size: 1.313rem !important;
    line-height: 1.563rem !important;
    padding: 1rem 2.5rem !important;
    border-radius: 0 !important;

}


.elementor-button-danger .elementor-button {
    border: 1px solid white;
    background-color: transparent !important;
    color: white !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    font-size: 1.313rem !important;
    line-height: 1.563rem !important;
    padding: 1rem 2.5rem !important;
    border-radius: 0 !important;
}


/* NOTICIAS */
.noticias-home .eael-load-more-button-wrap {
    display: none;

}

.noticias .eael-entry-header-after.style-two {
    pointer-events: none;
}

.noticias .eael-entry-wrapper {
    display: flex !important;
    flex-direction: column;
}

.noticias .eael-entry-wrapper .eael-entry-content, .noticias .eael-entry-wrapper .eael-entry-header {
    order: 2;
}

.noticias .eael-grid-post .eael-entry-wrapper {
    padding: 0;
}

.noticias .eael-post-grid-container .eael-post-grid .eael-grid-post {
    padding: 0 2.406rem;
}

.noticias .eael-post-grid-container .eael-post-grid {
    margin: 0 -2.406rem;
}

.noticias ul.post-carousel-categories, .noticias li.meta-cat-icon {
    display: none;
}

.noticias .eael-post-grid-style-two .eael-entry-meta .post-meta-categories li a {
    color: #91C036;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
}
.noticias .eael-entry-media {
    overflow: initial;
}
.noticias  ul.post-carousel-categories {
    display: block !important;
    visibility: visible !important;;
    position: absolute !important;
    bottom: -4rem !important;
    z-index: 9999999 !important;
    opacity: 1 !important;
    top: auto;
    padding-left: 0px;
    left: -0.313rem;
}
.noticias  .post-carousel-categories li a {
    color: #91C036;
    pointer-events: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
}
.noticias  .post-carousel-categories li:after {
    content: " ";

}

.noticias .eael-grid-post .eael-entry-overlay {
    background-color: #4A8B2C66;
    top: -3px;
    left: -2px;
    width: 101%;
    height: 101%;
}
.eael-entry-header-after.style-two {
    visibility: hidden;
}
.noticias.noticias-2 .eael-entry-title{
    margin: 0.25em 0em 0em 0em !important;
}

/* FIN NOTICIAS*/

/* CONTACTO */
form label {
    width: 100%;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    width: 100%;
    border: transparent !important;
    border-radius: 0 !important;
    /*  border-bottom: 1px solid #91C036 !important;*/
    padding: 0 !important;
    font: normal normal normal 1.125rem/3.875rem Inter !important;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    font: normal normal normal 1.125rem / 2.2rem Inter !important;
    height: 8rem;
    margin-top: 1rem;

}

input::placeholder, textarea::placeholder {
    color: #4A8B2C; /* Cambia 'red' por el color que prefieras */
}

input:focus, textarea:focus {
    outline: none;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.wpcf7-not-valid-tip {
    background: #91c036;
    font-weight: normal;
    display: block;
    color: white;
    display: inline-block;
    padding: 0.3rem;
    margin-top: 0rem;
    font-size: .9rem;
    width: 11rem;
    text-align: center;
    position: absolute;
    right: 0;
}

.wpcf7-spinner {
    /* visibility: hidden; */
    background-color: #91c036;
    margin: 6rem 0 0 0;
}

form.wpcf7-form {
    margin-top: -0.5rem;
}

form a {
    text-decoration: underline !important;
}

form span.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin-top: 2rem;
    display: block;
    margin-left: 0px !important;
}

form label {
    margin-bottom: 1.2rem !important;
}

span.wpcf7-list-item label {
    margin-bottom: 0 !important;
}

/* Ocultar el checkbox original */
input[type="checkbox"] {
    display: none !important;
}

/* Estilo del contenedor del checkbox personalizado */
input[type="checkbox"] + label:before,
input[type="checkbox"] + span:before {
    content: '';
    display: inline-block;
    width: 1.563rem;
    height: 1.563rem;
    border: 1px solid #4A8B2C;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    border-radius: 0px;
    margin-right: 0.5rem;
    margin-top: -5px;
}

/* Cambiar el color de fondo del contenedor y mostrar la imagen cuando el checkbox está marcado */
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + span:before {
    background-color: #4A8B2C;
    background-image: url(https://zalabi.com/wp-content/uploads/2024/06/Icon.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.wpcf7-submit {
    margin-top: 5.375rem;
    float: right;
}

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

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 3em;
}

/* FIN CONTACTO*/

/* PRODUCTO */


.caract-producto p {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.caract-producto {
    overflow-y: hidden !important;
}

.caract-producto .e-con-inner {
    margin-top: -2px !important;
}


.navigation-buttons {
    display: flex;
    justify-content: space-between;

}


.navigation-buttons .button:hover {

}

.previous-button {
    margin-right: auto;
    padding-left: 2rem;
}

.next-button {
    margin-left: auto;
    padding-right: 2rem;
}

.previous-button::before {
    content: '';
    background-image: url('https://zalabi.com/wp-content/uploads/2024/07/prev-1.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    width: 1.063rem;
    height: 1.875rem;
    position: absolute;
    left: 0;
    top: 0.5rem;
}

.next-button::after {
    content: '';
    background-image: url(https://zalabi.com/wp-content/uploads/2024/07/next-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    width: 1.063rem;
    height: 1.875rem;
    position: absolute;
    right: 0;
    top: 0.5rem;
}

.texto-producto-padre {
    /*  background-color: red;*/
}

.texto-producto-padre, .texto-noticia-padre {
    display: flex;
    justify-content: space-around !important;
}

.categoria-en-ficha p {
    letter-spacing: 0.15rem;
}

.imagen-producto, .imagen-noticia {
    height: 100% !important;
    width: 100% !important;
}

/* FIN PRODUCTO */

/* LISTADO DE PRODUCTOS */
.listado-productos-custom {
    display: flex;
    flex-wrap: wrap;
   /* column-gap: 7.188rem;  */
    row-gap: 2.188rem;
    justify-content: space-between; /* Asegura alineación al principio */
}

.producto-custom {
    display: flex;
    flex: 0 0 calc(50% - 3rem);
    /* box-sizing: border-box; */
    padding: 2.188rem 0;
    align-items: flex-start;
    padding-top: 2.188rem;
    padding-bottom: 2.188rem;
    /* column-gap: 3.125rem; */
    WIDTH: 54%;
    OVERFLOW: HIDDEN;
    margin-right: 0;
}

.px-3rem {
    padding: 0 3rem;
}
.producto-custom img {
    max-width: 100%;
    height: auto;
    display: block;
    min-width: 113px !important;
    max-width: 113px !important;
}

.producto-custom h2 {
    font: normal normal bold 2.125rem/4.063rem Inter !important;
}

.producto-custom p {
    font: italic normal normal 1.5rem/2.063rem Inter;
    margin: 0;
}

/* Forzamos que el contenedor siempre tenga un número par de elementos visibles */
.listado-productos-custom::after {
    content: "";
    flex: 1 1 calc(50% - 10px);
}

form#searchform {
    text-align: right;
}

.search-input {
    display: inline-flex;
    border: 1px solid #E8E7E7 !important;
    padding: 0 0.5rem !important;

}

.search-input input[type="text"] {
    width: 14.313rem;
    margin-left: auto;
    color: #4a8b2c;
}

.search-input img {
    width: 1.625rem;

}

.fondo-verde {
    background-color: #F2F7E9;
}

.learn-more-button-custom {
    display: inline-block;
    padding: 0.688rem 1.5rem;
    background-color: transparent;
    color: #4A8B2C;
    border: solid 1px #4A8B2C;
    text-decoration: none;
    margin-left: auto;
    font: normal normal 600 13px/16px Inter;

    margin-top: 1rem;
    white-space: nowrap;
}

.continue-reading, .eael-load-more-button {
    font: normal normal 600 1.313rem/1.563rem Inter !important;;
    display: inline-block !important;
    padding: 1.5rem 3rem !important;
    color: #4A8B2C !important;
    border: solid 1px #4A8B2C !important;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
}


.learn-more-button-custom:hover, .continue-reading:hover, .eael-load-more-button:hover {
    background-color: #4A8B2C !important;;
    color: white !important;;
}

.categoria-listado {
    display: flex;

}

.categoria-listado img {
    width: 5.75rem;
    margin-left: 1.563rem;
}

/* FIN LISTADO DE PRODUCTOS */


/* Footer */

footer ul {
    margin-top: -0.438rem;
}

footer li, footer ul {
    list-style: none;
    padding: 0px;
}

footer a, footer a:active, footer a:hover {
    color: #4A8B2C;
    font: normal normal normal 16px/30px Inter;
}


.carrusel .elementor-image-carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Color del texto */
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    width: 80%; /* Ajusta este valor según sea necesario */
    z-index: 10; /* Asegura que esté por encima de la imagen */
}

.carrusel .swiper .elementor-swiper-button svg {
    width: 2.75rem !important;
    height: initial !important;
}

.carrusel .swiper .elementor-swiper-button-prev, .carrusel .swiper .elementor-swiper-button-next {
    margin-left: 3.438rem;
    margin-right: 3.438rem;
}

.carrusel .swiper-slide-inner {
    position: relative; /* Necesario para que el position absolute de la leyenda funcione */
}

.carrusel .swiper-slide-image {
    display: block; /* Asegura que la imagen ocupe todo el espacio del contenedor */
    width: 100%;
    height: auto;
}

.site-navigation ul.menu li.lang-item a {
    font-size: 0.8rem;

}

/* Fin Footer*/

/* FICHA NOTICIAS */
.noticias article.eael-grid-post.eael-post-grid-column {
    margin-bottom: 5.938rem;
}

.single-post .page-header {
    background-color: #F2F7E9;
    margin-bottom: 20.938rem;

}

.single-post h1.entry-title {
    font: normal normal normal 3.75rem / 4.688rem Inter;
    color: #4A8B2C;
    margin: 2.25rem auto;
}

.single-post .category-name {
    text-transform: uppercase;
    color: #91C036;
    font: normal normal 600 1.125rem/1.313rem Inter;
}

.single-post .post-date {
    font: normal normal 600 1.125rem/1.313rem Inter;
    color: #888A8D;
    margin-bottom: 4.375rem;
}

.img-ficha-mini {
    max-width: 100%;
    width: 50.75rem;
    margin-bottom: -20.938rem;

}

.texto-ficha {
    max-width: 100%;
    width: 50.75rem;
    margin: 0 auto;
    color: black;
    font: normal normal normal 1.5rem/2.5rem Inter;
    text-align: left;
}

.texto-ficha p {
    margin-bottom: 3rem;
}

.links-rrss a {
    color: white !important;
}

.elementor-3321 .elementor-element.elementor-element-da44487 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
    content: "";
    position: relative;
    border-left: 3px solid #fff !important;
    right: -8px;
    transform: rotate(10deg); /* Ajusta el ángulo de inclinación aquí */
    height: 2rem;
    margin: 0.5rem;
}

.noticias-home .eael-entry-content {
    margin-top: -1.5rem;
}

/* NOTICIAS RELACIONADAS */
.single-post .eael-entry-thumbnail.eael-image-ratio {
    padding-bottom: calc(1 * 100%);
}

.single-post .eael-entry-title {
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.5rem;
    text-decoration-color: rgb(74, 139, 44);
    text-align: left;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}



.single-post .eael-grid-post-holder {
    border: transparent;
}

.single-post .noticias a {
    text-decoration: none
}

.single-post ul.post-meta-categories {
    padding-top: 2rem;
}

.single-post .eael-grid-post-excerpt p {
    margin: 0;
    font-size: 1.25rem;
    color: black;
    line-height: 1.688rem;;

}

.single-post .eael-grid-post .eael-entry-overlay {
    background-color: #4A8B2C66;
}

.single-post article.eael-grid-post.eael-post-grid-column {
    margin-bottom: 0rem;
}

.single-post .eael-entry-thumbnail.eael-image-ratio img {
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% + 1px);
    -webkit-transform: scale(1.01) translate(-50%, -50%);
    -ms-transform: scale(1.01) translate(-50%, -50%);
    transform: scale(1.01) translate(-50%, -50%);
}
.d-none{
    display: none !important;
}
/* FIN FICHA NOTICIAS */


.single-post .texto-ficha h2{
    font-size: 1.875rem !important;
    line-height: 2.938rem !important;
    color: black !important;
    margin-bottom: 3rem !important;

}


/* Pantallas de laptop (1440px) */
@media (max-width: 768px) {
    .producto-custom {
        flex: 1 1 100%; /* Para pantallas pequeñas, los productos ocupan toda la fila */
    }

    .listado-productos-custom::after {
        display: none; /* No necesitamos el pseudo-elemento en pantallas pequeñas */
    }

    .d-none-xs {
        display: none !important;
    }

    .container-fluid {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .site-header .site-branding .site-logo img {
        width: 130px !important;

    }

    footer li, footer ul {
        padding-bottom: 5px;
    }

    .no-absolute-xs{
        position:relative !important;
    }


}


@media (max-width: 1440px) {
    .elementor-186 .elementor-element.elementor-element-5900440 img {
        width: 8rem !important;
        max-width: 90%;
    }

    html {
        font-size: 11px;
    }
}

@media (min-width: 1366px) and (max-width: 1440px) {
    /* Tus estilos CSS aquí */
    .site-header .site-navigation ul.menu li a {

        font-size: 16px !important;
    }

    .menu li a {
        font-size: 14px !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /* Estilos para tablets en orientación vertical */
    .proceso {
        zoom: 2;
    }

    /* CONTACTO */
    .datos-oficinas {
        margin-top: -13vh !important;
    }


}

/* Tabletas en orientación horizontal (1024px) */
@media (max-width: 1024px) {
    html {
        font-size: 12px;
    }

    .pl-interno {
        padding-left: 6rem !important;
    }

    .px-interno {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .mx-interno {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }

    .d-xl-none {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 8px;
    }

    .imagen-producto, .imagen-noticia {
        right: 0rem;
        bottom: 0rem;
    }

    .img-ficha img {
        width: 50% !important;

    }

    nav.site-navigation-dropdown ul li:last-child {
        text-align: center;
    }
    .site-navigation-dropdown > ul > li:not(.menu-item-has-children):last-child a {
        background-color: #4a8b2c !important;
        color:white !important;
        display: inline-block;
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        font-size: 18px;
    }


    /* Establece el menú móvil para que esté fijo en la pantalla */
    .site-navigation-dropdown.show {
        position: fixed;
        /* top: 100px;*/
        top: 41px;
        z-index: 1000;
        background-color: white; /* Asegúrate de que el fondo sea visible */
        overflow-y: auto;
        max-height: calc(100vh - 52px); /* Asegura que no se salga de la pantalla en móviles */
    }

    /* Asegura que el contenido detrás del menú no sea visible ni desplazable */
    /*   body.menu-open {
           overflow: hidden;
       }*/

    body.no-scroll {
        overflow: hidden;
    }

    .site-navigation-dropdown ul.menu > li li {
        transition: max-height .3s, transform .3s;
        transform-origin: top !important;
        transform: none !important;
        max-height: inherit !important;
        width: inherit !important;
        padding-right: 1rem;
    }

    ul.sub-menu {
        display: flex;
        justify-content: center;
        margin: 10%;
    }

    .lang-item {
        padding-right: 0rem !important;
    }

    .lang-item a {
        font-size: 16px !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        margin-left: 1rem;
        margin-right: 1rem;
        text-align: center !important;
    }

    a[href="#pll_switcher"] {
        display: none !important;
    }
}
@media (min-width: 768px) {
    /*OCULTAMOS GET A CUOTE EN ESCRITORIO */
    nav.site-navigation > ul > li:last-child {
        display: none;
    }
    .elementor-3321 .elementor-element.elementor-element-0dbc703 {
        --width: inherit !important;
    }
}

/* Tabletas en orientación vertical (768px) */
@media (max-width: 767.99px) {
    html {
        /*  font-size: 7px;*/
        font-size: 12px;
    }

    .img-ficha img {
        width: 9rem !important;
        margin-top: 2rem;

    }
    .elementor-2533 .elementor-element.elementor-element-4f5c7d3.e-con {
        --align-self: flex-center;
        display: flex;
        align-items: center;
        align-content: center;
    }

    .site-navigation-toggle-holder {
        padding: 0 !important;
    }


    .seccion-px, .seccion-xs {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .site-header {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .px-interno, .px-interno-2 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .pl-interno {
        padding-left: 0rem !important;
    }

    .mx-interno {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .seccion-py {
        padding-top: 7.25rem;
        padding-bottom: 7.25rem;
    }

    .pt-xl {
        padding-top: 7.25rem !important;
    }

    .pb-xl {
        padding-bottom: 7.25rem !important;
    }


    .mt-xl {
        margin-top: 7.25rem !important;
    }

    .mb-xl {
        margin-bottom: 7.25rem !important;
    }

    .pt-md {
        /*  antes el md estaba en 3.5rem*/
        padding-top: 4.5rem !important;
    }

    .pb-md {
        padding-bottom: 4.5rem !important;
    }

    .mt-md {
        margin-top: 4.5rem !important;
    }

    .mb-md {
        margin-bottom: 4.5rem !important;
    }
    .pt-0-xs {
        padding-top: 0rem !important;
    }
    .pb-0-xs {
        padding-bottom: 0rem !important;
    }

    .px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mb-0-xs {
        margin-bottom: 0 !important;
    }

    .noticias .eael-post-grid-container .eael-post-grid {
        margin: 0;
    }

    .noticias .eael-post-grid-container .eael-post-grid .eael-grid-post {
        padding-bottom: 3rem;
    }

    .noticias .eael-post-grid-container .eael-post-grid .eael-grid-post {
        /* padding: 0 0 3rem 0;*/
        padding: 0 0 0rem 0;
    }




    label.enviar-mensaje {
        display: flex;
        justify-content: center;
    }

    .wpcf7-spinner {
        position: absolute;
        margin-top: 2rem;
    }

    span.wpcf7-form-control.wpcf7-acceptance.wpcf7-not-valid {
        width: 60%;
    }

    input[type="checkbox"] {
        z-index: 999;
        position: relative;
    }

    span.wpcf7-list-item-label {
        z-index: -1;
        position: relative;
    }

    .carrusel .swiper .elementor-swiper-button svg {
        width: 1.5rem !important;
    }

    .carrusel .swiper .elementor-swiper-button-prev, .carrusel .swiper .elementor-swiper-button-next {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .imagen-producto-padre.imagen-producto-noticias{
        margin-top: 0rem !important;
    }

    .imagen-producto-padre {
        margin-top: -5rem !important;
    }

    img.imagen-producto {
        padding: 2rem;

        z-index: 5;
        position: relative;
    }

    img.imagen-noticia {
        /* padding: 2rem;*/
        z-index: 5;
        position: relative;
    }

    .producto-template-default .elementor-image-gallery .gallery {
        margin: 0 !important;
        margin-right: 2.8rem !important;
    }

    .producto-template-default .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item {
        max-width: 20% !important;
    }

    .producto-template-default .elementor-element.elementor-element-dca55b3 .gallery-item {
        padding: 0.5rem !important;
    }

    .datos-oficinas {
        margin: -27vh auto 0 auto !important;
    }

    .single-post article.eael-grid-post.eael-post-grid-column {
        margin-bottom: 5.938rem;
    }

    .single-post .eael-entry-thumbnail {
        padding-bottom: calc(0.63 * 100%) !important;
    }

    .single-post .page-header {

        margin-bottom: 9.938rem;
    }

    .img-ficha-mini {
        margin-bottom: -9.938rem;

    }

    .no-elementor {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .eael-post-grid-column {
        border-bottom: 1px solid #91C036;
        padding-bottom: calc(5.938rem / 2) !important;
        margin-bottom: 4rem !important;
    }

    .eael-post-grid-column:last-child {
        border-bottom: none; /* Elimina el borde del último elemento */
        margin-bottom: 0; /* Elimina el espacio adicional en el último elemento si es necesario */
    }
    .elementor-2533 .elementor-element.elementor-element-8e9658e {
        --padding-left: 2rem !important;

    }

    .banner-home {
        padding: 0 1rem !important;
    }
}

/* Móviles grandes (480px) */
@media (max-width: 480px) {
    html {
        /*   font-size: 6px;*/
    }
}

/* Móviles pequeños (320px) */
@media (max-width: 320px) {
    html {
        /*   font-size: 5px;*/
    }
}


@media (min-width: 1447px) and (max-width: 1241px) {
    .imagen-noticia {
        width: 31rem !important;
        right: 0rem;
    }
}

@media (min-width: 1053px) and (max-width: 1782px) {
    .imagen-noticia {
        width: 31rem !important;
        right: 0 !important;
    }
}

@media (min-width: 992px) {
    .imagen-producto {
        right: 13.5rem;
        bottom: 4.3rem;
        position: relative;
    }

    .imagen-noticia {
        right: 13.5rem;
        position: relative;
    }

    .texto-producto-padre, .texto-noticia-padre {
        justify-content: space-between !important;
        display: flex !important;
        padding-bottom: 5rem !important;
        padding-right: 13.5rem !important;
    }

    .img-ficha img {
        width: 6.75rem;
    }

    .producto-template-default .gallery {
        margin: 0.5rem -2.625rem -2.625rem -0.5rem !important;
    }

    .producto-template-default .gallery-item {
        padding: 0 2.625rem 2.625rem 0 !important;

    }
}

body:not([class*=elementor-page-]) .site-main.type-producto, main#content {
    max-width: 100% !important;
}


.producto-template-default header#site-header, .single-post header#site-header {
    position: relative;
}

.error-message {
    text-align: center;
}

.grecaptcha-badge {
    visibility: hidden;
}
/* Mostrar la imagen del menú hamburguesa */

.site-navigation-toggle-holder .site-navigation-toggle {
    padding: 0;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon {
    background-image: url(https://zalabi.com/wp-content/uploads/2024/08/menu-hamburguesa.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 27px !important;
    height: 18px;
    position: relative;
    transition: background-image 0.1s ease-in-out;
}

/* Eliminar las líneas originales del menú hamburguesa */
.site-navigation-toggle-holder .site-navigation-toggle-icon:before,
.site-navigation-toggle-holder .site-navigation-toggle-icon:after {
    content: none !important; /* Asegurarse de que las líneas originales no aparezcan */
}

/* Mostrar la imagen de cerrar cuando el menú está expandido */
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded="true"] .site-navigation-toggle-icon {
    background-image: url('https://zalabi.com/wp-content/uploads/2024/09/cerrar.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 27px !important;
    height: 18px;
    background-position: right;
}

.eael-author-avatar>a {
    display: none !important;
}

.cky-revisit-bottom-left {
    left: 20px !important;
}
.site-navigation-toggle-holder {
    margin-top: -10px;
}
.elementor-element.elementor-element-b1e9ee7 .eael-grid-post-excerpt p {
    margin-top: 16px !important;
}
.show-description-products{
    display: none !important;
}

/*
.elementor-image-gallery .gallery-item, .producto-template-default .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item {
    max-width: inherit !important;
}

.gallery .gallery-item:nth-child(7) ~ .gallery-item {
    clear: both;
}.gallery-item {
     width: 160px;
     height: 140px;
     margin: 10px;
 }*/

.caja-contacto{
    max-width: 80rem;
    margin: 0 auto !important;
}
.site-header .site-branding .site-logo img {
    width: 10rem !important;
}
@media (max-width: 1023.99px) {
    body .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
        display: flex !important;
    }

    body  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
        display: none !important;
    }
    .producto-custom {
        flex: 0 0 calc(50% - 1rem);

    }
}
@media (max-width: 767.99px) {
    .gallery-icon img {
        min-width: 4rem !important;
    }
    .producto-custom {
        flex: 0 0 calc(100% - 0rem) ;

    }
}
div#resultado-busqueda {
    display: flex;
    flex-direction: column;
}
div#other-products {
    order: 3;
}
/* OCULTAR SELECTOR DE IDIOMA */
/*.pll-parent-menu-item {
	display: none !important;
}
@media (max-width: 767.99px) {
	.pll-parent-menu-item {
		visibility: hidden;
		display: inline-block !important;
	}
}*/
/* FIN OCULTAR SELECTOR DE IDIOMA */