/* ==========================================================================
   HOME - ZIABIS.CL
   ========================================================================== */

   /* SECTION BODY */
.section-home-pr {
   overflow: hidden !important;
}


/*PORTADA / (Style - Tablet y Desktop)*/
@media (min-width: 768px) {
.portada-home-zm img {
   border-radius: 32px;
   min-height: 270px;
   object-fit: cover;
   object-position: left center;
}}

/*PORTADA / (Style - Mobile)*/
@media (max-width: 767px) {
.portada-home-zm-mb img {
   object-fit: cover;
   object-position: center;
   overflow: hidden !important;
}}

/*PORTADA (Ocultar Mobile)*/
@media (max-width: 767px) {
.portada-home-zm-desktop img {
   display: none;
}}

/*PORTADA (Ocultar Desktop)*/
@media (min-width: 768px) {
.portada-home-zm-mb img {
   display: none;
}}

/*SECTION BODY (Desktop)*/
@media (min-width: 768px) {
.section-home-pr {
   padding: 0px 40px 32px 40px;
}}

/*SECTION BODY (Mobile)*/
@media (max-width: 767px) {
.section-home-pr {
   padding: 0;
}}




/* =============================================
   SECTION BODY - ZIABIS.CL
   ============================================= */


/* HACER SLIDER */
#listing_tipos_vh .jet-listing-grid.jet-listing {
    overflow-x: scroll !important;
}
/* Ocultar (SCROOLL) */
@media (max-width: 1023px) {
#listing_tipos_vh .jet-listing-grid.jet-listing::-webkit-scrollbar {
    display: none;
}}

#listing_tipos_vh .jet-listing-grid.jet-listing::-webkit-scrollbar {
    position: absolute;
    right:0;
    top:0
}

/*** Estilos | TABLET - DESKTOP (Desde 768px) ***/
@media (min-width: 768px) {

/* TITLE (Tablet - Desktop) */
.text-tipos-vh-home {
   font-size: clamp(19px, 4.8vw, 21px) !important;
   padding-bottom: 20px;
   padding-left: 40px;
}
/* SECTION (Tablet - Desktop) */
.section-hm-tipos-vh {
   padding: 32px 0 0 0;   
}
/* Listing (Tablet - Desktop) */
#listing_tipos_vh .jet-listing-grid__items {
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
   justify-items: center;
   flex-direction: row;
   flex-wrap: nowrap;
   gap: 20px;
}
/* Listing - ITEM (Tablet - Desktop) */
#listing_tipos_vh .jet-listing-grid__item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: max-content;
    padding-top: 0;
    padding-bottom: 0;
}
/* Padding - Primer Elemnt (Tablet y Desktop) */
#listing_tipos_vh .jet-listing-grid__item:first-child {
    padding-left: 56px;
}
/* Padding - Ultimo Elemnt (Tablet y Desktop) */
#listing_tipos_vh .jet-listing-grid__item:last-child {
    padding-right: 48px;
}
}


/*** Estilos | MOBILE (Hasta 767px) ***/
@media (max-width: 767px) {

/* SECTION (Mobile) */
.section-hm-tipos-vh {
   padding: 24px 0 0 0;  
}
/* TITLE (Mobile) */
.text-tipos-vh-home {
   font-size: clamp(19px, 4.8vw, 21px) !important;
   padding-bottom: 20px;
   padding-left: 24px;
}
/* Listing PADRE (Mobile) */
#listing_tipos_vh .jet-listing-grid__items {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    width: auto !important;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
}
/* Listing ITEM (Mobile) */
#listing_tipos_vh .jet-listing-grid__item {
    padding-left: calc(0px / 2);
    padding-right: calc(0px / 2);
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 120px !important;
    max-width: max-content;
}
/* Agregar padding - Primer elemnt (Mobile) */
#listing_tipos_vh .jet-listing-grid__item:first-child {
    padding-left: 20px;
}
/* Agregar padding - Ultimo elemnt (Mobile) */
#listing_tipos_vh .jet-listing-grid__item:last-child {
    padding-right: 24px;
}
}



/* =============================================
   BASES DE VENTA - ZIABIS.CL
   ============================================= */


/* SPINNER LOADER (LAZY LOAD) */
.listing-base-venta .jet-listing-grid__loader {
    display: none;
}


/* LISTING GRID */
.listing-base-venta .jet-listing-grid__item {
    padding: 0;
}


