/* Plugin Mentorias (ganchos/vista.php + js/mentorias.js). */
/* Base de la vista (tarjetas, filtros, paginas, formularios) dentro de #mentoriasRaiz. Movil primero; 2-3 columnas en pantallas anchas. */
#mentoriasRaiz .shead { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
#mentoriasRaiz .shead h2 { display:flex; align-items:center; gap:8px; margin:0; }
#mentoriasRaiz .plugin-filtros { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:12px 0; }
#mentoriasRaiz .plugin-buscar { display:flex; align-items:center; gap:6px; flex:1 1 220px; min-width:0; padding:0 12px; border:1px solid var(--line); border-radius:999px; background:var(--card); }
#mentoriasRaiz .plugin-buscar input { flex:1; min-width:0; height:40px; border:0; background:none; font:inherit; color:var(--ink); outline:none; }
#mentoriasRaiz .plugin-buscar:focus-within { box-shadow:0 0 0 2px var(--tinte-fuerte, var(--red)); }
#mentoriasRaiz .plugin-mios { display:inline-flex; align-items:center; gap:6px; font-size:14px; color:var(--soft); }
#mentoriasRaiz .plugin-rejilla { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
@media (min-width:1200px){ #mentoriasRaiz .plugin-rejilla { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:640px){ #mentoriasRaiz .plugin-rejilla { grid-template-columns:minmax(0, 1fr); } }
#mentoriasRaiz .plugin-tarjeta { display:flex; flex-direction:column; gap:8px; min-width:0; padding:14px; border-radius:18px; background:var(--card); box-shadow:0 1px 3px var(--shadow, rgba(0,0,0,.08)); overflow-wrap:anywhere; }
#mentoriasRaiz .plugin-tarjeta h3 { margin:0; font-size:16px; line-height:1.3; }
#mentoriasRaiz .plugin-tarjeta p { margin:0; font-size:14px; line-height:1.45; }
#mentoriasRaiz .plugin-meta { display:flex; flex-wrap:wrap; gap:6px 12px; font-size:13px; color:var(--soft); }
#mentoriasRaiz .plugin-meta span { display:inline-flex; align-items:center; gap:4px; }
#mentoriasRaiz .plugin-meta .ic, #mentoriasRaiz .plugin-contactos .ic { width:16px; height:16px; }
#mentoriasRaiz .plugin-contactos { display:flex; flex-wrap:wrap; gap:6px; }
#mentoriasRaiz .plugin-contactos a { display:inline-flex; align-items:center; gap:4px; padding:5px 10px; border-radius:999px; background:var(--tinte, #fdecea); color:var(--ink); font-size:13px; text-decoration:none; }
#mentoriasRaiz .plugin-pie { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:4px; }
#mentoriasRaiz .plugin-pie .btn { padding:6px 10px; font-size:13px; }
#mentoriasRaiz .plugin-vacio { grid-column:1 / -1; color:var(--soft); }
#mentoriasRaiz .plugin-paginas { display:flex; align-items:center; justify-content:center; gap:12px; margin:14px 0 4px; }
#mentoriasRaiz .plugin-giro { transform:rotate(180deg); }
.plugin-formulario .plugin-dos { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 12px; }
@media (max-width:640px){ .plugin-formulario .plugin-dos { grid-template-columns:minmax(0, 1fr); } }
.plugin-formulario .plugin-sub { margin:12px 0 4px; font-size:14px; color:var(--soft); }
.plugin-error { margin:8px 0 0; color:var(--red); font-size:14px; }
.plugin-acciones { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:14px; }

#mentoriasRaiz .plugin-sub { display:flex; align-items:center; gap:6px; margin:16px 0 8px; font-size:14px; color:var(--soft); text-transform:uppercase; letter-spacing:.04em; }
#mentoriasRaiz .plugin-sub .ic { width:18px; height:18px; }
#mentoriasRaiz .mentorias-cabeza { display:flex; align-items:center; gap:10px; }
#mentoriasRaiz .mentorias-cabeza img.avatar { width:48px; height:48px; border-radius:50%; object-fit:cover; flex:none; }
#mentoriasRaiz .mentorias-precio { font-weight:700; color:var(--ink); }
.mentorias-sesiones { display:flex; flex-direction:column; gap:8px; }
.mentorias-sesion { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:10px 14px; border-radius:14px; background:var(--card); box-shadow:0 1px 3px var(--shadow, rgba(0,0,0,.08)); font-size:14px; }
.mentorias-sesion.cancelada { opacity:.6; }
.mentorias-sesion .btn { padding:6px 10px; font-size:13px; }
.mentorias-agenda { display:flex; flex-direction:column; gap:12px; max-height:55vh; overflow:auto; }
.mentorias-dia h4 { margin:0 0 6px; font-size:14px; }
.mentorias-horas { display:flex; flex-wrap:wrap; gap:6px; }
.mentorias-horas .btn { padding:6px 12px; font-size:14px; }
.mentorias-bloque { display:grid; grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap:6px; align-items:center; margin-bottom:6px; }
@media (max-width:640px){ .mentorias-bloque { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } }
.mentorias-aviso { margin:4px 0 0; }

/* ---------- Interfaz 2026-10-14 (mismo lenguaje que el Directorio): sin paneles laterales, 3/2/1 columnas ---------- */
body.v-plugin-mentorias .shell { grid-template-columns:minmax(0,1fr) !important; grid-template-areas:"main" !important; }
body.v-plugin-mentorias .shell.con-grupo { grid-template-areas:"grupo" "main" !important; grid-template-rows:none !important; }
body.v-plugin-mentorias .shell > .rail { display:none !important; }
#mentoriasRaiz { container-type:inline-size; }
#mentoriasRaiz .plugin-sub { display:flex; align-items:center; gap:8px; margin:18px 0 10px; font-size:16px; }
#mentoriasRaiz .mentorias-aviso { display:flex; align-items:center; gap:10px; margin:10px 0 4px; padding:10px 14px; border:1px solid color-mix(in srgb, var(--red) 25%, var(--line)); border-radius:14px; background:color-mix(in srgb, var(--red) 6%, var(--card)); font-size:14px; color:var(--ink); }
#mentoriasRaiz .mentorias-aviso p { margin:0; line-height:1.4; }
#mentoriasRaiz .mentorias-aviso .ic { width:20px; height:20px; flex:0 0 auto; }
#mentoriasRaiz .mentorias-filtros { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 14px; }
#mentoriasRaiz .mentorias-buscar { display:flex; align-items:center; gap:8px; flex:1 1 240px; min-width:0; min-height:44px; padding:0 14px; border:1px solid var(--line); border-radius:999px; background:var(--card); }
#mentoriasRaiz .mentorias-buscar input { flex:1; min-width:0; height:42px; border:0; background:none; font:inherit; color:var(--ink); outline:none; }
#mentoriasRaiz .mentorias-buscar:focus-within { box-shadow:0 0 0 2px var(--red); }
#mentoriasRaiz .mentorias-especialidad { flex:0 1 240px; min-width:0; }
#mentoriasRaiz .mentorias-especialidad select { width:100%; min-height:44px; }
#mentoriasRaiz .mentorias-tipo { display:flex; gap:6px; flex-wrap:wrap; }
#mentoriasRaiz .mentorias-tipo button { display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border:1px solid var(--line); border-radius:999px; background:var(--card); color:var(--ink); font:inherit; font-weight:600; cursor:pointer; }
#mentoriasRaiz .mentorias-tipo button[aria-pressed="true"] { background:var(--ink); color:var(--card); border-color:var(--ink); }
#mentoriasRaiz .mentorias-tipo button[aria-pressed="true"] .ic { filter:invert(1) brightness(2); }
#mentoriasRaiz .mentorias-tipo button:focus-visible { outline:2px solid var(--red); outline-offset:2px; }
#mentoriasRaiz .mentorias-tipo .ic { width:16px; height:16px; }
#mentoriasRaiz .mentorias-rejilla { grid-template-columns:minmax(0,1fr); gap:14px; align-items:stretch; }
@container (min-width:560px){ #mentoriasRaiz .mentorias-rejilla { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@container (min-width:900px){ #mentoriasRaiz .mentorias-rejilla { grid-template-columns:repeat(3, minmax(0,1fr)); } }
#mentoriasRaiz .mentorias-tarjeta { height:100%; gap:10px; padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--card); box-shadow:0 1px 2px rgba(0,0,0,.04), 0 4px 14px rgba(0,0,0,.05); }
#mentoriasRaiz .mentorias-cabeza { display:flex; align-items:center; gap:12px; }
#mentoriasRaiz .mentorias-cabeza .avatar { width:64px; height:64px; flex:0 0 64px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 0 0 1px var(--line); }
#mentoriasRaiz .mentorias-nombres { display:flex; flex-direction:column; min-width:0; }
#mentoriasRaiz .mentorias-nombres h3 { margin:0; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#mentoriasRaiz .mentorias-nombres span { color:var(--soft); font-size:13px; }
#mentoriasRaiz .mentorias-chip { display:inline-flex; align-items:center; gap:6px; padding:4px 10px 4px 7px; border-radius:999px; background:var(--fondo-hover-crema-3, #f4f1ee); color:var(--ink); font-size:12.5px; font-weight:600; line-height:1.3; }
#mentoriasRaiz .mentorias-chip.especialidad { background:color-mix(in srgb, var(--red) 12%, var(--card)); }
#mentoriasRaiz .mentorias-chip.gratis { background:color-mix(in srgb, var(--green) 14%, var(--card)); }
#mentoriasRaiz .mentorias-chip .ic { width:16px; height:16px; }
#mentoriasRaiz .mentorias-bio { margin:0; font-size:14px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:4.5em; }
#mentoriasRaiz .mentorias-chips { display:flex; flex-wrap:wrap; gap:6px; }
#mentoriasRaiz .mentorias-pie { margin-top:auto; padding-top:4px; }
#mentoriasRaiz .mentorias-boton { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; font-size:15px; }
#mentoriasRaiz .mentorias-vacio, #mentoriasRaiz .mentorias-sesiones-vacio { grid-column:1/-1; display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:14px 16px; border:1px dashed var(--line); border-radius:16px; background:var(--card); color:var(--soft); }
#mentoriasRaiz .mentorias-vacio p, #mentoriasRaiz .mentorias-sesiones-vacio p { margin:0; flex:1 1 220px; }
#mentoriasRaiz .mentorias-vacio .mentorias-boton, #mentoriasRaiz .mentorias-sesiones-vacio .mentorias-boton { width:auto; padding:0 16px; }
#mentoriasRaiz .mentorias-sesiones-vacio > .ic, #mentoriasRaiz .mentorias-vacio > .ic { width:28px; height:28px; opacity:.8; }
#mentoriasRaiz .plugin-paginas .btn { min-height:44px; }#mentoriasRaiz .btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:6px; }
#mentoriasRaiz .mentorias-tarjeta .mentorias-cabeza img.avatar { width:64px !important; height:64px !important; min-width:64px; flex:0 0 64px; }