/* ============================================================
   Páginas de servicios – Dr. Weiss Radiología
   ============================================================ */


/* ── Contenido ───────────────────────────────────────────────────────── */
.content-body { padding: 3.5rem 0 4rem; }
.content-section { margin-bottom: 2.5rem; }
.content-section h2 {
    font-size: 1.35rem; font-weight: 700; color: var(--text-main);
    margin-bottom: 1rem; padding-bottom: .5rem;
    border-bottom: 2px solid var(--brand-bg);
}
.content-section p { color: var(--text-darker); line-height: 1.75; margin-bottom: 1rem; }
.content-section ul { padding-left: 0; list-style: none; }
.content-section ul li {
    padding: .4rem 0 .4rem 1.5rem;
    position: relative; color: var(--text-darker); font-size: .95rem;
}
.content-section ul li::before {
    content: ''; position: absolute; left: 0; top: .85rem;
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--brand);
}

/* ── Sidebar rediseñada ──────────────────────────────────────────────── */
.sidebar-card {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    position: sticky; top: 90px;
}
.sidebar-card-header {
    background: var(--brand-bg);
    padding: 1.25rem 1.5rem;
}
.sidebar-card-header h3 {
    font-family: 'Figtree', sans-serif;
    font-size: .8rem; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    color: var(--brand); margin: 0;
}
.sidebar-sede {
    padding: 1.25rem 1.5rem;
}
.sidebar-sede + .sidebar-sede {
    border-top: 1px solid var(--border-color);
}
.sidebar-sede-name {
    font-family: 'Figtree', sans-serif;
    font-size: .95rem; font-weight: 700; color: var(--text-main);
    margin-bottom: .75rem; display: flex; align-items: center; gap: .5rem;
}
.sidebar-sede-name i { color: var(--brand); font-size: .85rem; }
.contact-item { display: flex; align-items: flex-start; gap: .6rem; margin-bottom: .5rem; }
.contact-item i { font-size: .85rem; color: var(--text-muted); flex-shrink: 0; margin-top: .2rem; }
.contact-item p { margin: 0; font-size: .82rem; color: var(--text-secondary); line-height: 1.4; }
.sidebar-card-footer {
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--border-color);
    display: flex; flex-direction: column; gap: .6rem;
}

/* ── Otros servicios ─────────────────────────────────────────────────── */
.related-services { background: var(--bg-lighter); padding: 4rem 0; }
.related-card {
    background: #fff; border-radius: 12px;
    border: 1px solid var(--border-color);
    padding: 1.4rem;
    text-decoration: none; color: inherit;
    display: block;
    transition: transform .15s, box-shadow .15s;
}
.related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(0,0,0,.08);
    color: inherit;
}
.related-card-icon {
    font-size: 1.25rem; color: var(--brand);
    display: block; margin-bottom: .65rem;
}
.related-card h4 { font-size: .9rem; font-weight: 700; margin-bottom: .35rem; color: var(--text-main); }
.related-card p  { font-size: .78rem; color: var(--text-muted); margin-bottom: .65rem; line-height: 1.5; }
.related-card span { font-size: .75rem; font-weight: 600; color: var(--brand); }


.related-card.featured {
    background: var(--brand);
    background: linear-gradient(145deg, var(--brand) 0%, var(--brand-dark) 100%);
    border: none;
    position: relative;
    box-shadow: 0 10px 30px var(--brand-shadow-soft);
}
.related-card.featured:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px var(--brand-shadow);
}
.related-card.featured h4, 
.related-card.featured p, 
.related-card.featured span { 
    color: #fff !important; 
}
.related-card.featured .related-card-icon { 
    color: #fff;
}
.related-card.featured span { opacity: 0.9; }