/** SECTION BASES DE VENTA (Tablet y Desktop) **/
@media (min-width: 768px) {
.section-hm-bases-venta {
    background-color: #F5FAF8;
    padding: 0 16px;
    border-radius: 32px; 
    height: 128px;
    display: flex;
    align-items: center;
    border-radius: 32px;
}}

/** SECTION BASES DE VENTA (Mobile) **/
@media (max-width: 767px) {
.section-hm-bases-venta {
    background-color: #07664512;
    padding: 24px 0 !important;
    border-radius: 32px;
    margin: 16px 16px !important;
    box-shadow: 0px 0px 16px 0px #021e1412;
    border: 1px solid #097f5524;
}}


.listing-base-venta .jet-listing-grid__slider .jet-slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0;
    padding: 4px;
    position: absolute;
    bottom: 24px;
    right: 4px;
    transform: rotate(90deg);
    background-color: white;
    border-radius: 32px;
}

.listing-base-venta .jet-slick-dots li.slick-active {
    background: #097F55 !important;
    transform: scale(1.3);
}

.listing-base-venta .jet-listing-grid__slider .jet-slick-dots li {
    width: 5px !important; 
    height: 5px !important;
    background: #eee;
}

/* SECTION (Tablet y Desktop) */
@media (min-width: 768px) {
.section-base-venta {
    position: relative;
    border-right: 1px solid #E0E2E1;
    padding: 0 24px;
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}}



/* SECTION (MOBILE) */
@media (max-width: 767px) {
.section-base-venta {
    position: relative;
    border-right: 1px solid #E0E2E1;
    padding: 0 40px 0 20px;
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}}


/* Ocultar borde */
@media (max-width: 1023px) {
.section-base-venta {
    border-right: none !important;
}}

/* ICON VERIFICADO - 1 (Tablet y Desktop) */
@media (min-width: 768px) {
.icon-check-base-venta img {
    position: absolute;
    margin-left: 48px;
    top: 0px;
    z-index: 2;
}}
/* ICON VERIFICADO - 1 (Mobile) */
@media (max-width: 767px) {
.icon-check-base-venta img {
    position: absolute;
    margin-left: 48px;
    top: 0px;
    z-index: 2;
}}





/* ICON VERIFICADO (Ocultar ultimo Item) */
.jet-listing-grid__item:last-child  .icon-check-base-venta img {
    display: none;
}

/* IMAGEN (Tablet y Desktop) */
@media (min-width: 768px) {
.img-base-venta img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}}

/* IMAGEN (Mobile) */
@media (max-width: 767px) {
.img-base-venta img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}}

/* TITULO*/
.title-base-venta {
    padding-bottom: 6px !important;
    padding-left: 84px;
}


/* PARRAFO*/
.parrafo-base-venta {
    padding-left: 84px;
    color: #636E6B;
    line-height: 1.5em;
}

/* Ocultar borde */
.listing-base-venta .jet-listing-grid__item.jet-listing-dynamic-post-3 .section-base-venta {
    border: none !important;
}


/* =============================================
   SECTION DESTACADOS - ZIABIS.CL
   ============================================= */
   
   /* Listing Destacados */
@media (max-width: 850px) {
.section-hm-destacados .jet-listing-grid__items {
    --columns: 1 !important;
}}

/* Listing Destacados */
@media (min-width: 851px) and (max-width: 1200px){
body .section-hm-destacados .jet-listing-grid__items {
    --columns: 2 !important;
}}

/* Listing Destacados */
@media (min-width: 1201px) {
body .section-hm-destacados .jet-listing-grid__items {
    --columns: 3 !important;
}}

/**** SECTION DESTACADOS (Desktop) ****/
@media (min-width: 1024px) {
.section-hm-destacados {
   padding: 24px 0 40px 0;   
}}
/**** SECTION DESTACADOS (Tablet) ****/
@media (min-width: 768px) and (max-width: 1023px) {
.section-hm-destacados {
   padding: 32px 0 40px 0;   
}}
/* SECTION DESTACADOS (Mobile) */
@media (max-width: 767px) {
.section-hm-destacados {
   padding: 32px 20px 0 20px;   
}}

/* TITLE Destacados */
.title-hm-destacados {
   font-size: clamp(19px, 4.8vw, 21px) !important;
   padding-bottom: 8px;
}

/* Listing Destacados */
.section-hm-destacados .jet-listing-grid__items {
    margin-left: calc(40px / -2);
    margin-right: calc(40px / -2);
    width: calc(100% + 40px);
}

