/* ============================================================
   NEFTY — capa de diseño viva (Claude Design → adaptada al DOM real de EduMall/Tutor por Leo).
   Aditiva; se carga DESPUÉS del CSS del tema (enqueue con dep edumall-style, prioridad 100).
   Reconciliada: el panel de legibilidad ya vive en nefty-studio.css
   (.tutor-single-course-main-content rgba .92) → aquí NO se duplica.
   ============================================================ */
:root{
  --nf-red:#B51D17; --nf-red-600:#9A1813; --nf-red-50:#FBEBEA;
  --nf-ink:#1D1D1B; --nf-paper:#FFFFFF; --nf-bg:#F7F5F4;
  --nf-line:#ECE7E5; --nf-muted:#6B6360; --nf-r:16px;
}

/* ---- 2) Tarjetas de curso del catálogo (.grid-item.courses) — borde + hover lift + sombra ---- */
.grid-item.courses{
  border:1px solid var(--nf-line);
  border-radius:var(--nf-r);
  overflow:hidden;
  box-shadow:0 1px 2px rgba(29,29,27,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.grid-item.courses:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(29,29,27,.14);
  border-color:var(--nf-red);
}
.grid-item.courses .course-thumbnail{ position:relative; }
/* scrim leve al pie del thumbnail (foco; los thumbnails ya traen título oscuro) */
.grid-item.courses .course-thumbnail::after{
  content:"";position:absolute;inset:auto 0 0 0;height:42%;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28));pointer-events:none;
}

/* ---- 3) Botones primarios + precios — coherencia de marca Nefty ---- */
.tutor-btn-primary,
.edumall-button.tutor-btn-primary,
.tutor-single-add-to-cart-box .tutor-btn-primary{
  background:var(--nf-red)!important;border-color:var(--nf-red)!important;color:#fff!important;
  font-weight:700;border-radius:10px!important;transition:background .15s ease;
}
.tutor-btn-primary:hover{ background:var(--nf-red-600)!important;border-color:var(--nf-red-600)!important; }
.tutor-price,.tutor-price ins,.tutor-price .tutor-amount,
.woocommerce-Price-amount.amount{ color:var(--nf-red)!important; }

/* ---- 4) Tarjeta de inscripción (sidebar de la ficha) — borde + radio + sombra ---- */
.tutor-single-course-sidebar .tutor-price-preview-box{
  border:1px solid var(--nf-line);
  border-radius:18px;
  box-shadow:0 10px 34px rgba(0,0,0,.10);
  overflow:hidden;
}

/* ---- 5) Perfil — avatar con anillo (avatar Tutor + avatar del banner Nefty) ---- */
.tutor-avatar img,
.ns-banner .ns-avatar{
  border:4px solid #fff!important;
  border-radius:50%!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}