.equipo-hero {
    background:
        radial-gradient(circle at 85% 20%, rgba(225, 29, 39, .07) 0%, transparent 45%),
        radial-gradient(circle at 10% 90%, rgba(63, 73, 174, .07) 0%, transparent 45%),
        #F1F6FD;
}

.doctor-card {
    transition: all .35s cubic-bezier(.22, 1, .36, 1);
    border: 1px solid transparent;
    background: #fff;
}
.doctor-card:hover {
    border-color: #E11D27;
    background: #F0F3FA;
    box-shadow: 0 1px 0 rgba(225, 29, 39, .1), 0 24px 48px -16px rgba(15, 23, 56, .15);
    transform: translateY(-2px);
}
.doctor-card.is-director {
    border-color: rgba(225, 29, 39, .25);
    background: #fff;
}
.doctor-card.is-director:hover {
    border-color: #E11D27;
}

.director-tag {
    background: #E11D27;
    color: #fff;
    letter-spacing: .18em;
}

.doctor-photo {
    object-position: top;
    transition: transform .8s ease;
}
.doctor-card:hover .doctor-photo {
    transform: scale(1.03);
}

.avatar-placeholder {
    background:
        radial-gradient(circle at 50% 35%, rgba(15, 23, 56, .10) 0%, transparent 50%),
        linear-gradient(135deg, #FFE3DD 0%, #FFEDE9 50%, #F0F3FA 100%);
}
.avatar-initials {
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    color: rgba(15, 23, 56, .35);
    font-size: clamp(56px, 7vw, 96px);
    letter-spacing: -.02em;
}

.doctor-card:hover .cert-chip {
    border-color: rgba(225, 29, 39, .3);
    background: #fff;
}
.cert-chip.cert-chip-on-white {
    background: #F8FAFC;
}

.legend-row {
    background: #fff;
    border: 1px solid rgba(15, 23, 56, .08);
    transition: border-color .2s, transform .2s;
}
.legend-row:hover {
    border-color: rgba(225, 29, 39, .35);
    transform: translateY(-1px);
}

.dot { width: 6px; height: 6px; border-radius: 999px; background: #E11D27; display: inline-block; }

.doctor-photo-wrap { height: 360px; overflow: hidden; }
@media (max-width: 767px) {
    .doctor-photo-wrap { height: 300px; }
    .doctor-card:not(.is-director) { width: 80%; margin-left: auto; margin-right: auto; }
    .doctor-card.is-director { width: 80%; margin-left: auto; margin-right: auto; }
}
