/* =========================================================
   ULTRAPC HOME SMART SLIDER
   BASE CONSOLIDADA DESKTOP
   Slider ID: 2
   ========================================================= */

@media (min-width: 1200px) {

    /* SECCIÓN GENERAL */
    body.home .elementor-element-619c73a {
        padding: 12px 24px 24px !important;
        margin-top: 0 !important;
        background: transparent !important;
        background-image: none !important;
        overflow: hidden !important;
    }

    body.home
    .elementor-element-619c73a
    > .elementor-container {
        width: 100% !important;
        max-width: 1500px !important;
        margin: 0 auto !important;
    }


    /* WIDGET ELEMENTOR */
    body.home .elementor-element-606c62f,
    body.home .elementor-element-606c62f .elementor-widget-container,
    body.home .elementor-element-606c62f .elementor-shortcode {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }


    /* NEUTRALIZAR FULL WIDTH */
    body.home
    .elementor-element-606c62f
    ss3-force-full-width {
        display: block !important;
        position: relative !important;

        left: auto !important;
        right: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: none !important;
    }


    /* ANCHO DEL CARRUSEL */
    body.home .n2-section-smartslider[data-ssid="2"],
    body.home #n2-ss-2-align,
    body.home #n2-ss-2-align > .n2-padding {
        width: 100% !important;
        max-width: 1400px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home #n2-ss-2-align {
        margin-top: 0 !important;
    }


    /* MARCO PRINCIPAL */
    body.home #n2-ss-2 {
        position: relative !important;
        width: 100% !important;

        border: 1px solid rgba(61,145,255,.32) !important;
        border-radius: 20px !important;

        background: transparent !important;
        overflow: hidden !important;

        box-shadow:
            0 18px 45px rgba(0,12,38,.24),
            inset 0 1px 0 rgba(255,255,255,.035) !important;
    }

    body.home #n2-ss-2 .n2-ss-slider-1,
    body.home #n2-ss-2 .n2-ss-slider-2,
    body.home #n2-ss-2 .n2-ss-slider-3,
    body.home #n2-ss-2 .n2-ss-slide-backgrounds {
        border-radius: 18px !important;
        overflow: hidden !important;
    }


    /* FLECHAS */
    body.home #n2-ss-2 .nextend-arrow {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 46px !important;
        height: 46px !important;

        padding: 0 !important;

        border: 1px solid rgba(255,255,255,.15) !important;
        border-radius: 13px !important;

        background: rgba(3,19,43,.72) !important;

        box-shadow:
            0 6px 18px rgba(0,12,35,.20) !important;

        opacity: .86 !important;

        transition:
            opacity .18s ease,
            background-color .18s ease,
            border-color .18s ease,
            transform .18s ease !important;
    }

    body.home #n2-ss-2 .nextend-arrow:hover {
        background: rgba(29,112,214,.90) !important;
        border-color: rgba(101,181,255,.65) !important;

        opacity: 1 !important;
        transform: scale(1.04) !important;
    }

    body.home #n2-ss-2 .nextend-arrow img {
        width: 22px !important;
        height: 22px !important;
    }


    /* PUNTOS */
    body.home #n2-ss-2 .nextend-bullet-bar {
        align-items: center !important;
        gap: 3px !important;
    }

    body.home #n2-ss-2 .nextend-bullet-bar .n2-bullet {
        width: 9px !important;
        height: 9px !important;

        margin: 3px !important;
        padding: 0 !important;

        border-radius: 50% !important;

        background: rgba(255,255,255,.38) !important;

        transition:
            background-color .18s ease,
            transform .18s ease !important;
    }

    body.home #n2-ss-2
    .nextend-bullet-bar
    .n2-bullet.n2-active {
        background: #258cff !important;
        transform: scale(1.25) !important;
    }
}

/* =========================================================
   ULTRAPC SMART SLIDER
   ACERCAR CARRUSEL AL HEADER
   ========================================================= */

@media (min-width: 1200px) {

    body.home .elementor-element-619c73a {
        margin-top: -30px !important;
    }

}

/* =========================================================
   ULTRAPC SMART SLIDER
   FLECHAS COMPACTAS
   ========================================================= */

@media (min-width: 1200px) {

    body.home #n2-ss-2 .nextend-arrow {
        width: 38px !important;
        height: 38px !important;

        padding: 0 !important;

        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 50% !important;

        background: rgba(5,25,51,.72) !important;

        box-shadow:
            0 5px 15px rgba(0,15,40,.20) !important;

        opacity: .76 !important;

        backdrop-filter: blur(7px);
    }

    body.home #n2-ss-2 .nextend-arrow:hover {
        background: rgba(29,112,214,.92) !important;
        border-color: rgba(105,185,255,.55) !important;

        opacity: 1 !important;

        transform: scale(1.06) !important;
    }

    body.home #n2-ss-2 .nextend-arrow img {
        width: 17px !important;
        height: 17px !important;
    }

    body.home #n2-ss-2-arrow-previous {
        --widget-offset: 16px !important;
    }

    body.home #n2-ss-2-arrow-next {
        --widget-offset: 16px !important;
    }

}

/* =========================================================
   ULTRAPC SMART SLIDER
   PUNTOS DE NAVEGACIÓN MÁS VISIBLES
   ========================================================= */

@media (min-width: 1200px) {

    body.home #n2-ss-2
    .nextend-bullet-bar {
        gap: 5px !important;
    }

    body.home #n2-ss-2
    .nextend-bullet-bar
    .n2-bullet {

        width: 8px !important;
        height: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        background:
            rgba(85, 105, 130, .38) !important;

        box-shadow:
            0 1px 3px rgba(0, 20, 45, .12) !important;

        opacity: 1 !important;

        transform: none !important;
    }

    body.home #n2-ss-2
    .nextend-bullet-bar
    .n2-bullet.n2-active {

        width: 9px !important;
        height: 9px !important;

        background:
            #258cff !important;

        box-shadow:
            0 0 0 3px rgba(37, 140, 255, .12) !important;

        transform: none !important;
    }

}