/* Listing Destacados */
@media (min-width: 768px) {
.section-hm-destacados .jet-listing-grid__item {
    padding-left: calc(40px / 2);
    padding-right: calc(40px / 2);
    padding-top: calc(32px / 2);
    padding-bottom: calc(32px / 2);
}}

/* Listing Destacados */
@media (max-width: 767px) {
.section-hm-destacados .jet-listing-grid__item {
    padding-left: calc(40px / 2);
    padding-right: calc(40px / 2);
    padding-top: calc(24px / 2);
    padding-bottom: calc(24px / 2);
}}



/* =============================================
   SECTION RECIEN VISTOS (HISTORIAL) - ZIABIS.CL
   ============================================= */

/* TITLE Historial */
.title-hm-destacados {
   padding-bottom: 8px;
}

/* COL INT TITULOS */
.col-int-historial-home {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    gap: 12px;
}

/* Listing Historial */
@media (max-width: 850px) {
.section-hm-historial .jet-listing-grid__items {
    --columns: 1 !important;
}}

/* Listing Historial */
@media (min-width: 851px) and (max-width: 1200px){
body .section-hm-historial .jet-listing-grid__items {
    --columns: 2 !important;
}}

/* Listing Historial */
@media (min-width: 1201px) {
body .section-hm-historial .jet-listing-grid__items {
    --columns: 3 !important;
}}

/**** SECTION HISTORIAL (Desktop y Tablet) ****/
@media (min-width: 768px) {
.section-hm-historial {
   padding: 32px 0 0 0;   
}}

/* SECTION HISTORIAL (Mobile) */
@media (max-width: 767px) {
.section-hm-historial {
   padding: 20px 20px 0px 20px;   
}}

/* Listing Historial */
@media (max-width: 850px) {
.section-hm-historial .jet-listing-grid__items {
    --columns: 1 !important;
}}

/* Listing Historial */
@media (min-width: 1024px) and (max-width: 1230px){
.section-hm-historial .jet-listing-grid__items {
    --columns: 3 !important;
}}

/* Listing Historial */
.section-hm-historial .jet-listing-grid__items {
    margin-left: calc(40px / -2);
    margin-right: calc(40px / -2);
    width: calc(100% + 40px);
}

/* Listing Historial */
@media (min-width: 768px) {
.section-hm-historial .jet-listing-grid__item {
    padding-left: calc(40px / 2);
    padding-right: calc(40px / 2);
    padding-top: calc(32px / 2);
    padding-bottom: calc(32px / 2);
}}

/* Listing Historial */
@media (max-width: 767px) {
.section-hm-historial .jet-listing-grid__item {
    padding-left: calc(40px / 2);
    padding-right: calc(40px / 2);
    padding-top: calc(24px / 2);
    padding-bottom: calc(24px / 2);
}}




/* =============================================
   SECTION ARTICULOS (HISTORIAL) - ZIABIS.CL
   ============================================= */
   
/* TITLE Articulos */
.title-hm-destacados {
   padding-bottom: 8px;
}

/* COL INT TITULOS */
.col-int-articulos-home {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    gap: 12px;
}

/* Listing Articulos */
@media (max-width: 850px) {
.section-hm-articulos .jet-listing-grid__items {
    --columns: 1 !important;
}}

/* Listing Articulos */
@media (min-width: 851px) and (max-width: 1200px){
body .section-hm-articulos .jet-listing-grid__items {
    --columns: 2 !important;
}}

/* Listing Articulos */
@media (min-width: 1201px) {
body .section-hm-articulos .jet-listing-grid__items {
    --columns: 3 !important;
}}

/**** SECTION Articulos (Desktop y Tablet) ****/
@media (min-width: 768px) {
.section-hm-articulos {
   padding: 32px 0 0 0;   
}}

/* SECTION Articulos (Mobile) */
@media (max-width: 767px) {
.section-hm-articulos {
   padding: 20px 20px 32px 20px;   
}}

/* Listing Articulos */
@media (max-width: 850px) {
.section-hm-articulos .jet-listing-grid__items {
    --columns: 1 !important;
}}

/* Listing Articulos */
@media (min-width: 1024px) and (max-width: 1230px){
.section-hm-articulos .jet-listing-grid__items {
    --columns: 3 !important;
}}

/* Listing Articulos */
.section-hm-articulos .jet-listing-grid__items {
    margin-left: calc(40px / -2);
    margin-right: calc(40px / -2);
    width: calc(100% + 40px);
}

