/* IMPORT FONT */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');

/* BASE */
.tbs-directory-container,
.tbs-directory-container * {
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

/*CONTENEDOR DE FILTROS*/
.tbs-filter-container {
    text-align: -webkit-center;
}

/* CONTENEDOR PRINCIPAL */
.tbs-directory-container {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    width: 100%;
}

/* LEFT - listado (dos columnas) */
.tbs-left {
    width: 60%;
}

/* right - mapa */
.tbs-right {
    width: 40%;
    position: relative;
}

/* MAPA PLACEHOLDER */
.tbs-map-placeholder {
    width: 100%;
    height: 720px;
    border-radius: 30px;
    background: linear-gradient(135deg,#f3f0f3,#eae0e8);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 34px rgba(0,0,0,0.09);
    border: 1px solid rgba(0,0,0,0.03);
}

.tbs-map-text {
    font-size: 22px;
    color: #6b6b6b;
}

/* FILTROS */
.tbs-filter-form {
    display: flex;
    gap: 12px;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0px 0px 15px rgba(12, 12, 12, 0.17);
    padding: 10px;
    margin-bottom: 15px;
    max-width: 60%;
    background-color: white!important;
}

/* Selects (existing) */
.tbs-filter-form select {
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.08);
    background: #fff;
    font-size: 15px;
    min-width: 160px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.tbs-filter-btn {
    padding: 12px 20px!important;
    background: #FF66C4!important;
    color: white!important;
    border-radius: 15px!important;
    border: none!important;
    font-weight: 600!important;
    cursor: pointer;
    display: inline-flex;
    align-items: center!important;
    gap: 8px;
}

/* SEARCH INPUT styled to match selects */
.tbs-search-input {
    padding: 12px 16px!important;
    border-radius: 14px!important;
    border: 1px solid rgba(0,0,0,0.08)!important;
    background: #fff!important;
    font-size: 15px!important;
    min-width: 220px!important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05)!important;
}

/* Autocomplete dropdown */
.tbs-autocomplete-list {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(12,12,12,0.08);
    max-height: 300px;
    overflow-y: auto;
    z-index: 9999;
    border: 1px solid rgba(0,0,0,0.06);
}

.tbs-autocomplete-item {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
    transition: background .12s;
}

.tbs-autocomplete-item:hover {
    background: #f7f7f7;
}

.tbs-autocomplete-thumb {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
}

.tbs-autocomplete-name {
    font-weight: 600;
    font-size: 14px;
}

/* GRID DE CARDS: dos columnas */
.tbs-cards-wrap {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 20px 20px;
}

/* CARD */
.tbs-card {
    width: 100%;
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 12px 30px rgba(12,12,12,0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-bottom: 14px;
}

/* IMAGEN */
.tbs-card-img-wrap {
    width: 100%;
    height: 190px;
    overflow: hidden;
    border-radius: 18px;
}

.tbs-card-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* CUERPO */
.tbs-card-body {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tbs-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tbs-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    text-decoration: none;
}

.tbs-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #222;
}

.tbs-rating-star {
    color: #FFB400;
    font-size: 16px;
    line-height: 1;
}

.tbs-services-title { margin-top: 6px; font-weight: 600; font-size: 13px; color: #333; }
.tbs-services-list { margin: 6px 0 0 16px; padding: 0; list-style: disc; min-height: 80px;}
.tbs-services-list li { margin-bottom: 6px; font-size: 13px; color: #555; }

/* BOTON VER MÁS */
.tbs-view-more {
    margin-top: 6px;
    display: inline-block;
    width: max-content;
    padding: 8px 12px;
    background: #ff4fb1;
    color: #fff;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

/* Contador */
.tbs-results-count {
    font-size: 14px;
    color: #7a7a7a;
    margin-bottom: 12px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
    .tbs-directory-container { flex-direction: column; }
    .tbs-left, .tbs-right { width: 100%; }
    .tbs-cards-wrap { grid-template-columns: 1fr 1fr; }
    .tbs-map-placeholder { height: 420px; }
}
@media (max-width: 600px) {

    .tbs-cards-wrap { grid-template-columns: 1fr; }
    .tbs-map-placeholder { height: 320px; }

    .tbs-filter-form {
        display: grid;
        gap: 12px;
        max-width: 100%;
    }

}