.elementor-178 .elementor-element.elementor-element-bd282cb{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35.4px;--padding-right:35.4px;--z-index:999;}.elementor-178 .elementor-element.elementor-element-bd282cb:not(.elementor-motion-effects-element-type-background), .elementor-178 .elementor-element.elementor-element-bd282cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-178 .elementor-element.elementor-element-37e4fd9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-7512604{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-178 .elementor-element.elementor-element-0526494{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-178 .elementor-element.elementor-element-3f3a6de{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-178 .elementor-element.elementor-element-3f3a6de:hover{background-color:#212121;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-178 .elementor-element.elementor-element-096d50f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-178 .elementor-element.elementor-element-096d50f .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-178 .elementor-element.elementor-element-096d50f.elementor-view-stacked .elementor-icon{background-color:#909090;}.elementor-178 .elementor-element.elementor-element-096d50f.elementor-view-framed .elementor-icon, .elementor-178 .elementor-element.elementor-element-096d50f.elementor-view-default .elementor-icon{fill:#909090;color:#909090;border-color:#909090;}.elementor-178 .elementor-element.elementor-element-096d50f .elementor-icon{font-size:14px;}.elementor-178 .elementor-element.elementor-element-096d50f .elementor-icon-box-title, .elementor-178 .elementor-element.elementor-element-096d50f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;}.elementor-178 .elementor-element.elementor-element-096d50f .elementor-icon-box-title{color:#FFFFFF;}.elementor-178 .elementor-element.elementor-element-096d50f:has(:hover) .elementor-icon-box-title,
					 .elementor-178 .elementor-element.elementor-element-096d50f:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-178{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-178 .elementor-element.elementor-element-7512604{--width:8.333333%;}.elementor-178 .elementor-element.elementor-element-0526494{--width:77.62%;}.elementor-178 .elementor-element.elementor-element-3f3a6de{--width:14.05%;}}/* Start custom CSS for html, class: .elementor-element-bd95d26 *//* =========================================
       0. IMPORTACIONES Y RESET GLOBAL
       ========================================= */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
    @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

    * { box-sizing: border-box; }
    body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; overflow-x: hidden; }

    /* =========================================
       1. HEADER / NAVBAR
       ========================================= */
    .jeep-navbar {
        position: relative;
        width: 100%;
        height: 80px;
        background-color: #000;
        z-index: 1000;
        /* ELIMINADO: border-bottom: 1px solid #1a1a1a; */
        border-bottom: none; 
    }

    .jeep-nav-container {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0; 
        width: 100%;
        max-width: 1450px;
        margin: 0 auto;
    }

    /* Módulos (Porcentajes) */
    .jeep-logo-area { width: 8.3333%; height: 100%; display: flex; align-items: center; justify-content: center; }
    .jeep-nav-links { width: 79.62%; list-style: none; padding: 0; margin: 0; display: flex; height: 100%; justify-content: center; }
    .jeep-right-area { width: 12.05%; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
    .jeep-nav-item { height: 100%; display: flex; align-items: center; }

    /* Botones */
    .jeep-nav-btn {
        background: transparent;
        border: none;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        padding: 0 25px;
        height: 100%;
        cursor: pointer;
        display: flex;
        align-items: center;
        position: relative;
        letter-spacing: 0.5px;
        outline: none;
        transition: background-color 0.2s ease;
    }

    .jeep-nav-btn:hover { background-color: #212121; }

    .jeep-nav-btn.active,
    .jeep-nav-btn.active:hover {
        background-color: #fff;
        color: #000;
        z-index: 1002;
    }

    .jeep-nav-btn small { font-size: 9px; margin: -5px 0 0 2px; }
    .jeep-nav-btn .jeep-icon { font-size: 10px; margin-left: 10px; transition: transform 0.3s; }
    .jeep-nav-btn.active .jeep-icon { transform: rotate(180deg); }

    /* =========================================
       2. MEGA MENU WRAPPER
       ========================================= */
    .jeep-mega-wrapper {
        position: absolute;
        top: 80px;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        right: auto;
        background-color: transparent;
        z-index: 1001;
        display: none;
    }
    .jeep-mega-wrapper.open { display: block; }

    /* Panel Blanco */
    .jeep-mega-panel {
        display: none;
        width: 100%;
        background-color: #fff;
        /* ELIMINADO: border-top: 1px solid #e5e5e5; */
        border-top: none; 
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    .jeep-mega-panel.active { display: block; animation: slideDown 0.2s ease-out; }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-5px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Botón Cerrar */
    .jeep-close-btn-abs {
        position: absolute;
        top: 20px;
        right: 40px;
        z-index: 20;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 20px;
        padding: 6px 18px;
        font-size: 11px; font-weight: 700; color: #000;
        cursor: pointer; text-transform: uppercase;
        display: flex; align-items: center; gap: 8px;
        transition: background 0.2s;
    }
    .jeep-close-btn-abs:hover { background: #f0f0f0; }
    .jeep-close-btn-abs i { color: #666; font-size: 12px; }

    /* =========================================
       3. CONTENIDOS (Estilos Generales)
       ========================================= */
    .jeep-container-center {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
    }
    .jeep-container-center.full-height { height: 100%; }

    /* Iconos */
    .jeep-tools-icons-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 50px 0 40px 0;
    }
    .posventa-padding { padding-bottom: 80px; }

    .jeep-tool-item {
        display: flex; flex-direction: column; align-items: center;
        text-decoration: none; color: #000; width: 18%; transition: opacity 0.3s;
    }
    .jeep-tool-item:hover { opacity: 0.7; }
    .jeep-tool-item .icon-box { font-size: 40px; color: #294038; margin-bottom: 15px; }
    .jeep-tool-item span {
        font-size: 11px; font-weight: 700; text-transform: uppercase;
        text-align: center; letter-spacing: 0.5px; line-height: 1.4; color: #000;
    }
    .fa-life-ring { transform: rotate(45deg); }

    /* Líneas */
    .jeep-full-width-divider { width: 100%; height: 1px; background-color: #e5e5e5; margin: 0; }

    .jeep-bottom-section-wrapper { background-color: #fff; min-height: 250px; }
    .jeep-split-layout { display: flex; width: 100%; align-items: stretch; height: 100%; }
    .jeep-half-col { flex: 1; display: flex; flex-direction: column; }
    .jeep-half-col.left-side { border-right: 1px solid #e5e5e5; }

    .jeep-col-content { padding-top: 40px; padding-bottom: 60px; max-width: 400px; }
    .left-side .jeep-col-content { margin-left: auto; margin-right: 60px; }
    .right-side .jeep-col-content { margin-left: 60px; margin-right: auto; }

    .jeep-col-content h3 { font-size: 13px; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.5px; }
    .jeep-col-content ul { list-style: none; padding: 0; margin: 0; }
    .jeep-col-content ul li { margin-bottom: 12px; }
    .jeep-col-content ul li a { text-decoration: none; color: #555; font-size: 14px; font-weight: 400; transition: color 0.2s; }
    .jeep-col-content ul li a:hover { color: #000; text-decoration: underline; }

    /* Container Inner */
    .jeep-panel-inner { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; padding-bottom: 50px; }

    /* =========================================
       4. MENÚ MODELOS (SIDEBAR)
       ========================================= */
    .jeep-mega-panel.models-panel-override {
        background-color: transparent; border-top: none; box-shadow: none; pointer-events: none;
    }

    .jeep-models-alignment-wrapper {
        width: 100%; max-width: 1450px; margin: 0 auto;
        display: flex; justify-content: flex-start; pointer-events: none;
    }

    .jeep-models-sidebar {
        width: 370px; height: calc(100vh - 80px);
        background-color: #fff; overflow-y: auto; pointer-events: auto;
        box-shadow: 2px 0 10px rgba(0,0,0,0.2);
    }
    .jeep-models-sidebar::-webkit-scrollbar { width: 6px; }
    .jeep-models-sidebar::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 3px; }

    .category-header {
        height: 79px; padding: 0 20px 0 30px;
        display: flex; justify-content: space-between; align-items: center;
        cursor: pointer; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .header-wagoneer { background-color: #19254d; }
    .header-jeep { background-color: #000; }
    .header-black { background-color: #000; border-top: 1px solid #333; }

    .header-logo-img { display: block; max-height: 22px; width: auto; object-fit: contain; }
    .cat-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }
    .cat-toggle { display: flex; align-items: center; font-size: 10px; font-weight: 700; }
    .cat-count { margin-right: 10px; opacity: 0.8; letter-spacing: 0.5px; }
    .open-icon, .close-icon { font-size: 12px; }
    .close-icon { display: none; }

    .models-category.active .open-icon { display: none; }
    .models-category.active .close-icon { display: block; }
    .models-category .category-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; background-color: #fff; }
    .models-category.active .category-content { max-height: 2000px; }

    .model-item {
        display: flex; align-items: center; padding: 20px 30px;
        border-bottom: 1px solid #e5e5e5; text-decoration: none; color: #000; transition: background 0.2s;
    }
    .model-item:hover { background-color: #f4f4f4; }
    .model-img { width: 120px; margin-right: 15px; flex-shrink: 0; }
    .model-img img { width: 100%; display: block; mix-blend-mode: multiply; }
    .model-info { display: flex; flex-direction: column; }
    .model-name { font-size: 12px; font-weight: 800; text-transform: uppercase; margin-bottom: 5px; color: #000; }
    .model-price { font-size: 10px; color: #555; text-transform: uppercase; }
    .model-price strong { font-size: 11px; color: #000; font-weight: 700; }
    .model-price i { margin-left: 5px; color: #999; font-size: 12px; vertical-align: middle; }

    /* =========================================
       5. HERO SLIDER STYLES
       ========================================= */
    .jeep-slider-wrapper { position: relative; width: 100%; height: 650px; overflow: hidden; background-color: #000; z-index: 1; }
    .jeep-slides-container { width: 100%; height: 100%; position: relative; }
    .jeep-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 1; }
    .jeep-slide.active { opacity: 1; z-index: 2; }
    .jeep-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
    .jeep-content-box { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.65); width: 500px; padding: 40px; color: white; z-index: 10; text-align: center; }
    .jeep-content-box h2 { font-size: 50px; font-weight: 700; line-height: 1; text-transform: uppercase; margin: 0 0 20px 0; color: #ffffff; }
    .jeep-price, .jeep-disclaimer { font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 0.5px; color: #ffffff; }
    .jeep-disclaimer { opacity: 0.9; }
    .jeep-btn { display: table; margin: 0 auto; background-color: #5c8676; color: white; padding: 12px 30px; text-decoration: none; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; transition: background-color 0.3s ease; }
    .jeep-btn:hover { background-color: #3a675b; }
    .jeep-btn i { margin-left: 8px; font-size: 12px; }
    .jeep-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border: none; color: rgba(255,255,255,0.7); font-size: 2rem; cursor: pointer; z-index: 20; padding: 20px; transition: color 0.3s; }
    .jeep-arrow:hover { color: #fff; }
    .jeep-arrow.prev { left: 20px; }
    .jeep-arrow.next { right: 20px; }
    .jeep-indicators-capsule { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.6); padding: 8px 15px; border-radius: 20px; display: flex; gap: 12px; z-index: 20; }
    .dot { width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; cursor: pointer; background: transparent; transition: all 0.3s; }
    .dot.active { background: white; }

    /* =========================================
       6. OVERLAY Y RESPONSIVE
       ========================================= */
    .jeep-menu-overlay {
        position: fixed; top: 80px; left: 0; width: 100%; height: 100vh;
        background: rgba(0,0,0,0.6); z-index: 900; display: none;
    }
    .jeep-menu-overlay.active { display: block; }

    @media (max-width: 900px) {
        .jeep-nav-links { display: none; }
        .jeep-slider-wrapper { height: 500px; }
        .jeep-content-box { width: 85%; left: 50%; transform: translate(-50%, -50%); padding: 30px; }
        .jeep-content-box h2 { font-size: 32px; }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd282cb *//* 1. Configuración del Contenedor (para que el contenido se vea) */
.elementor-178 .elementor-element.elementor-element-bd282cb {
    position: relative;
    z-index: 10; /* Asegura que el texto/logo quede encima del fondo */
    background-color: transparent !important; /* Dejamos que el pseudo-elemento haga el fondo */
}

/* 2. EL FONDO GIGANTE (La solución definitiva) */
.elementor-178 .elementor-element.elementor-element-bd282cb::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    
    /* Hacemos una caja 3 veces más ancha que la pantalla */
    width: 300vw; 
    
    /* La posicionamos al centro del contenedor */
    left: 50%;
    
    /* La movemos hacia la izquierda la mitad de su tamaño para centrarla */
    margin-left: -150vw; 
    
    background-color: #000; /* Color Negro */
    z-index: -1; /* Se coloca detrás del contenido */
    display: block;
}/* End custom CSS */