/*
Theme Name: GrandPrix Child
Description: CSS for Motors Plugin
Version: 1.0.0
*/



/* Generales ****************************************************************************************************************/

/* Breadcrumb en listado */
.mkdf-title-inner {
	padding-top: 15px!important ;
}

/* Espacio superior de la pagina */
.mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner {
    padding: 80px 0px 0px 0px !important;

}

/* Espacio superior del listado */
.archive-listing-page {
    margin-top: 0px !important;
}

/* Espacio inferior listado */
.mkdf-content .mkdf-content-inner .stm_single_car_wrapper {
	margin-bottom: 150px !important;
}



/* Sidebar *******************************************************************************************************************/

/* Quita estilos al fondo */
.archive-listing-page .archive-listing-page_side .filter-sidebar {
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}

/* Espacios laterales */
.archive-listing-page .filter-sidebar {
	padding-left: 0px !important;
	padding-right:20x !important;
}

/* Espacios laterales */
.stm_single_car_side, .archive-listing-page_side {
	padding-left: 0px !important;
}

/* Agrega mas espacio entre el sidebar izquierdo y el listado de motos */
.archive-listing-page .archive-listing-page_row .archive-listing-page_side {
    padding-right: 40px !important;
}

/* Esconde el icono del plugin*/
.archive-listing-page .sidebar-entry-header i,
.archive-listing-page .sidebar-entry-header svg,
.archive-listing-page .sidebar-entry-header .motors-icons-car-search,
.archive-listing-page .sidebar-entry-header [class*="icon-"] {
    display: none !important;
}

/* Ubicacion del titulo */
.archive-listing-page .sidebar-entry-header {
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 0px 22px 0px 22px !important;
}

/* Alinea el titulo a la izqueirda */
.archive-listing-page .sidebar-entry-header span,
.archive-listing-page .sidebar-entry-header .h4 {
    text-align: left !important;
    margin-left: 0 !important;
}

/* Esconde el titulo */
.archive-listing-page .sidebar-entry-header span.h4 {
    font-size: 0 !important;
}

/* Activa titulo custom */
.archive-listing-page .sidebar-entry-header span.h4::after {
    content: "Filtrar motos usadas por:";
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 20px;
    line-height: 1.2;
}

/* Separacion entre selects */
.archive-listing-page .filter-sidebar .select2-container--default {
    margin: 0 0 10px !important;
}

/* Espacio abajo del slider */
.archive-listing-page .filter-sidebar .filter-kilometros.stm-slider-filter-type-unit,
.archive-listing-page .filter-sidebar .filter-ano.stm-slider-filter-type-unit {
    margin-bottom: 10px !important;
}

/* Rangos del slider */
.archive-listing-page .stm-current-slider-labels {
    margin: 10px 0 !important;
}

/* Slider */
.archive-listing-page .filter-sidebar .stm-slider-filter-type-unit .ui-slider,
.archive-listing-page .filter-sidebar .stm-slider-filter-type-unit .ui-widget-content {
    height: 2px !important;
    background: #d9dde3 !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
}

/* Sliders */
.archive-listing-page .filter-sidebar .stm-slider-filter-type-unit .ui-slider-range {
    height: 2px !important;
    top: 0 !important;
    background: #ED1D24 !important;
    border: none !important;
}

/* Sliders */
.archive-listing-page .filter-sidebar .stm-slider-filter-type-unit .ui-slider-handle {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0 !important;
    background: #ED1D24 !important;
    border: none !important;
    box-shadow: none !important;
    top: 50% !important;
    margin-top: -5px !important;
    margin-left: -5px !important;
}

/* Ocultar completamente "Search by keywords" */
.archive-listing-page .filter-sidebar .stm-search_keywords {
    display: none !important;
}

/* Botón reset: estilo base */
.archive-listing-page .filter-sidebar .sidebar-action-units .button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    margin-top: 30px !important;
    box-sizing: border-box;
    color: #fff !important;
    background-color: #ED1D24 !important;
    border: 1px solid #ED1D24 !important;
    border-radius: 2px !important;
    padding: 12px 23px !important;
}

/* Ocultar icono actual */
.archive-listing-page .filter-sidebar .sidebar-action-units .button i {
    display: none !important;
}

/* Ocultar texto original */
.archive-listing-page .filter-sidebar .sidebar-action-units .button span {
    font-size: 0 !important;
}

