/* =========================================================================
   Bindy — Pulido del perfil del profesional (Capa A)
   Scope: .listing-second-view  (sección del single de listing, estilo6)
   Marca: navy #083A84 · cian #02CCE2
   ========================================================================= */

/* --- 0. PORTADA — tarjeta BLANCA (paso A del rediseño, 22-sep-2026) ------
   Antes era una franja navy. Jorge mandó su bosquejo original («Linky»):
   fondo claro, foto grande a la izquierda, nombre, oficio, ciudad y estrellas.
   Los CTA (WhatsApp / cotización / llamar) se quedan en la fila de abajo. */
.bindy-hero {
    background: #ffffff !important;
    border-top: 0;
    border-bottom: 1px solid #e6ecf5;
    padding: 18px 0 22px !important;
    margin-bottom: 0 !important;
}
.bindy-hero * { text-transform: none !important; }
.bindy-hero .bindy-hero__crumbs,
.bindy-hero .bindy-hero__crumbs a,
.bindy-hero .bindy-hero__crumbs span {
    color: #6b7a90 !important;
    font-size: 13px;
}
.bindy-hero .bindy-hero__crumbs a:hover { color: #083A84 !important; }
.bindy-hero .bindy-hero__crumbs { margin-bottom: 16px; }
.bindy-hero__main {
    display: flex;
    align-items: center;
    gap: 22px;
}
.bindy-hero__avatar {
    position: relative;
    width: 156px;
    height: 156px;
    border-radius: 22px;
    overflow: hidden;
    background-color: #083A84;
    border: 3px solid #ffffff;
    box-shadow: 0 8px 24px rgba(8, 58, 132, .16);
    flex: 0 0 auto;
}
.bindy-hero__avatar-initial {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #02CCE2;
    font-size: 62px;
    font-weight: 700;
}
.bindy-hero__avatar-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bindy-hero__id { min-width: 0; }
.bindy-hero__nameline {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.bindy-hero__name {
    color: #083A84 !important;
    font-size: 30px;
    font-weight: 800;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15;
}
/* Insignia Pro como LISTÓN junto al nombre (Benjamín, 23-sep ronda 3) */
.bindy-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #02CCE2;
    color: #083A84;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase !important;
    padding: 6px 18px 6px 12px;
    border-radius: 4px 0 0 4px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%);
    line-height: 1;
}
.bindy-hero__badge::before { content: "\2605"; font-size: 11px; }
/* Fila de chips: tipo de perfil, a domicilio, zona y palabras clave */
.bindy-hero__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.bindy-hero__chips:empty { display: none; }
.bindy-hero__chips .bindy-badges, .bindy-hero__chips .bindy-chips { display: contents; }
.bindy-hero__meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    color: #46556f;
    font-size: 15px;
}
.bindy-hero__meta i { margin-right: 4px; color: #02CCE2; }
/* Oct-2026: cédula declarada por el profesional (opcional, Bindy no la verifica). */
.bindy-hero__cedula { margin: 6px 0 0; color: #46556f; font-size: 13.5px; }
.bindy-hero__cedula i { margin-right: 4px; color: #02CCE2; }
.bindy-hero__cedula b { color: #0F2350; font-weight: 700; letter-spacing: .3px; }
.bindy-hero__rating { color: #083A84; font-weight: 700; }
.bindy-hero__rating i { color: #F5B301; }
/* Jorge, 27-oct: 5 estrellas (relleno proporcional) como en la tarjeta del buscador. */
.bindy-hero__stars { position: relative; display: inline-block; color: #E5E7EB; font-size: 17px; letter-spacing: 1px; line-height: 1; vertical-align: -1px; margin-right: 4px; }
.bindy-hero__stars > span { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: #F5B301; }
/* Jorge, 27-oct: fila Local · A domicilio · En línea (iconos de Jorge, sprite de Ui\ModalidadIcons). */
.bindy-modos { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin: 10px 0 2px; }
.bindy-modo { display: inline-flex; align-items: center; gap: 7px; color: #0F2350; font-size: 14px; font-weight: 600; line-height: 1; }
.bindy-modo__ic { width: 32px; height: 28px; flex: 0 0 auto; }
.bindy-modo.is-fisico .bindy-modo__ic { width: 24px; }
.bindy-hero__lugar { max-width: 100%; overflow-wrap: anywhere; }
/* Jorge, 29-oct: la dirección va en su propia fila, después de Local/En línea. */
.bindy-hero__meta--lugar { margin-top: 8px; }
.bindy-hero__meta:empty { display: none; }
@media (max-width: 767px) { .bindy-hero__modos { justify-content: center; } }
.bindy-hero__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.bindy-hero__cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 11px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 1;
    font-family: inherit;
}
.bindy-hero__cta i { margin: 0; }
.bindy-hero__cta--wa { background: #25D366; color: #ffffff !important; border: 1px solid #25D366; }
.bindy-hero__cta--wa:hover { background: #1fbe5b; }
.bindy-hero__cta--quote { background: #083A84; color: #ffffff !important; border: 1px solid #083A84; }
.bindy-hero__cta--quote:hover { background: #0a4aa8; }
.bindy-hero__cta--call { background: #ffffff; color: #083A84 !important; border: 1.5px solid #083A84; }
.bindy-hero__cta--call:hover { background: #eaf2ff; }
.bindy-hero__cta--ghost { background: #ffffff; color: #46556f !important; border: 1px solid #d9e2ef; }
.bindy-hero__cta--ghost:hover { background: #f5f7fa; color: #083A84 !important; }
/* 24-sep: el tema pinta blanco «Enviar reseña» (.post-meta-info-classic a#clicktoreview) y quedaba invisible sobre el fondo blanco. */
.post-meta-info-classic a#clicktoreview.bindy-hero__cta--ghost, .post-meta-info-classic a#clicktoreview.bindy-hero__cta--ghost i { color: #46556f !important; }
.post-meta-info-classic a#clicktoreview.bindy-hero__cta--ghost:hover, .post-meta-info-classic a#clicktoreview.bindy-hero__cta--ghost:hover i { color: #083A84 !important; }
.bindy-hero__share { display: inline-flex; align-items: center; }
/* El widget de compartir del tema, integrado a la fila de acciones */
.bindy-hero__share .post-stat,
.bindy-hero__share ul { margin: 0 !important; padding: 0 !important; }
.bindy-hero__share a, .bindy-hero__share span { color: #46556f !important; }

@media (max-width: 767px) {
    .bindy-hero__main { flex-direction: column; text-align: center; align-items: center; }
    .bindy-hero__avatar { width: 120px; height: 120px; }
    .bindy-hero__meta { justify-content: center; }
    .bindy-hero__actions { justify-content: center; }
    .bindy-hero__name { font-size: 24px; }
}

/* --- 1. Sentence case: mata el text-transform:capitalize del tema --------- */
.listing-second-view .col-md-4 *,
.listing-second-view .post-detail-content *,
.listing-second-view .classic-detail-reviews * {
    text-transform: none !important;
}

/* --- 2. Oculta cruft de ListingPro que Bindy no usa ----------------------- */
/* Rango de precios ($$$$), "¿Eres el dueño? Reclamar", "¿Viste algo? Reportar" */
.listing-second-view .widget-box.listing-price {
    display: none !important;
}

/* --- 3. Tarjetas del sidebar con estilo de marca ------------------------- */
.listing-second-view .col-md-4 > .widget-box,
.listing-second-view .col-md-4 > .sidebar-post-classic,
.listing-second-view .col-md-4 > .lp-classic-single-additional-detals {
    background: #ffffff;
    border: 1px solid #e6ebf3;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 16px;
    box-shadow: 0 2px 12px rgba(8, 58, 132, .05);
}

/* El mapa dentro del sidebar no debe llevar doble caja */
.listing-second-view .col-md-4 .widget-map,
.listing-second-view .col-md-4 .post-author-box {
    border: 0;
    box-shadow: none;
    padding: 0;
}

/* --- 4. Horarios --------------------------------------------------------- */
.listing-second-view .listing-classic-business-hours .today-hrs {
    font-size: 14px;
    color: #40485c;
}
.listing-second-view .listing-classic-business-hours i.fa-clock,
.listing-second-view .listing-classic-business-hours i.fa-regular {
    color: #083A84;
}
/* "Abierto ahora" en verde, "Cerrado" en gris/rojo suave */
.listing-second-view .today-hrs a.Opened,
.listing-second-view .today-hrs .Opened {
    color: #1f8a4c !important;
    font-weight: 500;
}
.listing-second-view .today-hrs a.Closed,
.listing-second-view .today-hrs .Closed {
    color: #b23b3b !important;
    font-weight: 500;
}
/* Botón "Ver todos los horarios" — enlace discreto de marca */
.listing-second-view a.show-all-timings {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 6px 12px;
    font-size: 13px;
    color: #083A84 !important;
    background: #f2f7fd;
    border: 1px solid #cfe0f6;
    border-radius: 7px;
    text-decoration: none;
}
.listing-second-view a.show-all-timings:hover {
    background: #e6f0fb;
}

/* --- 5. Lista de contacto ------------------------------------------------ */
.listing-second-view .listing-detail-infos li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f2f7;
    font-size: 14px;
    color: #40485c;
}
.listing-second-view .listing-detail-infos li:last-child {
    border-bottom: 0;
}
.listing-second-view .listing-detail-infos i,
.listing-second-view .listing-detail-infos .phone-icon svg,
.listing-second-view .listing-detail-infos .phone-icon i {
    color: #083A84;
}
/* Botón "Cómo llegar" */
.listing-second-view .get-direction a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding: 6px 12px;
    font-size: 13px;
    color: #083A84 !important;
    background: #f2f7fd;
    border: 1px solid #cfe0f6;
    border-radius: 7px;
    text-decoration: none;
}
.listing-second-view .get-direction a:hover {
    background: #e6f0fb;
}

/* --- 6. Caja de autor + avatar ------------------------------------------ */
.listing-second-view .author-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.listing-second-view .author-image img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #02CCE2;
    background: #eaf1fb;
}
.listing-second-view .user-joining-status {
    font-size: 13px;
    color: #8a93a8;
}
.listing-second-view a.visit-profile-status {
    color: #083A84 !important;
    font-weight: 500;
    text-decoration: none;
}

/* --- 7. Formulario de contacto (lead) ----------------------------------- */
.listing-second-view .contact-form.quickform .form-control,
.listing-second-view .contact-form.quickform input,
.listing-second-view .contact-form.quickform textarea {
    border-radius: 8px;
    border: 1px solid #e2e6ef;
}
.listing-second-view .contact-form.quickform .btn,
.listing-second-view .contact-form.quickform button,
.listing-second-view .contact-form.quickform input[type="submit"] {
    background: #083A84 !important;
    border-color: #083A84 !important;
    color: #fff !important;
    border-radius: 8px;
    font-weight: 500;
}

/* --- 8. Columna de contenido: la descripción respira -------------------- */
.listing-second-view .post-detail-content {
    font-size: 15px;
    line-height: 1.7;
    color: #40485c;
}

/* --- 9. Capa C: secciones de contenido (servicios/FAQ/reseñas) ----------- */
/* Espacio entre bloques de la columna principal */
.listing-second-view .col-md-8 > .post-row,
.listing-second-view .col-md-8 > .post-lp-classic-row,
.listing-second-view .col-md-8 > .classic-review-form,
.listing-second-view .col-md-8 > #submitreview {
    margin-bottom: 28px;
}
/* Encabezados de sección con marca (scopeado: NO toca títulos de reseña) */
.listing-second-view .lp-classic-faq-title,
.listing-second-view .bindy-servicios > h3,
.listing-second-view .col-md-8 .post-row-header h3,
.listing-second-view .lp-total-reviews {
    color: #083A84 !important;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 16px;
    padding-left: 12px;
    border-left: 3px solid #02CCE2;
    line-height: 1.2;
}
/* Servicios (features taxonomía) como chips de marca */
.listing-second-view ul.features li a.parimary-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    background: #eaf1fb;
    border: 1px solid #cfe0f6;
    border-radius: 20px;
    color: #083A84 !important;
    font-size: 14px;
    text-decoration: none;
}
.listing-second-view ul.features li a.parimary-link .tick-icon i {
    color: #02CCE2;
}
/* FAQ — ícono "Q" en cian de marca */
.listing-second-view .accordion-item .question-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #02CCE2;
    color: #083A84;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
}

/* Servicios (extra fields movidos a la columna) como chips de marca */
.listing-second-view .bindy-servicios__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.listing-second-view .bindy-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    background: #eaf1fb;
    border: 1px solid #cfe0f6;
    border-radius: 20px;
    color: #083A84;
    font-size: 14px;
    line-height: 1.3;
}
.listing-second-view .bindy-chip i.fa-check {
    color: #02CCE2;
}
.listing-second-view .bindy-chip--value {
    border-radius: 8px;
    background: #f4f6fa;
}
.listing-second-view .bindy-chip--value strong {
    color: #083A84;
    font-weight: 600;
}

/* Lista de reseñas (CPT lp-reviews → article.review-post) */
.listing-second-view .reviews-section article.review-post {
    padding: 16px 0;
    border-bottom: 1px solid #eef0f5;
}
.listing-second-view .reviews-section article.review-post:last-child {
    border-bottom: 0;
}
.listing-second-view .review-post .review-thumbnail img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #eaf1fb;
    background: #eaf1fb;
}
.listing-second-view .review-post figcaption h4,
.listing-second-view .review-post figcaption h4 a {
    color: #083A84 !important;
    font-weight: 600;
    text-decoration: none;
}
.listing-second-view .review-post .top-section h3 {
    color: #1f2a44 !important;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
/* Estrellas de reseña en cian de marca */
.listing-second-view .review-post .rating i.fa-star,
.listing-second-view .review-post .rating .fa-star {
    color: #02CCE2;
}

/* --- 10. Quita el WhatsApp duplicado del sidebar (ya está en la portada) - */
.listing-second-view .listing-detail-infos li.lp-listing-phone-whatsapp {
    display: none !important;
}

/* --- 11. Sitio web del sidebar: ícono y URL alineados en una fila --------
      (el enlace largo se descolgaba del ícono del globo) */
.lp-user-web a {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    line-height: 1.4;
    word-break: break-all;
}
.lp-user-web a i {
    flex: 0 0 auto;
}

/* --- 12. Avatar de la portada con imagen: oculta la inicial de respaldo
      (se transparentaba detrás de logos PNG) y fondo blanco para que los
      logos luzcan. Si la imagen falla, su onerror la quita y la inicial
      vuelve a verse (el :has deja de aplicar). --- */
.bindy-hero__avatar:has(.bindy-hero__avatar-img) .bindy-hero__avatar-initial {
    visibility: hidden;
}
.bindy-hero__avatar:has(.bindy-hero__avatar-img) {
    background: #fff !important;
}

/* ── Trayectoria (spec §3 CREDENCIALES — texto largo, solo Pro) ────── */
.listing-second-view .bindy-trayectoria__texto {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.65;
    color: #2b3a55;
    white-space: pre-line; /* respeta los saltos de línea que escribió el profesional */
}

/* ── Certificaciones (spec §3 — solo Pro; un renglón por credencial) ── */
.listing-second-view .bindy-certs__lista {
    list-style: none;
    margin: 0;
    padding: 0;
}
.listing-second-view .bindy-certs__lista li {
    display: flex;
    align-items: baseline;
    gap: 9px;
    padding: 7px 0;
    font-size: 15.5px;
    color: #2b3a55;
    border-bottom: 1px solid #eef2f8;
}
.listing-second-view .bindy-certs__lista li:last-child { border-bottom: 0; }
.listing-second-view .bindy-certs__lista i { color: #02CCE2; font-size: 14px; }

/* ── «Sobre mí» + «Mis trabajos» (22-sep-2026, bosquejo de Jorge) ─────────
   El carrusel superior del tema ya no se pinta (gallery.php vacío en el tema
   hijo); las fotos van en cuadrícula dentro de la columna de contenido. */
.listing-second-view .bindy-sobre .post-row-header h3,
.listing-second-view .bindy-trabajos .post-row-header h3 {
    color: #083A84 !important;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 16px;
    padding-left: 12px;
    border-left: 3px solid #02CCE2;
    line-height: 1.2;
}
.listing-second-view .bindy-sobre .post-detail-content { padding-top: 0 !important; }
.bindy-trabajos__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.bindy-trabajos__grid[data-n="1"],
.bindy-trabajos__grid[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bindy-trabajos__item {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    background: #eaf1fb;
    border: 1px solid #e2eaf5;
}
.bindy-trabajos__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
}
.bindy-trabajos__item:hover img { transform: scale(1.04); }
@media (max-width: 767px) {
    .bindy-trabajos__grid,
    .bindy-trabajos__grid[data-n="1"],
    .bindy-trabajos__grid[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}

/* ── Fondo gris claro + secciones como tarjetas blancas (paso A, 22-sep-2026) ── */
.listing-second-view.aliceblue { background: #F5F7FA !important; }
.listing-second-view .content-white-area-classic { background: transparent !important; }
.listing-second-view .col-md-8 > .bindy-sobre,
.listing-second-view .col-md-8 > .bindy-trabajos,
.listing-second-view .col-md-8 > .bindy-servicios,
.listing-second-view .col-md-8 > .faq-section {
    background: #ffffff;
    border: 1px solid #e6ecf5;
    border-radius: 16px;
    padding: 22px 24px;
    box-shadow: 0 2px 12px rgba(8, 58, 132, .05);
    margin-bottom: 20px;
}
.listing-second-view .col-md-8 > .classic-filters-new-review-detail,
.listing-second-view .col-md-8 > .classic-review-form {
    background: #ffffff;
    border: 1px solid #e6ecf5;
    border-radius: 16px;
    padding: 22px 24px;
    box-shadow: 0 2px 12px rgba(8, 58, 132, .05);
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .listing-second-view .col-md-8 > .bindy-sobre,
    .listing-second-view .col-md-8 > .bindy-trabajos,
    .listing-second-view .col-md-8 > .bindy-servicios,
    .listing-second-view .col-md-8 > .faq-section,
    .listing-second-view .col-md-8 > .classic-filters-new-review-detail,
    .listing-second-view .col-md-8 > .classic-review-form { padding: 16px; border-radius: 14px; }
}

/* ── Paso C (23-sep-2026): «Valoraciones de clientes» ──────────────────────
   La lista la pinta el tema (listingpro_get_all_reviews); aquí solo se viste:
   encabezado con contador, comilla cian, autor y fecha discretos. El JS de
   bindy-profile-actions.js renombra el título y muestra 2, con «Ver todas». */
.listing-second-view #submitreview .lp-total-reviews {
    display: flex; align-items: center; gap: 10px;
}
.listing-second-view #submitreview .lp-total-reviews .bindy-val__n {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 26px; height: 26px; padding: 0 8px; border-radius: 999px;
    background: #EAF2FF; color: #083A84; font-size: 13px; font-weight: 700;
}
.listing-second-view .reviews-section article.review-post { position: relative; padding: 18px 0 18px 34px; }
.listing-second-view .reviews-section article.review-post::before {
    content: "\201C"; position: absolute; left: 0; top: 10px;
    font-family: Georgia, serif; font-size: 44px; line-height: 1; color: #02CCE2; opacity: .9;
}
.listing-second-view .review-post .top-section time { color: #8a8a8a; font-size: 12.5px; }
.listing-second-view .review-post .content-section p { color: #1f2a44; font-size: 15px; line-height: 1.55; }
.listing-second-view .review-post figcaption p { color: #8a8a8a; font-size: 12.5px; }
.listing-second-view .reviews-section article.review-post[hidden] { display: none; }
.bindy-val__more {
    display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 4px;
    padding: 9px 16px; border-radius: 999px; border: 1.5px solid #083A84;
    background: #fff; color: #083A84; font-size: 14px; font-weight: 700;
    cursor: pointer; font-family: inherit; text-transform: none;
}
.bindy-val__more:hover { background: #EAF2FF; }
/* Título de reseña en oración (el tema fuerza Title Case), calificación en su
   propia línea (se encimaba con el título a anchos medios) y autor sin recorte. */
.listing-second-view .review-post .top-section { position: relative; }
.listing-second-view .review-post .top-section h3 { text-transform: none !important; padding-right: 0 !important; }
.listing-second-view .review-post .top-section .review-count {
    position: static !important; float: none !important; display: flex; align-items: center; gap: 6px; margin: 4px 0 0;
}
.listing-second-view .review-post .top-section .review-count .rate { font-size: 17px; color: #083A84; white-space: nowrap; }
/* 24-sep (Benjamín: «se encimó el / de la calificación»): el tema pinta «4.0<sup>/ 5</sup>» con el sup
   encimado sobre el número. Aquí el sup va en su lugar, chico y separado. */
.listing-second-view .review-post .top-section .review-count .rate sup {
    position: static !important; top: auto !important; left: auto !important; float: none !important;
    display: inline !important; font-size: .62em !important; line-height: 1 !important; vertical-align: super !important;
    margin: 0 0 0 3px !important; color: #6b7a94 !important; font-weight: 500 !important;
}
.listing-second-view .review-post figcaption h4,
.listing-second-view .review-post figcaption h4 a { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 13.5px; line-height: 1.3; word-break: break-word; }

@media (max-width: 767px) { .bindy-hero__chips { justify-content: center; } }
/* Orden de la fila: primero tipo de perfil / a domicilio / zona, luego palabras clave */
.bindy-hero__chips .bindy-badges > span { order: 0; }
.bindy-hero__chips .bindy-chips > span, .bindy-hero__chips .bindy-chips > a { order: 1; }

/* --- Ronda de Jorge 25-sep ------------------------------------------------ */
/* Nombre centrado en celular, como el resto de la portada (el corazón lo
   empujaba a la izquierda: la fila es flex y no estaba centrada). */
@media (max-width: 767px) { .bindy-hero__nameline { justify-content: center; } }
/* Horario siempre a la vista: sin el botón de «Ver todos los horarios». */
.listing-second-view a.show-all-timings { display: none !important; }
.listing-second-view ul.hidding-timings { display: block !important; height: auto !important; }
/* Teléfono del bloque de contacto más grande (Jorge: «ícono y teléfono más grande»). */
.listing-second-view .listing-detail-infos li.lp-listing-phone a {
    font-size: 18px !important; font-weight: 700; color: #083A84 !important;
    display: inline-flex; align-items: center; gap: 10px;
}
.listing-second-view .listing-detail-infos li.lp-listing-phone a i { font-size: 20px !important; }
/* Benjamín, 25-sep: «Ver perfil» del cuadro de cotización llevaba a la página de
   autor de WordPress (no es parte de Bindy). Fuera. */
a.visit-profile-status { display: none !important; }

/* --- Reseñas compactas (Benjamín, 25-sep: «si fueran 10 ocuparían mucho espacio»;
   referencia: Amazon). Cada reseña pasaba de ~450px a ~170px en celular:
   foto chica + nombre en una fila, estrellas + título en otra, fecha chica,
   texto y reacciones en una línea. -------------------------------------------- */
.listing-second-view .reviews-section article.review-post {
    display: grid !important; grid-template-columns: 34px 1fr; column-gap: 10px; align-items: center;
    padding: 14px 0 12px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid #eef2f7 !important;
    background: transparent !important; box-shadow: none !important; text-align: left !important;
}
.listing-second-view .reviews-section article.review-post::before,
.listing-second-view .reviews-section article.review-post::after { display: none !important; content: none !important; }
.listing-second-view .reviews-section article.review-post > figure { display: contents !important; }
.listing-second-view .review-post .review-thumbnail { width: 34px !important; height: 34px !important; margin: 0 !important; float: none !important; }
.listing-second-view .review-post .review-thumbnail img { width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 0 !important; margin: 0 !important; }
.listing-second-view .review-post .review-thumbnail a,
.listing-second-view .review-post figcaption h4 a { pointer-events: none; cursor: default; } /* llevaba a /author/ de WordPress */
.listing-second-view .review-post figcaption {
    display: flex !important; align-items: baseline; gap: 8px; margin: 0 !important; padding: 0 !important;
    float: none !important; width: auto !important; text-align: left !important; min-width: 0;
}
.listing-second-view .review-post figcaption h4 { margin: 0 !important; font-size: 14.5px !important; font-weight: 700; }
.listing-second-view .review-post figcaption h4 a { color: #0F2350 !important; }
.listing-second-view .review-post figcaption p { margin: 0 !important; font-size: 12px !important; color: #6b7a94 !important; white-space: nowrap; }
.listing-second-view .review-post figcaption p i { display: none; }
.listing-second-view .review-post > section.details {
    grid-column: 1 / -1; margin: 8px 0 0 !important; padding: 0 !important; float: none !important; width: auto !important;
}
.listing-second-view .review-post .top-section {
    display: flex !important; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin: 0 !important; padding: 0 !important;
}
.listing-second-view .review-post .top-section .review-count { order: 1; margin: 0 !important; gap: 5px; }
.listing-second-view .review-post .top-section h3 { order: 2; font-size: 15px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1.3; }
.listing-second-view .review-post .top-section time { order: 3; flex-basis: 100%; font-size: 12px !important; color: #6b7a94 !important; margin: 0 !important; }
.listing-second-view .review-post .top-section .rating i { font-size: 14px !important; margin: 0 !important; }
.listing-second-view .review-post .top-section .review-count .rate { font-size: 13px !important; }
.listing-second-view .review-post .top-section .label:empty { display: none !important; }
.listing-second-view .review-post .content-section { margin: 4px 0 0 !important; padding: 0 !important; }
.listing-second-view .review-post .content-section p { margin: 0 0 4px !important; font-size: 14.5px !important; line-height: 1.45; color: #1b2430 !important; }
.listing-second-view .review-post .content-section p:empty { display: none !important; }
.listing-second-view .review-post .bottom-section { margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; }
.listing-second-view .review-post .bottom-section form { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0 !important; }
.listing-second-view .review-post .bottom-section form > span { font-size: 12px !important; color: #6b7a94 !important; margin: 0 !important; }
.listing-second-view .review-post .bottom-section ul { display: flex !important; gap: 12px; margin: 0 !important; padding: 0 !important; }
.listing-second-view .review-post .bottom-section ul li { margin: 0 !important; padding: 0 !important; float: none !important; }
.listing-second-view .review-post .bottom-section ul li a { font-size: 12.5px !important; padding: 0 !important; display: inline-flex; align-items: center; gap: 4px; }
.listing-second-view .review-post .bindy-reply,
.listing-second-view .review-post .bindy-reply-form,
.listing-second-view .review-post .bindy-reply-toggle { grid-column: 1 / -1; margin-left: 0 !important; }
@media (max-width: 991px) {
    /* La sección de reseñas traía 38px de relleno por lado DENTRO de la tarjeta:
       al texto le quedaban 227 de 375px. */
    .listing-second-view .classic-filters-new-review-detail .reviews-section { padding: 6px 0 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
    /* Reacciones en una sola línea: fuera la pregunta, se entiende sola. */
    .listing-second-view .review-post .bottom-section form > span { display: none !important; }
}

/* --- Benjamín, 25-sep (noche) --------------------------------------------- */
/* «Compartir» de la portada con el mismo azul verdoso que «Crear mi cuenta». */
.bindy-hero__cta.bindy-hero__cta--ghost[data-bindy-share] {
    background: #0B84A6 !important; border-color: #0B84A6 !important; color: #fff !important;
}
.bindy-hero__cta.bindy-hero__cta--ghost[data-bindy-share] i { color: #fff !important; }
.bindy-hero__cta.bindy-hero__cta--ghost[data-bindy-share]:hover { background: #09738f !important; border-color: #09738f !important; }
/* «Enviar mensaje»: el texto salía gris (el tema lo pinta así). */
.bindy-send-btn, .bindy-send-btn span, .bindy-send-btn svg { color: #fff !important; }
/* Mapa más grande (180 → 280px en celular, 300px en compu): era chico y
   dejaba mucho blanco abajo. */
.listing-second-view #singlepostmap, .listing-second-view .widget-map { height: 300px !important; min-height: 300px; }
@media (max-width: 991px) {
    .listing-second-view #singlepostmap, .listing-second-view .widget-map { height: 280px !important; min-height: 280px; }
}

/* --- Reseñas: acciones «Útil · Compartir · Reportar» (Benjamín, 25-sep) --- */
.listing-second-view .review-post .bottom-section ul { gap: 18px !important; }
.listing-second-view .review-post .bottom-section ul li a { font-size: 13.5px !important; font-weight: 600; text-decoration: none !important; }
.listing-second-view .review-post .bottom-section a.instresting,
.listing-second-view .review-post .bottom-section a.bindy-rev-share { color: #083A84 !important; }
.listing-second-view .review-post .bottom-section a.bindy-rev-share svg { color: #0B84A6; }
.listing-second-view .review-post .bottom-section [data-posttype="reviews"] { color: #9a5b00 !important; display: inline-flex; align-items: center; gap: 4px; }
.listing-second-view .review-post .bottom-section form > span { display: none !important; }

/* --- Dirección: más grande y «Cómo llegar» abajo con el color de Compartir --- */
.listing-second-view .listing-detail-infos li.lp-details-address-classic { flex-direction: column !important; align-items: flex-start !important; gap: 10px; }
.listing-second-view .listing-detail-infos li.lp-details-address-classic p {
    font-size: 16.5px !important; line-height: 1.45 !important; color: #1b2430 !important; font-weight: 500; display: flex; gap: 10px; margin: 0 !important;
}
.listing-second-view .listing-detail-infos li.lp-details-address-classic p i { font-size: 17px !important; color: #083A84 !important; margin-top: 3px; }
.listing-second-view .listing-detail-infos .get-direction { margin: 0 !important; float: none !important; }
.listing-second-view .listing-detail-infos .get-direction a,
.listing-second-view .sidebar-post-classic .widget-classic-box .listing-detail-infos li.contacts.lp-details-address-classic .get-direction a {
    display: inline-flex !important; align-items: center; gap: 8px; background: #0B84A6 !important; border: 0 !important;
    color: #fff !important; font-size: 15px !important; font-weight: 700 !important; padding: 11px 20px !important; border-radius: 10px !important;
    text-decoration: none !important;
}
.listing-second-view .listing-detail-infos .get-direction a:hover,
.listing-second-view .sidebar-post-classic .widget-classic-box .listing-detail-infos li.contacts.lp-details-address-classic .get-direction a:hover { background: #09738f !important; }

/* --- Botones de la portada (Benjamín, 25-sep): WhatsApp · (Llamar) · Solicitar
   cotización a lo ancho, y Compartir | Guardado lado a lado. Más grandes. --- */
.bindy-hero__actions {
    display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px !important;
    max-width: 440px; margin-left: auto !important; margin-right: auto !important; width: 100%;
}
.bindy-hero__actions > .bindy-hero__cta {
    width: 100% !important; min-height: 52px; margin: 0 !important; justify-content: center !important;
    font-size: 16px !important; border-radius: 12px !important; padding: 0 14px !important; box-sizing: border-box;
}
.bindy-hero__actions > .bindy-hero__cta--wa    { grid-column: 1 / -1; order: 1; }
.bindy-hero__actions > .bindy-hero__cta--call  { grid-column: 1 / -1; order: 2; }
.bindy-hero__actions > .bindy-hero__cta--quote { grid-column: 1 / -1; order: 3; }
.bindy-hero__actions > .bindy-hero__cta[data-bindy-share] { order: 4; }
.bindy-hero__actions > #clicktoreview { order: 6; grid-column: 1 / -1; }

/* Dirección y «Cómo llegar» centrados (Benjamín, 25-sep). */
.listing-second-view .listing-detail-infos li.lp-details-address-classic { align-items: center !important; text-align: center; }
.listing-second-view .listing-detail-infos li.lp-details-address-classic p { justify-content: center; text-align: center !important; }
.listing-second-view .sidebar-post-classic .widget-classic-box .listing-detail-infos li.contacts.lp-details-address-classic .get-direction a { margin: 0 !important; } /* el tema le deja 25px a la izquierda */
/* El ícono de ubicación iba en posición fija a la izquierda: al centrar la
   dirección quedó encima del texto. En línea, antes de la dirección. */
.listing-second-view .sidebar-post-classic .widget-classic-box .listing-detail-infos li.lp-details-address-classic p { display: block !important; padding-left: 0 !important; }
.listing-second-view .sidebar-post-classic .widget-classic-box .listing-detail-infos li.lp-details-address-classic p i {
    position: static !important; display: inline-block !important; margin: 0 6px 0 0 !important; vertical-align: -1px; left: auto !important; top: auto !important;
}

/* --- Listón Pro sobre el logo y «Agregar a favoritos» (Jorge/Benjamín, 25-sep) --- */
.bindy-hero__avatar-wrap { position: relative; flex: 0 0 auto; padding-bottom: 14px; }
.bindy-hero__avatar-wrap .bindy-hero__badge {
    position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 2;
    padding: 7px 22px; border-radius: 0; white-space: nowrap; font-size: 13px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%, 10px 50%);
    box-shadow: none;
}
.bindy-hero__id .bindy-fav-btn.bindy-fav-hero {
    display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; height: auto !important;
    margin: 8px 0 4px; padding: 8px 16px !important; border-radius: 999px !important;
    border: 1.5px solid #f3b6c6 !important; background: #fff !important; color: #c2185b !important;
    font-size: 14.5px; font-weight: 700; font-family: inherit; box-shadow: none !important; cursor: pointer;
}
.bindy-hero__id .bindy-fav-btn.bindy-fav-hero svg { width: 18px !important; height: 18px !important; position: static !important; }
.bindy-hero__id .bindy-fav-btn.bindy-fav-hero .bf-t--saved { display: none; }
.bindy-hero__id .bindy-fav-btn.bindy-fav-hero.is-saved { background: #fdeef3 !important; }
.bindy-hero__id .bindy-fav-btn.bindy-fav-hero.is-saved .bf-t--add { display: none; }
.bindy-hero__id .bindy-fav-btn.bindy-fav-hero.is-saved .bf-t--saved { display: inline; }
.bindy-hero__avatar-wrap .bindy-hero__badge {
    width: calc(100% + 20px); justify-content: center; padding: 8px 0 !important; font-size: 14px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0 100%, 12px 50%);
}

/* --- Portada según la maqueta de Jorge (25-sep) ----------------------------- */
.bindy-hero__protag { display: flex; align-items: center; gap: 7px; margin: 4px 0 10px; color: #6b7280; font-size: 13px; letter-spacing: .08em; text-transform: uppercase !important; }
.bindy-hero__protag span, .bindy-hero__protag b { text-transform: uppercase !important; }
.bindy-hero__protag b { color: #4b5563; font-weight: 800; }
.bindy-hero__avatar-wrap { padding-bottom: 0; }
/* Logo cuadrado (sin esquinas redondeadas); la sombra se queda (Benjamín). */
.bindy-hero__avatar { border-radius: 0 !important; border: 0 !important; }
.bindy-hero__name { color: #111827 !important; }
.bindy-hero__badgesrow:empty { display: none; }
.bindy-hero__badgesrow .bindy-badges { justify-content: center; margin: 8px 0 2px; }
.bindy-hero__badgesrow .bindy-badges .is-reg { background: #E4F9FC !important; color: #0B6E86 !important; border-color: #E4F9FC !important; font-weight: 700; }
.bindy-hero__badgesrow .bindy-badges .is-tipo { font-weight: 700; }
.bindy-hero__ratingrow { margin: 8px 0 2px; font-size: 15px; font-weight: 700; color: #083A84; }
.bindy-hero__ratingrow i { color: #F5A623; margin-right: 4px; }
.bindy-hero__id .bindy-fav-btn.bindy-fav-hero { margin: 10px 0 6px; }
/* Palabras clave en gris, esquinas suaves (maqueta). */
.bindy-hero__chips .bindy-chips span, .bindy-hero__chips .bindy-chips a {
    background: #EEF1F5 !important; color: #1f2937 !important; border: 0 !important; border-radius: 6px !important; font-weight: 600;
}
@media (max-width: 767px) {
    .bindy-hero__ratingrow, .bindy-hero__id .bindy-fav-btn.bindy-fav-hero { align-self: center; }
    .bindy-hero__id { display: flex; flex-direction: column; align-items: center; }
    .bindy-hero__meta { justify-content: center; }
}

/* --- Fotos estilo Doctoralia (Jorge, 25-sep): fila deslizable + visor ------- */
.bindy-trabajos__strip {
    display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; padding-bottom: 2px;
}
.bindy-trabajos__strip::-webkit-scrollbar { display: none; }
.bindy-trabajos__strip .bindy-trabajos__item {
    flex: 0 0 78%; max-width: 340px; aspect-ratio: 4 / 3; scroll-snap-align: start; cursor: zoom-in;
}
.bindy-trabajos__strip[data-n="1"] .bindy-trabajos__item { flex-basis: 100%; max-width: none; }
@media (min-width: 768px) { .bindy-trabajos__strip .bindy-trabajos__item { flex-basis: 42%; } }
.bindy-trabajos__all {
    margin-top: 14px; border: 0; border-radius: 999px; background: #EEF1F5; color: #1f2937; font-weight: 700;
    font-size: 15px; padding: 12px 22px; cursor: pointer; font-family: inherit;
}
.bindy-trabajos__all:hover { background: #e2e7ee; }
/* Visor */
.bindy-gv { position: fixed; inset: 0; z-index: 100050; background: #fff; display: flex; flex-direction: column; }
.bindy-gv[hidden] { display: none; }
.bindy-gv__top { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid #eef2f7; }
.bindy-gv__x { width: 40px; height: 40px; border: 0; border-radius: 50%; background: #4b5563; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.bindy-gv__n { font-weight: 700; color: #1f2937; font-size: 15px; }
.bindy-gv__track { flex: 1; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.bindy-gv__track::-webkit-scrollbar { display: none; }
.bindy-gv__slide { flex: 0 0 100%; scroll-snap-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
/* 1-oct (Jorge: «al darle clic que se agranden; ahorita es al revés»): la foto
   llena el visor aunque el archivo sea chico (antes salía a su tamaño real). */
.bindy-gv__slide img { width: 100%; height: calc(100vh - 150px); max-width: 100%; object-fit: contain; }
.bindy-gv__slide p { margin: 10px 0 0; color: #4b5563; font-size: 14px; text-align: center; }
.bindy-gv__prev, .bindy-gv__next {
    position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; border: 0;
    background: rgba(17, 24, 39, .6); color: #fff; font-size: 26px; cursor: pointer; display: none;
}
.bindy-gv__prev { left: 16px; } .bindy-gv__next { right: 16px; }
@media (min-width: 768px) { .bindy-gv__prev, .bindy-gv__next { display: block; } }
body.bindy-gv-open { overflow: hidden; }

/* --- Ronda de Jorge 1-oct: versión compu -------------------------------------
   Fotos: miniaturas a la mitad (3 por renglón, máx. 6 a la vista; el resto en
   «Ver galería»). Antes una sola foto ocupaba todo el ancho y en el visor salía
   más chica que en la página. */
@media (min-width: 768px) {
    .bindy-trabajos__strip { flex-wrap: wrap; overflow: visible; scroll-snap-type: none; }
    .bindy-trabajos__strip .bindy-trabajos__item,
    .bindy-trabajos__strip[data-n="1"] .bindy-trabajos__item { flex: 0 0 calc((100% - 20px) / 3); max-width: 220px; }
    .bindy-trabajos__strip .bindy-trabajos__item:nth-child(n+7) { display: none; }
}
/* Botones de la portada: a la mitad de tamaño, en fila y alineados a la
   izquierda con la foto y el nombre (antes: columna centrada de 440px). */
@media (min-width: 768px) {
    .bindy-hero__actions {
        display: flex !important; flex-wrap: wrap; justify-content: flex-start; gap: 8px !important;
        max-width: none; margin-left: 0 !important; margin-right: 0 !important;
    }
    .bindy-hero__actions > .bindy-hero__cta {
        width: auto !important; min-height: 40px; font-size: 14px !important; padding: 0 16px !important; border-radius: 10px !important;
    }
}

/* --- Ronda de Jorge 1-oct: eslogan, Bindy Card y «Ver más» -------------------- */
.bindy-hero__tagline { margin: 0 0 8px; font-size: 16px; line-height: 1.35; color: #46556f; font-style: italic; overflow-wrap: anywhere; }
/* Botón de dos renglones: «Descargar Bindy Card» + letra chica. */
.bindy-hero__actions > .bindy-hero__cta--card {
    grid-column: 1 / -1; order: 7; background: #fff !important; color: #083A84 !important; border: 1.5px solid #cfdcf0 !important; gap: 10px;
}
.bindy-hero__cta--card:hover { background: #f2f7fd !important; }
.bindy-hero__cta--card i { color: #0B84A6 !important; font-size: 17px; }
.bindy-hero__cta-2l { display: flex; flex-direction: column; align-items: flex-start; text-align: left; line-height: 1.15; }
.bindy-hero__cta-2l b { font-weight: 700; font-size: 15px; color: #083A84 !important; }
.bindy-hero__cta-2l small { font-weight: 500; font-size: 11.5px; color: #6b7a94 !important; margin-top: 2px; }
.bindy-hero__cta--card.is-busy { opacity: .7; cursor: progress; }
@media (min-width: 768px) {
    .bindy-hero__cta-2l b { font-size: 13.5px; }
    .bindy-hero__cta-2l small { font-size: 10.5px; margin-top: 1px; }
}
.bindy-sobre__corta[hidden], .bindy-sobre__todo[hidden] { display: none !important; }
.bindy-sobre__corta { margin: 0; }
.bindy-sobre__mas {
    display: inline; border: 0; background: none; padding: 0; margin: 0; color: #0B84A6; font: inherit; font-weight: 700;
    cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
}
.bindy-sobre__todo > .bindy-sobre__mas { display: inline-block; margin-top: 6px; }

/* =====================================================================
   Ronda de Jorge, 11-oct
   ===================================================================== */
/* Sin «Guardar» en la portada (duplicaba «Agregar a favoritos»): Compartir va a lo ancho. */
.bindy-hero__actions > .bindy-hero__cta[data-bindy-share] { grid-column: 1 / -1; }
/* Caja de «Enviar mensaje»: fuera los contadores de ListingPro (perfiles / fotos /
   reseñas del USUARIO, no del perfil: «estos datos son falsos») y la fila de
   redes del usuario con enlaces vacíos (#). Las redes del perfil van en la portada. */
.lp-lead-form-st .user_texts .status > ul,
.lp-lead-form-st .user_texts .author-socials > ul,
.lp-lead-form-st .user_texts .visit-profile-status { display: none !important; }
/* Redes sociales del perfil en la portada (Jorge: «puse Instagram y no sale»). */
.bindy-hero__social { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }
.bindy-hero__social a {
    display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 12px;
    border-radius: 999px; background: #EEF1F5; color: #0F2350 !important;
    font-size: 13.5px; font-weight: 600; text-decoration: none !important; border: 1px solid #dfe6ee;
}
.bindy-hero__social a:hover { background: #E3F6FA; border-color: #0B84A6; }
.bindy-hero__social a i { font-size: 16px; color: #0B84A6 !important; }
@media (max-width: 767px) { .bindy-hero__social { justify-content: center; } }
/* El widget de redes de ListingPro (cuando su plan lo deja salir) ya no hace falta. */
.listing-second-view .widget-social { display: none !important; }
/* Estudios (Jorge, 13-oct) dentro de «Trayectoria». */
.bindy-estudios { list-style: none; margin: 0 0 10px; padding: 0; }
.bindy-estudios li { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; font-size: 15px; color: #1f2937; line-height: 1.45; }
.bindy-estudios li i { color: #0B84A6; margin-top: 3px; flex: 0 0 auto; }

/* --- Ronda de Jorge, 10-nov ------------------------------------------------
   · «Perfil individual» + oficio en un renglón (.bindy-hero__tiporow)
   · «Agregar a favoritos» + redes sociales en un renglón (.bindy-hero__favrow)
   · foto de perfil más grande */
.bindy-hero__tiporow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 8px 0 2px; }
.bindy-hero__tiporow .bindy-hero__badgesrow .bindy-badges { margin: 0; justify-content: flex-start; }
.bindy-hero__tiporow .bindy-hero__meta { flex: 0 1 auto; }
.bindy-hero__favrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 6px; }
.bindy-hero__favrow .bindy-fav-btn.bindy-fav-hero { margin: 0 !important; padding: 7px 14px !important; }
/* Las redes fluyen en el mismo renglón que «Agregar a favoritos» (y bajan solo si no caben). */
.bindy-hero__favrow .bindy-hero__social { display: contents; }
.bindy-hero__avatar { width: 190px; height: 190px; }
@media (max-width: 767px) {
    .bindy-hero__avatar { width: 176px; height: 176px; }
    .bindy-hero__tiporow, .bindy-hero__favrow { justify-content: center; }
    .bindy-hero__tiporow .bindy-hero__badgesrow .bindy-badges { justify-content: center; }
}