/* ============================================
   InmoPanama — F10.3: "Expertos de Zona" (Property List)
   Archivo EXCLUSIVO de esta sección — solo se enlaza cuando la sección
   realmente se imprime (ver ib_property_list.php, $ib_zone_experts no
   vacío). No modifica ningún estilo global; todas las reglas están
   bajo la raíz .ib-zone-experts o directamente bajo sus clases hijas.

   Los botones "Contactar"/"Correo" están deshabilitados (atributo
   disabled real en el HTML, no solo visual) hasta que exista el
   formulario agent-expert (F10.5/F10.6) — por eso aquí solo se define
   un estado gris/inerte, sin colores de marca que sugieran que son
   clicables todavía.
   ============================================ */

.ib-zone-experts {
    padding: 48px 0;
}

.ib-zone-experts__title {
    font-size: 24px;
    font-weight: 700;
    color: #1A1A2E;
    margin: 0 0 24px;
    text-align: center;
}

.ib-zone-experts__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 991px) {
    .ib-zone-experts__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .ib-zone-experts__grid {
        grid-template-columns: 1fr;
    }
}

.ib-zone-experts__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #E3E6EA;
    border-radius: 10px;
    padding: 24px 16px;
}

/* ===== Avatar: mismo tamaño/circulo que .al-card__avatar del directorio
   (ib_agent_render_avatar() devuelve las clases .al-card__avatar-img /
   .al-card__avatar-initials, pero ESTA página no carga agent-list.css —
   por eso se re-declaran aquí, con el mismo criterio visual, en vez de
   depender de un archivo que nunca llega a cargarse en Property List). */
.ib-zone-experts__avatar {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 14px;
    background: #EEF1F4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ib-zone-experts__avatar .al-card__avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ib-zone-experts__avatar .al-card__avatar-initials {
    font-size: 26px;
    font-weight: 700;
    color: #6B7684;
}

.ib-zone-experts__name {
    font-size: 15px;
    font-weight: 700;
    color: #1A1A2E;
    margin: 0 0 4px;
}

.ib-zone-experts__license {
    font-size: 12px;
    color: #5A6472;
    margin: 0 0 16px;
}

/* Si no hay licencia, el margen inferior del nombre ya separa lo
   suficiente de los botones — no se agrega ningún espaciador extra. */
.ib-zone-experts__name:last-of-type {
    margin-bottom: 16px;
}

.ib-zone-experts__actions {
    display: flex;
    gap: 8px;
    width: 100%;
    margin-top: auto;
}

/* F10.3 Fase 4: estado ÚNICO por ahora — inerte/gris, deliberadamente
   sin colores de marca (verde WhatsApp, negro+amarillo) que sugieran
   una acción real todavía inexistente. Cuando F10.5/F10.6 conecten el
   formulario agent-expert, esta regla deberá revisarse para distinguir
   visualmente "Contactar" de "Correo" y quitar el estado deshabilitado. */
.ib-zone-experts__btn {
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #D9DEE3;
    background: #F2F3F5;
    color: #9AA2AB;
    cursor: not-allowed;
}
.ib-zone-experts__btn:disabled {
    opacity: 1;
}