/* Reemplazo visual del texto */
.archive-listing-page .filter-sidebar .sidebar-action-units .button span::after {
    content: "Reiniciar filtros";
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 15px !important;
    line-height: 2em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #fff !important;
}

/* Filtro de precio alineacion */
.archive-listing-page .cfm-price-filter .number-field-label {
    overflow: hidden !important;
    margin-bottom: 10px !important;
}

/* Filtro de precio titulo alineado al extremo izquierdo */
.archive-listing-page .cfm-price-filter .number-field-label h5 {
    float: left !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Filtro de precio rango numerico alineado al extremo derecho */
.archive-listing-page .cfm-price-filter .number-field-label .stm-current-slider-labels {
    float: right !important;
    margin: 0 !important;
    line-height: 1 !important;
}



/* *****  Moto Usadas / ocultar buscador dentro de los selects ******************************** */

/* Oculta el input de busqueda dentro del dropdown de filtros */
body .ms-drop input[type="text"],
body .chosen-search,
body .chosen-search input[type="text"],
body .select2-search,
body .select2-search input[type="search"],
body .stm-select-search,
body .stm-select-search input[type="text"] {
	display: none !important;
}

/* Ajusta el espacio superior del listado cuando desaparece el buscador */
body .ms-drop ul,
body .chosen-results,
body .select2-results,
body .stm-options-list,
body .select-options {
	margin-top: 0 !important;
	padding-top: 0 !important;
}



/* Listado de motos **********************************************************************************************************/

/* Titulo del listado */
.archive-listing-page .stm-listing-directory-title .title {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

/* Esconde el sort */
.archive-listing-page .stm-sort-by-options {
    display: none !important;
}

/* Espacio superior */
.archive-listing-page, .car-listing-modern-grid {
    padding-top: 0px!important;
}

/* Informacion de la moto / Esconde el fondo */
.archive-listing-page .listing-car-item-meta .price:before,
.archive-listing-page .car-listing-modern-grid .stm-isotope-listing-item .listing-car-item-meta .price:before,
.archive-listing-page .stm-isotope-listing-item .listing-car-item-meta .price:before {
    display: none !important;
    content: none !important;
}

/* Informacion de la moto / Fondo del precio*/
.archive-listing-page .listing-car-item-meta .price,
.archive-listing-page .car-listing-modern-grid .stm-isotope-listing-item .listing-car-item-meta .price,
.archive-listing-page .stm-isotope-listing-item .listing-car-item-meta .price {
    clip-path: none !important;
    border-radius: 0 !important;
}

/* Informacion de la moto / Titulo */
.archive-listing-page .listing-car-item-meta .car-title,
.archive-listing-page .listing-car-item-meta .car-title a {
    font-family: 'Rajdhani', sans-serif !important;
	font-size: 18px !important;
}



/* Listado de motos vista grilla *********************************************************************************************/

/* Reserva espacio arriba del bloque meta para poder ubicar la marca por encima del titulo */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .listing-car-item-meta {
    position: relative;
    padding-top: 62px;
}

/* Toma el primer item del listado inferior (la marca) y lo posiciona arriba del titulo */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(1) {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    display: block !important;
    margin: 0 !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    color: #ED1D24 !important;
}

/* Aplica el mismo estilo directamente al span interno de la marca */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(1) span {
    display: block;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    color: #ED1D24 !important;
}

/* Ajusta el espacio superior del bloque meta para dejar 10px entre la marca y el titulo */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .listing-car-item-meta {
    padding-top: 44px;
}

/* Da estilo al bloque superior que contiene titulo y precio */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-top {
    margin-top: 0 !important;
}

/* Da estilo al titulo de la moto */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-title {
    font-size: 20px !important;
    line-height: 1.1 !important;
}

/* Quita el fondo y cualquier forma decorativa del precio */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .price {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Da estilo al valor del precio */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .price .normal-price {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    color: var(--motors-text-color) !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Da estilo a los items de cilindrada, año y kilometros */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:not(:first-child) {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #9D9D9D !important;
    line-height: 1.1 !important;
}

/* Da el mismo estilo al texto interno de cilindrada, año y kilometros */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:not(:first-child) span {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #9D9D9D !important;
    line-height: 1.1 !important;
}

/* Convierte la fila inferior en una grilla de 3 columnas para alinear cilindrada, año y kilometros */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    row-gap: 0;
}

/* Reubica los items de la fila inferior dentro de las 3 columnas y les da separacion superior */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2),
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3),
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(4) {
    width: auto !important;
    margin: 15px 0 0 0 !important;
}

/* Alinea la cilindrada a la izquierda */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2) {
    justify-self: start;
    text-align: left;
    padding-right: 20px;
    position: relative;
}

