/* ============================================================================
   cards.css — Estilos base compartidos entre home y páginas secundarias.
   Cargado siempre. Contiene SOLO las reglas que se usan en ambos contextos
   para evitar duplicación o que pages.css (grande, 19 KB) se cargue en home.
   ============================================================================ */

/* -------- Profesor card (usado en home como carrusel + archive como grid) -------- */
.profesor-card {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.profesor-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--color-secondary);
}

.profesor-card__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.profesor-card__link:hover {
    text-decoration: none;
}

.profesor-card__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
}