/* Listing Articulos */
@media (min-width: 768px) {
.section-hm-articulos .jet-listing-grid__item {
    padding-left: calc(40px / 2);
    padding-right: calc(40px / 2);
    padding-top: calc(32px / 2);
    padding-bottom: calc(32px / 2);
}}

/* Listing Articulos */
@media (max-width: 767px) {
.section-hm-articulos .jet-listing-grid__item {
    padding-left: calc(40px / 2);
    padding-right: calc(40px / 2);
    padding-top: calc(24px / 2);
    padding-bottom: calc(24px / 2);
}}




/* ==========================================================================
   SKELETON LOADER HORIZONTAL ESPECÍFICO (clase: .skeleton-horizontal-ziabis)
   ========================================================================== */

/* --- LIMPIEZA Y BASE --- */
.skeleton-ziabis .jet-listing-grid__loader {
    background: transparent !important;
    border: none !important;
    display: block !important;
    width: 100% !important;
}
.skeleton-ziabis .jet-listing-grid__loader-spinner { display: none !important; }

.ziabis-skeleton-grid { 
    display: grid !important; 
    width: 100%; 
}

.sk-item {
    background-repeat: no-repeat;
    animation: sk-flash 1.5s infinite;
}

/* ==========================================
   DISEÑO HORIZONTAL (Tu diseño actual)
   ========================================== */

/* Estructura de columnas y gaps */
.grid-horizontal {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px 48px;
}

.grid-horizontal .sk-item {
    height: 128px;
    background-image: url('https://media.ziabis.cl/2026/03/skeleton-vh-ar-v12.svg');
    background-size: contain;
    background-position: left center;
}