/* Dibuja la primera linea vertical entre cilindrada y año */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 70%;
    background: #D0D0D0;
    transform: translateY(-50%);
}

/* Centra el año en la columna central */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3) {
    justify-self: center;
    text-align: center;
    padding: 0 20px;
    position: relative;
}

/* Dibuja la segunda linea vertical entre año y kilometros */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 70%;
    background: #D0D0D0;
    transform: translateY(-50%);
}

/* Alinea kilometros a la derecha */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(4) {
    justify-self: end;
    text-align: right;
    padding-left: 20px;
}

/* Centra verticalmente icono y texto dentro de cada item de la fila inferior */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2),
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3),
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(4) {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap;
    min-height: 24px;
    line-height: 1 !important;
}

/* Asegura que iconos y spans queden alineados al centro verticalmente */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2) i,
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3) i,
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(4) i,
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2) span,
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3) span,
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(4) span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

/* Ajusta el espacio entre icono y texto */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2) i,
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3) i,
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(4) i {
    margin-right: 8px !important;
}

/* Corrige la posicion vertical completa del item del año */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(3) {
    position: relative;
    top: -5px;
}

/* Corrige la posicion vertical de la linea izquierda del año para alinearla con el item movido */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop .car-meta-bottom ul li:nth-child(2)::after {
    top: calc(50% - 5px);
}

/* Agrega mas espacio debajo de cada tarjeta del grid */
.archive-listing-page .car-listing-modern-grid .stm-directory-grid-loop {
    margin-bottom: 60px !important;
}

/* Ajusta el tamaño tipografico del label de destacado en la vista grilla */
.archive-listing-page .stm-directory-grid-loop .special-label.special-label-small {
    font-size: 11px !important;
}

/* Da un ancho minimo al ribbon de destacado en grilla para textos mas largos */
.archive-listing-page .stm-directory-grid-loop .special-label.special-label-small {
    min-width: 120px !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    box-sizing: border-box;
    text-align: center;
}

/* Reposiciona el ribbon mas hacia la izquierda para centrar mejor textos largos */
.archive-listing-page .stm-directory-grid-loop .special-label.special-label-small {
    left: -104px !important;
}



/* Listado de motos vista lista **********************************************************************************************/

/* Reserva espacio arriba del contenido para ubicar la marca sobre el titulo */
.archive-listing-page .stm-listing-directory-list-loop .content {
    position: relative;
    padding-top: 20px;
    overflow: visible !important;
}

/* Toma el bloque de marca y lo posiciona arriba del titulo */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit.marca {
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
}

/* Oculta el label de marca para dejar solo el valor */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit.marca .name {
    display: none !important;
}

/* Da estilo al valor de la marca */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit.marca .value {
    display: block;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #ED1D24 !important;
    overflow: visible !important;
}

/* Da estilo al titulo de la moto */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

