.elementor-4179 .elementor-element.elementor-element-031e2e9{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4179 .elementor-element.elementor-element-031e2e9.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1366px) and (min-width:769px){.elementor-4179 .elementor-element.elementor-element-031e2e9{--width:1065.386px;}}@media(min-width:2400px){.elementor-4179 .elementor-element.elementor-element-031e2e9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}/* Start custom CSS for html, class: .elementor-element-78ea4e5 *//* Chrome, Edge, Safari */
::-webkit-scrollbar {
    display: none;
}

/* Firefox */
html {
    scrollbar-width: none;
}

/* Internet Explorer */
body {
    -ms-overflow-style: none;
}
.hero-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b2345;
    background-size: cover;                       /* cubre ancho y alto completos, recortando lo que sobre */
    background-position: left top;                /* IMAGEN PEGADA ARRIBA A LA IZQUIERDA */
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease;
}

/* ============ CARRUSEL (SLIDES CON FONDO: SIEMPRE CUBREN TODO) ============ */
.hero-carrusel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    background: #0b2345;
}

.hero-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b2345;
    background-size: cover;                       /* cubre ancho y alto completos, recortando lo que sobre */
    background-position: center center;           /* BASE (celular): todo centro centro */
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease;
}

/* ============ CARRUSEL (SLIDES CON FONDO: SIEMPRE CUBREN TODO) ============ */
.hero-carrusel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    background: #0b2345;
}

.hero-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0b2345;
    background-size: cover;                       /* cubre ancho y alto completos, recortando lo que sobre */
    background-position: center center;           /* BASE (celular): todo centro centro */
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.hero-slide.activa {
    opacity: 1;
}

/* ============ SOLO LAPTOP Y TABLET: posiciones personalizadas ============ */
@media (min-width: 601px) {
    .hero-slide {
        background-position: left top;            /* pegadas arriba a la izquierda */
    }

    /* 1ra y 3ra imagen: centro centro */
    .hero-slide:nth-child(1),
    .hero-slide:nth-child(3) {
        background-position: center center;
    }

    /* 6ta imagen: centro arriba, bajada 90px */
    .hero-slide:nth-child(6) {
        top: 90px;
        height: calc(100% - 90px);
        background-position: center top;
    }

    /* 9na imagen: centro centro, bajada 90px */
    .hero-slide:nth-child(9) {
        top: 90px;
        height: calc(100% - 90px);
        background-position: center center;
    }
}
/* Dot activo: se alarga y queda en blanco sólido (sin barra de progreso) */
.hero-punto-pc.activo .hero-punto-pc__barra {
    width: 34px;
    background: #ffffff;
    transform: none;
}/* End custom CSS */