/* Responsive Horizontal */
@media (max-width: 1200px) {
    .grid-horizontal { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 767px) {
    .grid-horizontal { grid-template-columns: 1fr !important; gap: 2px 48px; padding-bottom: 16px; }
    .grid-horizontal .sk-item:nth-child(n+5) { display: none; }
}

/* ==========================================
   DISEÑO VERTICAL (Preparado para el futuro)
   ========================================== */

/* Aquí puedes cambiar a 4 columnas y filas más altas */
.grid-vertical {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px;
}

.grid-vertical .sk-item {
    height: 380px; /* Más alto para vertical */
    background-image: url('TU_NUEVO_SVG_VERTICAL.svg');
    background-size: cover;
    border-radius: 8px;
}

/* Responsive Vertical */
@media (max-width: 1024px) { .grid-vertical { grid-template-columns: repeat(2, 1fr) !important; } }

/* --- ANIMACIÓN --- */
@keyframes sk-flash { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }



/* ===========================================================
   LISTING ITEM - LISTING VEHICULOS V2 (HISTORIAL) - ZIABIS.CL
   =========================================================== */

/*GENERAL*/
body .section-listing-general-v2 {
    gap: 20px !important;
}

/* IMAGEN (Mobile pequeño) */
@media (max-width: 390px) {
    body .photo-pr img, body .col1-listing {
        width: 120px !important;
        min-width: 120px !important;
        height: 124px !important;
        object-fit: cover !important;
        border-radius: 16px !important;
    }
}

/* IMAGEN (Mobile) */
@media (min-width: 391px) and (max-width: 767px) {
    body .photo-pr img, body .col1-listing {
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        height: 124px !important;
        object-fit: cover !important;
        border-radius: 18px !important;
    }
}

/* IMAGEN (Desktop) */
@media (min-width: 768px) {
    body .photo-pr img, body .col1-listing {
        width: 128px !important;
        min-width: 128px !important;
        height: 124px !important;
        object-fit: cover !important;
        border-radius: 18px !important;
        max-width: 128px;
    }
}

/*TITULO (Style)*/
body .title-v2 a {
    font-family: 'Montserrat' !important;
    font-size: clamp(13px, 3.2vw, 14px) !important;
    font-weight: 500 !important;
    line-height: 1.4em !important;
    color: #03251B !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

/*TITULO (Version SQL)*/
body .title-v2-sql {
    font-family: 'Montserrat' !important;
    font-size: clamp(13px, 3.2vw, 14px) !important;
    font-weight: 500 !important;
    line-height: 1.4em !important;
    color: #03251B !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

/*PRECIO (Style)*/
body .precio-v2 .jet-listing-dynamic-field__content {
    font-family: 'Montserrat' !important;
    font-size: clamp(14px, 3.5vw, 14px) !important;
    font-weight: 600 !important;
    line-height: normal !important;
    color: #097F55 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

body .column-precios {
    display: flex !important;
    gap: 16px !important;
    max-width: max-content !important;
    padding: 6px 0 !important;
}

body .section-listing-general-v2 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    flex-basis: max-content !important;
}

/*PRECIO-OFERTA (Style)*/
body .precio-oferta .jet-listing-dynamic-field__content {
    font-family: 'Montserrat' !important;
    font-size: clamp(14px, 3.5vw, 14px) !important;
    font-weight: 600 !important;
    color: #F77A4C !important;
}

/*PRECIO-DESCUENTO (Style)*/
body .precio-descuento .jet-listing-dynamic-field__content {
    font-family: 'Montserrat' !important;
    font-size: clamp(11px, 2.8vw, 12px) !important;
    font-weight: 500 !important;
    color: #A2A8A6 !important;
    text-decoration: line-through !important;
}

/*COLUMNA UBICACIÓN*/
body .column-ubicacion-v2 .is-layout-flow {
    display: flex !important;
}

/*COLUMNA UBICACIÓN*/
body .column-ubicacion-v2 {
    padding-top: 4px !important;
}

/*UBICACION*/
body .ubicacion-term-listing .jet-listing-dynamic-terms {
    font-size: clamp(11px, 2.8vw, 12px) !important;
    color: #636E6B !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    display: flex !important;
    align-items: center !important;
}

/*UBICACION (SQL)*/
.ubicacion-term-sql {
    font-size: clamp(11px, 2.8vw, 12px) !important;
    color: #636E6B !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    display: flex !important;
    align-items: center !important;
}

/*ICON - UBICACION (SQL)*/
.ubicacion-term-sql .jet-listing-dynamic-field__icon {
    margin-right: 6px;
}

/* Ubicacion (Coma separador) */
body .ubicacion-term-listing span.jet-listing-dynamic-terms__delimiter {
    padding-right: 3px !important;
}

body .ubicacion-term-listing svg {
    margin-right: 4px !important;
    width: 12px !important;
}

/*KM, TRANSMISION, COMBUSTIBLE*/
body .colunm-datos-auto .jet-listing-dynamic-field__content {
    font-size: clamp(12px, 3.0vw, 13px) !important;
    font-weight: 400 !important;
    color: #636E6B !important;
    line-height: normal !important;
    width: max-content !important;
}

/*COMBUSTIBLE (Acortar mobiles pequeños)*/
body .vh-combustible {
    display: flex !important;
    min-width: 0 !important;
    width: 100% !important;
}

/*COMBUSTIBLE (Acortar mobiles pequeños)*/
body .vh-combustible .jet-listing-dynamic-field__content {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
    min-width: 0 !important;
}

/*COLUMNA DATOS*/
body .wp-block-column.colunm-datos-auto.is-layout-flow.wp-block-column-is-layout-flow {
    display: flex !important;
    gap: 12px !important;
    margin-top: 8px !important;
}

/* COL2 (Mobile) */
@media (max-width: 767px) {
    body .col2-listing {
        width: calc(100% - 135px) !important;
    }
}

/*Alinear columna 2*/
body .col2-listing {
    display: flex !important;
    flex-direction: column !important;
    align-content: flex-start !important;
    justify-content: center !important;
    overflow: hidden !important;
}

@media (min-width: 768px) {
    body .col2-listing {
        max-width: calc(100% - 135px) !important;
        min-width: auto !important;
    }
}

body .photo-pr .jet-listing-dynamic-image img.wp-post-image {
    width: auto !important;
    max-height: none !important;
    object-fit: cover !important;
}

/* ICONO ELIMINAR FAVORITOS */
body .section-eliminar-favoritos {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 16px 0 16px 0 !important;
    background: rgba(49, 61, 69, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    padding: 6px 8px !important;
    border: 1.5px solid #ffffff2e !important;
    z-index: 10 !important;
}

body .icon-favoritos-eliminar svg {
    width: 14px !important;
    height: 14px !important;
}

/* TAG AD PREMIUN */
body .section-tag-ad-premiun {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 16px 0 16px 0 !important;
    background: #fac945db !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    padding: 2px 6px !important;
    border: 1.5px solid #ffffff80 !important;
    z-index: 10 !important;
}

/* TEXTO AD */
body .text-ad-anuncio-tag {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: white !important;
    text-shadow: 0px 0px 2px #211a09bd !important;
}