.elementor-kit-61{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* Contenedor principal del hero */
.dipaz-hero {
    position: relative;
    overflow: hidden;
}

/* Contenedor fijo sobre todas las diapositivas */
.dipaz-hero-content {
    position: absolute;
    inset: 0;
    z-index: 10;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    padding: 40px;
    text-align: left;

    pointer-events: none;
}

/* Alinear el contenido interno a la izquierda */
.dipaz-hero-content .elementor-widget-image,
.dipaz-hero-content .elementor-widget-heading,
.dipaz-hero-content .elementor-widget-button {
    text-align: left;
}

/* Permitir interacción con botones y enlaces */
.dipaz-hero-content a,
.dipaz-hero-content button {
    pointer-events: auto;
}

/* Ajuste para tablets */
@media (max-width: 1024px) {
    .dipaz-hero-content {
        padding: 32px;
    }
}

/* Ajuste para móviles */
@media (max-width: 767px) {
    .dipaz-hero-content {
        padding: 24px;
    }
}

/* ==============================
   CONTENEDOR EXTERIOR MARQUESINA DE LOGOS
============================== */

.logo-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* ==============================
   PISTA EN MOVIMIENTO
============================== */

.logo-marquee-track {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    width: max-content !important;
    flex-wrap: nowrap !important;

    gap: 60px;

    animation-name: logos-scroll !important;
    animation-duration: 25s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;

    will-change: transform;
}

/* ==============================
   CADA LOGO
============================== */

.logo-marquee-item {
    flex: 0 0 auto !important;
    width: 150px;
}

/* IMPORTANTE:
   Aplicamos directamente sobre la imagen real
*/

.logo-marquee-item img {
    display: block;
    width: 100%;
    height: 70px;
    object-fit: contain;

    filter: grayscale(100%) !important;
    opacity: 0.55;

    transition:
        filter 0.3s ease,
        opacity 0.3s ease;
}

/* ==============================
   HOVER
============================== */

.logo-marquee-item:hover img {
    filter: grayscale(0%) !important;
    opacity: 1;
}

/* ==============================
   ANIMACIÓN
============================== */

@keyframes logos-scroll {

    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }

}

/* ==============================
   PAUSA EN HOVER
============================== */

.logo-marquee:hover .logo-marquee-track {
    animation-play-state: paused !important;
}


/* TABLET */

@media (max-width: 1024px) {

    .logo-marquee-track {
        gap: 45px;
        animation-duration: 22s !important;
    }

    .logo-marquee-item {
        width: 130px;
    }

}


/* MÓVIL */

@media (max-width: 767px) {

    .logo-marquee-track {
        gap: 35px;
        animation-duration: 18s !important;
    }

    .logo-marquee-item {
        width: 105px;
    }

    .logo-marquee-item img {
        height: 55px;
    }

}

/* ESTADO NORMAL: LOGOS EN GRIS */
.logo-marquee-item,
.logo-marquee-item img,
img.logo-marquee-item {
    filter: grayscale(100%) !important;
    opacity: 0.60 !important;

    transition:
        filter 0.35s ease,
        opacity 0.35s ease !important;
}

/* HOVER: RECUPERAR COLOR */
.logo-marquee-item:hover,
.logo-marquee-item:hover img,
img.logo-marquee-item:hover {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}


/* =========================================
   ALINEAR TARJETAS LOOP CAROUSEL DESDE ARRIBA
========================================= */

.dipaz-noticias-carousel .swiper-wrapper {
    align-items: flex-start !important;
}

/* Cada slide empieza exactamente desde arriba */
.dipaz-noticias-carousel .swiper-slide {
    align-self: flex-start !important;
    height: auto !important;
}

/* Evita centrado vertical interno de Elementor */
.dipaz-noticias-carousel .e-loop-item,
.dipaz-noticias-carousel .elementor-loop-container {
    align-items: flex-start !important;
}

/* Contenedor de nuestra tarjeta */
.dipaz-noticias-carousel .dipaz-card-noticia {
    justify-content: flex-start !important;
    align-items: stretch !important;
    height: auto !important;
    margin-top: 0 !important;
}

.boton-ancho-completo {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}/* End custom CSS */