/* =============================================================
   EQUIPO BLOCK — "Un equipo clínico cercano y profesional,
   comprometido contigo" — global, compartido entre portada,
   hombres y mujeres. Basado en la versión de portada.
   El estilo de las tarjetas (.persona, .persona-cargo, etc.) vive
   en style.css, compartido con .block-destacado-equipo (usado por
   la página /como-funciona/ y otras aún no migradas a este bloque).
   ============================================================= */
.block-equipo {
    padding: var(--section-gap) var(--page-margin);
    background-color: #FAF6F0;
}

.inner-equipo {
    max-width: var(--container-desktop) !important;
    margin-inline: auto;
}

.equipo-header {
    text-align: center;
    margin-bottom: var(--space-12);
}

.equipo-titulo {
    font-family: var(--font-body);
    font-size: clamp(1.375rem, 2.5vw, 2rem);
    font-weight: var(--weight-regular);
    color: var(--color-neutral-800);
    line-height: var(--leading-snug);
    margin: var(--space-3) 0 0;
}

.equipo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-8);
}

@media (max-width: 768px) {
    .equipo-header {
        padding: 0 var(--page-margin);
        text-align: center;
        margin-bottom: var(--space-8);
    }

    .equipo-titulo {
        font-size: clamp(1.25rem, 5vw, 1.5rem);
    }

    .equipo-grid .persona {
        text-align: center;
    }

    .equipo-grid .persona img {
        border-radius: var(--radius-lg);
    }

    /* Forzar visibilidad: algunos layouts de WP pueden clipar el heading */
    #equipo .equipo-header {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 2 !important;
        padding: 0 var(--page-margin) !important;
        text-align: center !important;
        margin-bottom: var(--space-8) !important;
    }

    #equipo .senda-pre-titulo {
        display: block !important;
        color: var(--color-brand) !important;
        visibility: visible !important;
    }

    #equipo .equipo-titulo {
        display: block !important;
        color: var(--color-neutral-800) !important;
        visibility: visible !important;
        font-size: clamp(1.25rem, 5vw, 1.5rem) !important;
    }

    #equipo .equipo .persona {
        text-align: center !important;
        align-items: center !important;
    }

    #equipo .equipo .persona .persona-texto {
        text-align: center !important;
        align-items: center !important;
    }
}