/* Da al precio un fondo rojo rectangular */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price {
    background: #ED1D24 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Quita formas decorativas del precio */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price:before,
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price:after {
    display: none !important;
    content: none !important;
}

/* Da estilo al contenedor interno del precio */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price .normal-price {
    display: block !important;
    background: transparent !important;
    padding: 10px 14px !important;
}

/* Da tipografia al prefijo u$s */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price .normal-price .label-price {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Da tipografia al valor del precio */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price .normal-price .heading-font {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Fuerza alineacion identica entre u$s y valor del precio */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price .normal-price .label-price,
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price .normal-price .heading-font {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    vertical-align: baseline !important;
    line-height: 20px !important;
    display: inline !important;
}

/* Ajusta el tamaño del bloque rojo del precio */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ajusta el tamaño interno del precio para que el fondo rojo no quede tan grande */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price .normal-price {
    display: block !important;
    width: auto !important;
    padding: 1px 8px !important;
    white-space: nowrap !important;
}

/* Ajusta la posicion vertical del bloque de precio para alinearlo con el titulo */
.archive-listing-page .stm-listing-directory-list-loop .meta-top .price {
    position: relative;
    top: -7px;
}

/* Oculta los iconos de los items de datos */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit .icon {
    display: none !important;
}

/* Convierte cada item de datos en un bloque de dos lineas */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit:not(.marca) {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 44px;
}

/* Da estilo al label de cada item */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit:not(.marca) .name {
    display: block !important;
    margin: 0 0 4px 0 !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    color: #9D9D9D !important;
    text-transform: none !important;
}

/* Da estilo al valor de cada item */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit:not(.marca) .value {
    display: block !important;
    margin: 0 !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    color: #7F7F7F !important;
    text-transform: uppercase !important;
}

/* Aumenta el espacio interno horizontal de cada item entre las lineas divisorias */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit:not(.marca) {
    padding-left: 10px !important;
    padding-right: 20px !important;
}

/* Quita el padding izquierdo del primer item de datos */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle .meta-middle-unit.tipo {
    padding-left: 0 !important;
}

/* Da estilo al boton de share como circulo con icono rojo */
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom .single-car-actions a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: #E9E9E9 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Oculta el texto del boton share */
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom .single-car-actions a span,
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom .single-car-actions a .text {
    display: none !important;
}

/* Da estilo al icono del share */
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom .single-car-actions a i {
    margin: 0 !important;
    color: #ED1D24 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Quita pseudo elementos decorativos del boton share */
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom .single-car-actions a:before,
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom .single-car-actions a:after {
    display: none !important;
    content: none !important;
}

/* Posiciona el area de share abajo a la derecha del bloque de contenido */
.archive-listing-page .stm-listing-directory-list-loop .content {
    position: relative;
}

/* Posiciona el area de share abajo a la derecha del bloque de contenido */
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom {
    position: absolute;
    right: 0;
    bottom: 34px;
    margin: 0 !important;
    padding: 0 !important;
}

/* Oculta el boton de share en la grilla de motos usadas */
.archive-listing-page .stm-listing-directory-list-loop .meta-bottom .single-car-actions li.stm-shareble {
    display: none !important;
}

/* Baja el bloque inferior de datos y share dentro de la tarjeta */
.archive-listing-page .stm-listing-directory-list-loop .meta-middle {
    margin-top: 90px !important;
}

/* Aumenta el espacio horizontal entre la imagen y el bloque de contenido */
.archive-listing-page .stm-listing-directory-list-loop .image {
    margin-right: 34px !important;
}

/* Ajusta el tamaño tipografico del label de destacado en la vista lista */
.archive-listing-page .stm-listing-directory-list-loop .special-label {
    font-size: 11px !important;
}

/* Da un ancho minimo al ribbon de destacado en la vista lista para textos mas largos */
.archive-listing-page .stm-listing-directory-list-loop .special-label {
    min-width: 120px !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    box-sizing: border-box;
    text-align: center;
}

/* Reposiciona el ribbon mas hacia la izquierda para centrar mejor textos largos */
.archive-listing-page .stm-listing-directory-list-loop .special-label {
    left: -104px !important;
}



/* Vista detalle de una moto *************************************************************************************************/

/* Detalle / anclas auxiliares del reordenamiento */
.single-listings .cfm-side-original-anchor,
.single-listings .cfm-side-mobile-anchor {
    display: none !important;
}

/* Corrige el offset superior de la pagina y agrega espacio antes del footer */
.single-listings .mkdf-content {
    margin-top: 60px !important;
}

/* Oculta el bloque del vendedor en el detalle de la moto */
.single-listings .stm-listing-car-dealer-info.stm-common-user {
    display: none !important;
}

/* Da estilo a la marca insertada arriba del titulo */
.single-listings .stm_single_car_content .cfm-single-brand {
    margin: 0 !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #ED1D24 !important;
}

/* Da estilo al titulo principal de la moto */
.single-listings .stm_single_car_content h2.title {
    font-size: 34px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Reordena el sidebar del detalle */
.single-listings .stm-single-car-side {
    display: flex;
    flex-direction: column;
    margin-left: 20px !important;
}

/* Da estilo al boton de contacto por WhatsApp */
.single-listings .stm-single-car-side .cfm-whatsapp-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: -30px 0 40px 0;
    padding: 20px 16px;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .05em;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #fff !important;
    background: #25D366 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
}

/* Da estilo al texto del boton */
.single-listings .stm-single-car-side .cfm-whatsapp-button .cfm-whatsapp-button-text {
    color: #fff !important;
}

/* Da estilo al icono del boton de WhatsApp */
.single-listings .stm-single-car-side .cfm-whatsapp-button i {
    font-size: 16px !important;
    line-height: 1 !important;
    color: #fff !important;
    margin: 0 !important;
}

/* Quita decoraciones del link */
.single-listings .stm-single-car-side .cfm-whatsapp-button:hover,
.single-listings .stm-single-car-side .cfm-whatsapp-button:focus,
.single-listings .stm-single-car-side .cfm-whatsapp-button:active {
    color: #fff !important;
    text-decoration: none !important;
    background: #25D366 !important;
}

/* Oculta visualmente el boton de solicitar mas informacion pero conserva su espacio */
.single-listings .stm-single-car-side .cfm-whatsapp-button {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Reordena bloques del sidebar */
.single-listings .stm-single-car-side .single-car-data {
    order: 2;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Ajusta la posicion del bloque de precio */
.single-listings .stm-single-car-side .single-car-prices {
    order: 3;
    margin-top: 42px !important;
}

/* Da fondo gris al bloque del precio */
.single-listings .stm-single-car-side .single-car-prices .single-regular-price {
    background: #E9E9E9 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 16px 18px !important;
    text-align: center !important;
}

/* Oculta el primer prefijo de moneda para evitar que se repita */
.single-listings .stm-single-car-side .single-car-prices .single-regular-price .labeled {
    display: none !important;
}

/* Da tipografia negra al valor del precio */
.single-listings .stm-single-car-side .single-car-prices .single-regular-price .h3 {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #010101 !important;
    margin: 0 !important;
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    vertical-align: baseline !important;
    display: inline !important;
    text-transform: uppercase !important;
}

/* Convierte la tabla de datos del sidebar en una lista visual mas limpia */
.single-listings .stm-single-car-side .single-car-data table,
.single-listings .stm-single-car-side .single-car-data tbody,
.single-listings .stm-single-car-side .single-car-data tr,
.single-listings .stm-single-car-side .single-car-data td {
    display: block;
    width: 100%;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}

/* Convierte cada fila en una linea con label a la izquierda y valor a la derecha */
.single-listings .stm-single-car-side .single-car-data table tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #D8D8D8 !important;
    background: transparent !important;
}

/* Quita bordes y fondos de las celdas */
.single-listings .stm-single-car-side .single-car-data table td {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Da estilo a los labels de la columna lateral */
.single-listings .stm-single-car-side .single-car-data table td:first-child {
    text-align: left !important;
    width: auto !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #7B7B7B !important;
    text-transform: none !important;
}

/* Da estilo a los valores de la columna lateral */
.single-listings .stm-single-car-side .single-car-data table td:last-child {
    text-align: right !important;
    width: auto !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
}

/* Oculta la linea inferior del ultimo item de la tabla lateral */
.single-listings .stm-single-car-side .single-car-data table tr:last-child {
    border-bottom: 0 !important;
}

/* Oculta el bloque Seller note's */
.single-listings .stm_single_car_content > .post-content {
    display: none !important;
}

/* Da estilo al parrafo descriptivo debajo de la galeria */
.single-listings .stm_single_car_content > p {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #595959 !important;
    margin-bottom: 40px !important;
}

/* Da estilo al texto descriptivo debajo de la galeria cuando viene en bloque markdown */
.single-listings .stm_single_car_content .markdown.prose,
.single-listings .stm_single_car_content .markdown.prose p {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #595959 !important;
}

/* Da estilo a los textos de la seccion Adicionales */
.single-listings .stm_single_car_content .stm-single-listing-car-features.grouped_features ul li span {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #595959 !important;
}

/* Agrega espacio para el check delante de cada item */
.single-listings .stm_single_car_content .stm-single-listing-car-features.grouped_features ul li {
    position: relative;
    padding-left: 20px !important;
}

/* Dibuja un check rojo delante de cada item */
.single-listings .stm_single_car_content .stm-single-listing-car-features.grouped_features ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #ED1D24;
}

/* Breadcrumb / contenedor general */
.single-listings .cfm-used-breadcrumbs {
    background: #f3f3f3;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    font-family: "Heebo", sans-serif;
}

/* Breadcrumb / fila interna y alineacion */
.single-listings .cfm-used-breadcrumbs .cfm-used-breadcrumbs-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding-left: 48px;
    box-sizing: border-box;
    font-family: "Heebo", sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Breadcrumb / links */
.single-listings .cfm-used-breadcrumbs a {
    color: #1f1f1f;
    text-decoration: none;
    font-family: "Heebo", sans-serif;
    font-size: 12px;
}

/* Breadcrumb / hover de links */
.single-listings .cfm-used-breadcrumbs a:hover {
    color: #ed1d24;
}

/* Breadcrumb / separadores */
.single-listings .cfm-used-breadcrumbs .cfm-breadcrumb-sep {
    color: #8b8b8b;
    font-size: 12px;
    line-height: 1;
}

/* Breadcrumb / item actual */
.single-listings .cfm-used-breadcrumbs .cfm-breadcrumb-current {
    color: #ed1d24;
    font-family: "Heebo", sans-serif;
    font-size: 12px;
}







/* *************************************************************************************************************************/
/* RESPONSIVE GRANDPRIX BREAKPOINTS - (DESKTOP FIRST) */
/* *************************************************************************************************************************/



/* Desktop / Breakpoint del Theme ******************************************************************************************/

@media (min-width: 1024px) and (max-width: 1399px) {
	
    /* Listado grid / pasar de 3 a 2 columnas antes de 1400 */
    .archive-listing-page .car-listing-modern-grid > .stm-directory-grid-loop {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    /* Listado grid / evitar que el meta inferior se desborde */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta {
        overflow: hidden;
    }

	/* Listado grid / acomoda la fila de metadatos de cada tarjeta */
    .archive-listing-page .car-listing-modern-grid .car-meta-bottom ul {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 12px;
    }

	/* Listado grid / desarme estilos anteriores del theme */
    .archive-listing-page .car-listing-modern-grid .car-meta-bottom ul li {
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
    }
	
    /* Listado grid / quitar padding derecho del contenedor del sidebar */
    .archive-listing-page .archive-listing-page_row .archive-listing-page_side {
        padding-right: 20px !important;
    }

    /* Listado grid / quitar padding lateral interno del bloque de filtros */
    .archive-listing-page .archive-listing-page_row .archive-listing-page_side .filter-sidebar {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}



/* Desktop (intermedio) / Breakpoint del Theme ******************************************************************************/

@media (min-width: 1024px) and (max-width: 1200px) {
    /* Listado lista / mantener meta en una sola linea */
    .archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }
	
	/* Listado lista / cada item ocupa una porcion del ancho disponible */
    .archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle .meta-middle-unit {
        float: none !important;
        width: auto !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 12px !important;
    }
	
	/* Listado lista / evita espacio al final de la fila */
    .archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle .meta-middle-unit:last-child {
        padding-right: 0 !important;
    }
	
	/* Listado lista / si no hay suficiente ancho se apreta */
    .archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle .meta-middle-unit .name,
    .archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle .meta-middle-unit .value {
        white-space: nowrap !important;
    }
	
	/* Listado lista / fuentes para reducir el ancho que consume cada bloque* */
    .archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle .meta-middle-unit .name {
        font-size: 12px !important;
    }
	
	/* Listado lista / fuentes para resucir el ancho del bloque */
    .archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle .meta-middle-unit .value.h5 {
        font-size: 18px !important;
    }
}



/* Desktop / General para filtros  *********************************************************************************************/

@media (min-width: 1025px) {
    /* Filtros / ocultar el boton de filtros */
    .archive-listing-page .cfm-filters-toggle-wrap {
        display: none !important;
    }

    /* Filtros / asegurar que el sidebar vuelva a mostrarse normalmente */
    .archive-listing-page .archive-listing-page_side {
        display: block !important;
    }	
}



/* Tablet / Fix especifico por conflicto del Breakpoint del Theme  ***********************************************************/

@media (width: 1024px) {
	/* Listado grid / ancho del contenedor */
    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-row-grid-section {
        width: calc(100% - 80px) !important;
        max-width: calc(100% - 80px) !important;
    }
}



/* Tablet / Breakpoint del Theme  *******************************************************************************************/

@media (max-width: 1023px) {
	
	/* Pagina Detalle / sidebar debajo de galeria en mobile */
    .single-listings .stm_single_car_side {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;

    }
	
	/* Pagina Detalle / mas espacio bajo navbar en mobile */
    .single-listings .stm_single_car_wrapper {
		padding-top: 40px !important;
    }
	
	/* Pagina Detalle / aire lateral del contenido en mobile */
    .single-listings .mkdf-content-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
	
	/* Pagina Detalle / quitar margen lateral del sidebar en mobile */
    .single-listings .stm-single-car-side,
    .single-listings .stm_single_car_side {
        margin-left: 0 !important;
    }
	
	 /* Pagina Detalle / separar descripcion del precio en mobile */
    .single-listings .stm_single_car_content > .post-content,
    .single-listings .stm_single_car_content > p,
    .single-listings .stm_single_car_content > div.post-content {
        margin-top: 40px !important;
    }
	
	/* Pagina Detalle / Activa el boton de contacto por whatsapp */
	.single-listings .stm-single-car-side .cfm-whatsapp-button {
		visibility: visible !important;
	}
	
	/* Pagina Detalle / estilo boton whatsapp */
	.single-listings .stm-single-car-side .cfm-whatsapp-button {
		margin-top: 10px!important;
		margin-bottom: 40px!important;
	}
	
    /* Filtros / apilar boton, filtros y contenido en una sola columna */
    .archive-listing-page .archive-listing-page_row {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Filtros / hacer que sidebar y contenido ocupen todo el ancho */
    .archive-listing-page .archive-listing-page_side,
    .archive-listing-page .archive-listing-page_content {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Filtros / ocultar filtros por defecto */
    .archive-listing-page .archive-listing-page_side {
        display: none !important;
        margin-bottom: 24px !important;
    }

    /* Filtros / mostrar filtros cuando el contenedor tenga la clase activa */
    .archive-listing-page.cfm-filters-open .archive-listing-page_side {
        display: block !important;
    }

    /* Filtros / contenedor del boton de filtros */
    .archive-listing-page .cfm-filters-toggle-wrap {
        width: 100%;
        margin: 0 0 24px 0;
    }

    /* Filtros / boton estilo link limpio, alineado a la izquierda */
    .archive-listing-page .cfm-filters-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        width: auto;
        min-height: auto;
        padding: 0;
        border: 0;
        background: transparent;
        color: #1f1f1f;
        font-family: inherit;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
        cursor: pointer;
        box-shadow: none;
    }

    /* Filtros / mantener el boton limpio al pasar el mouse o recibir foco */
    .archive-listing-page .cfm-filters-toggle:hover,
    .archive-listing-page .cfm-filters-toggle:focus {
        background: transparent;
        border: 0;
        color: #1f1f1f;
        outline: none;
        box-shadow: none;
    }

	/* Filtros / icono izquierdo */
	.archive-listing-page .cfm-filters-toggle::before {
		content: "\f1de";
		display: inline-block;
    	font-family: "Font Awesome 5 Free";
    	font-weight: 900;
    	font-size: 16px;
    	line-height: 1;
    	width: 18px;
    	text-align: center;
    	flex: 0 0 18px;
	}

	/* Filtros / flecha derecha */
	.archive-listing-page .cfm-filters-toggle::after {
    	content: "\f078";
    	display: inline-block;
    	font-family: "Font Awesome 5 Free";
    	font-weight: 900;
    	font-size: 12px;
    	line-height: 1;
    	width: 14px;
    	text-align: center;
    	flex: 0 0 14px;
    	margin-left: 4px;
    	transition: transform 0.2s ease;
	}

    /* Filtros / girar flecha cuando el panel esta abierto */
    .archive-listing-page .cfm-filters-toggle.is-active::after {
        transform: rotate(180deg);
    }

    /* Filtros / el estado activo mantiene el mismo aspecto visual */
    .archive-listing-page .cfm-filters-toggle.is-active {
        background: transparent;
        border: 0;
        color: #1f1f1f;
    }

    /* Filtros / limpiar espacios sobrantes del bloque interno de filtros */
    .archive-listing-page .archive-listing-page_side .filter-sidebar {
        margin: 0 !important;
    }
	
	/* Breadcrumb en el detalle */
	.single-listings .cfm-used-breadcrumbs {
        display: none;
    }
	
	/* Breadcrumb en el listado */
	.page-id-6349 .mkdf-title-holder {
        display: none;
    }
}



/* Tablet / Breakpoint del Theme  *******************************************************************************************/

@media (min-width: 768px) and (max-width: 1023px) {
	
	/* Listado grid / contenedor mas ancho */
    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-row-grid-section {
        width: calc(100% - 50px) !important;
        max-width: calc(100% - 50px) !important;
    }
    
	/* Listado grid / mantener 2 columnas */
    .archive-listing-page .car-listing-modern-grid > .stm-directory-grid-loop {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
}



/* Mobile (intermedio) / Breakpoint del Theme ********************************************************************************/

@media (min-width: 768px) and (max-width: 829px) {
	
	/* Listado lista / compactar paddings de meta inferior */
	.archive-listing-page .stm-isotope-sorting-list .listing-list-loop .content .meta-middle .meta-middle-unit:not(.marca) {
       padding-left: 0px !important;
       padding-right: 10px !important;
    }
}


/* Mobile / Breakpoint del Theme  *******************************************************************************************/

@media (max-width: 767px) {
	
	/* Listado grid / contenedor mas ancho entre tablet y 1024 */
    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-row-grid-section {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
    }
	
    /* Listado grid / reordenar meta y precio en cards mobile */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta {
        position: relative;
    }

	/* Listado grid / comportamiento del top */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-top {
        position: static !important;
    }

	/* Listado grid / estilo del precio */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-top .price {
        position: absolute !important;
        right: 0 !important;
        bottom: 10px !important;
        top: auto !important;
        left: auto !important;
        float: none !important;
        margin: 0 !important;
        width: auto !important;
        text-align: right !important;
    }
	
	/* /* Listado grid / no parta el contenido */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-top .price .normal-price {
        white-space: nowrap;
    }

    /* /* Listado grid / deja lugar para que el precio no pise los datos */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-bottom {
        padding-right: 170px !important;
    }
	
	/* /* Listado grid / comportamiento de los items */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-bottom ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

	/* /* Listado grid / comportamiento de los items */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-bottom ul li {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }

    /* Listado grid / la marca queda arriba, separada del resto */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-bottom ul li:first-child {
        display: block !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }
	
	/* Listado lista / separar titulo de la marca */
    .archive-listing-page .listing-list-loop .content .meta-top .title {
        margin-top: 8px !important;
    }

    /* Listado lista / alinear nombre y valor solo en los items de detalle, sin afectar la marca */
    .archive-listing-page .listing-list-loop .content .meta-middle .meta-middle-unit:not(.marca) .meta-middle-unit-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 12px !important;
    }

    /* Listado lista / mantener el label alineado a la izquierda solo en los items de detalle */
    .archive-listing-page .listing-list-loop .content .meta-middle .meta-middle-unit:not(.marca) .meta-middle-unit-top .name {
        text-align: left !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    /* Listado lista / empujar el valor a la derecha solo en los items de detalle */
    .archive-listing-page .listing-list-loop .content .meta-middle .meta-middle-unit:not(.marca) .meta-middle-unit-top .value.h5 {
        text-align: right !important;
        margin: 0 0 0 auto !important;
        flex: 0 0 auto !important;
    }

    /* Listado lista / mantener la marca alineada a la izquierda */
    .archive-listing-page .listing-list-loop .content .meta-middle .meta-middle-unit.marca .meta-middle-unit-top,
    .archive-listing-page .listing-list-loop .content .meta-middle .meta-middle-unit.marca .value.h5 {
        text-align: left !important;
        margin: 0 !important;
        justify-content: flex-start !important;
    }
	
	/* Listado lista / quitar padding lateral de los items para alinearlos con el resto del contenido */
    .archive-listing-page .stm-isotope-sorting-list .meta-middle .meta-middle-unit:not(.marca) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
	
	/* Listado lista / quitar la línea inferior de cada moto y dejar más espacio entre items */
    .archive-listing-page .listing-list-loop {
        border-bottom: none !important;
        margin-bottom: 70px !important;
        padding-bottom: 0 !important;
    }

    /* Listado lista / evitar espacio extra debajo del último item */
    .archive-listing-page .listing-list-loop:last-child {
        margin-bottom: 0 !important;
    }
}
	
	
	
/* Mobile Small / Breakpoint del Theme  *************************************************************************************/

@media (max-width: 680px) {
    /* Listado grid / compactar meta inferior en mobile chico */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-bottom ul {
        gap: 0 0px !important;
    }
	
	/* Listado grid / estilo para cada li menos al ultimo */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-bottom ul li:not(:last-child) {
        padding-right: 12px !important;
    }
	
	/* Listado grid / aplica al <i> de los li que no son el primero. */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-bottom ul li:not(:first-child) i {
        margin-right: 4px !important;
    }
}



/* Mobile Extra Small / Breakpoint del Theme  ********************************************************************************/

@media (max-width: 479px) {
    
	/* Listado grid / en mobile chico el precio vuelve arriba a la derecha */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
	
	/* Listado grid / estilo del titulo */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-top .car-title {
        order: 1 !important;
        display: block !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
	
	/* Listado grid / estilo del precio */
    .archive-listing-page .car-listing-modern-grid .listing-car-item-meta .car-meta-top .price {
        order: 2 !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        float: none !important;
        width: auto !important;
        margin: 0 0 0 auto !important;
        text-align: right !important;
        flex: 0 0 auto !important;
    }
	

}