/* inecperfil: base de la sombra. Nativo oculto SOLO bajo atributo en <html>. */
@media (min-width: 769px) {
  html[data-inecperfil-escritorio][data-inecperfil-p] .profile_grid > :not(header.inecpanel-top):not(.inecpf) { display: none !important; }
}
@media (max-width: 768px) {
  html[data-inecperfil-movil][data-inecperfil-p] .profile_grid > :not(header.inecpanel-top):not(.inecpf) { display: none !important; }
}
html[data-inecperfil-p="membresias"] .vibebp_myprofile > :not(header.inecpanel-top):not(.inecpf):not(:has(.inecpf)) { display: none !important; }

/* el tema pinta .vibebp_myprofile a con el color de marca: el botón-enlace quedaba naranja sobre naranja */
section.inecpf a.inecpf-primario, section.inecpf a.inecpf-primario:hover, section.inecpf a.inecpf-primario:visited { color: #fff; }

/* oscuro: los tokens no existen fuera del módulo y caían al respaldo claro (tarjetas blancas) */
html.inec-oscuro section.inecpf, html.inecpanel-oscuro section.inecpf {
  --inec-fondo: #1f2937; --inec-superficie: #1f2937; --inec-fondo-suave: #374151; --inec-fondo-secundario: #374151;
  --inec-texto: #f9fafb; --inec-texto-suave: #9ca3af; --inec-texto-secundario: #9ca3af;
  --inec-borde: #374151; --c-borde: #374151;
  --sb-fondo: #1f2937; --sb-item-color: #e5e7eb; --sb-sub-color: #9ca3af; --sb-hover: #374151;
}
html.inec-oscuro section.inecpf .inecpf-pill-ok { color: #6fd48a; background: rgba(30,123,52,.3); }
html.inec-oscuro section.inecpf .inecpf-pill-borrador { color: #d1d5db; background: rgba(169,176,184,.2); }
html.inec-oscuro section.inecpf .inecpf-pill-alerta { color: #fff4d6; background: rgba(138,90,0,.3); }
html.inec-oscuro section.inecpf .inecpf-pill-error { color: #fde7e7; background: rgba(180,35,24,.3); }
html.inec-oscuro .inecpf { color: #e5e7eb; }
html.inec-oscuro .inecpf-panel, html.inec-oscuro .inecpf-ctl, html.inec-oscuro .inecpf-campo-control { background: #1f2937; border-color: #374151; }

section.inecpf {
  display: block; width: 100%; min-width: 0; box-sizing: border-box; padding: 24px;
  color: var(--inec-texto, #1d1d1f); font-family: Inter, system-ui, sans-serif;
}
section.inecpf *, section.inecpf *::before, section.inecpf *::after { box-sizing: border-box; }
section.inecpf nav { float: none; }
section.inecpf input[type], section.inecpf select, section.inecpf textarea { max-width: 100%; margin: 0; }
section.inecpf input[type="checkbox"], section.inecpf input[type="file"] { width: auto; }
section.inecpf-wrap { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
section.inecpf-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; }

@media (max-width: 768px) {
  section.inecpf { padding: 16px; }
  section.inecpf-grid2 { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

section.inecpf #pantalla, section.inecpf .inecpf-area {width:100%;max-width:1280px;min-width:0;margin:0 auto;padding:32px 40px 96px;color:var(--inec-texto, #1d1d1f);font-family:Inter,system-ui,sans-serif}
section.inecpf .inecpf-area *, section.inecpf .inecpf-area *::before, section.inecpf .inecpf-area *::after {box-sizing:border-box}
section.inecpf :where(.inecpf-area) :where(button, section.inecpf input, section.inecpf textarea, section.inecpf select) {font:inherit}
section.inecpf .inecpf-ico {display:inline-block;flex:none;vertical-align:middle;fill:none;stroke:currentColor;color:var(--inec-texto, #1d1d1f);width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-cabecera {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;min-width:0}
section.inecpf .inecpf-cabecera-tit {flex:0 1 auto;min-width:0}
section.inecpf .inecpf-cabecera h1 {margin:0;color:var(--inec-texto, #1d1d1f);font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
section.inecpf .inecpf-cabecera-sub {margin:4px 0 0;color:var(--inec-texto-suave, #636363);font-size:14px;line-height:1.5}
section.inecpf .inecpf-cabecera-acciones {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto;min-width:0}
section.inecpf .inecpf-tabs {display:flex;align-items:center;gap:4px;margin:0 0 20px;min-width:0}
section.inecpf .inecpf-tab {display:inline-flex;align-items:center;gap:8px;flex:none;border:0;border-radius:8px;padding:8px 14px;color:var(--inec-texto-suave, #636363);background:transparent;font-size:var(--p-ctl-fs);line-height:1.25;font-weight:500;cursor:pointer}
section.inecpf .inecpf-tab:hover {background:var(--inec-fondo-suave, #f2f3f5)}
section.inecpf .inecpf-tab.activo {background:var(--inec-fondo-suave, #f2f3f5);color:var(--inec-texto, #1d1d1f);font-weight:600}
section.inecpf .inecpf-tab .inecpf-ico {width:var(--p-ico);height:var(--p-ico);color:var(--inec-texto, #1d1d1f);flex:none}
section.inecpf .inecpf-tab-n {color:var(--inec-texto-suave, #636363);font-size:12px;font-weight:500}
section.inecpf .inecpf-barra {display:flex;align-items:center;gap:12px;margin:0;min-width:0}
section.inecpf .inecpf-buscar {position:relative;flex:0 1 300px;width:300px;max-width:100%;min-width:140px}
section.inecpf .inecpf-buscar .inecpf-ico {position:absolute;left:12px;top:50%;transform:translateY(-50%);width:var(--p-ico);height:var(--p-ico);color:var(--inec-texto, #1d1d1f);pointer-events:none}
section.inecpf .inecpf-buscar input {width:100%;height:40px;border:1px solid var(--inec-borde, #e4e4e7);border-radius:6px;padding:0 14px 0 38px;outline:0;color:var(--inec-texto, #1d1d1f);background:var(--inec-fondo, #ffffff);font-size:var(--p-ctl-fs);transition:border-color .15s,box-shadow .15s}
section.inecpf .inecpf-buscar input::placeholder {color:var(--inec-texto-suave, #636363)}
section.inecpf .inecpf-buscar input:focus {border-color:var(--inec-marca, var(--inec-marca, #f16645));box-shadow:0 0 0 3px color-mix(in srgb,var(--inec-marca, var(--inec-marca, #f16645)) 25%,transparent)}
section.inecpf .inecpf-filtros {display:flex;align-items:center;gap:12px;min-width:0}
section.inecpf .inecpf-filtro-wrap {position:relative;display:inline-flex}
section.inecpf .inecpf-filtro {position:relative;display:inline-flex;height:40px;align-items:center;justify-content:center;gap:10px;flex:none;padding:0 14px;border:1px solid var(--inec-borde, #e4e4e7);border-radius:999px;color:var(--inec-texto, #1d1d1f);background:transparent;font-size:var(--p-ctl-fs);cursor:pointer;transition:background .15s,border-color .15s}
section.inecpf .inecpf-filtro:hover {background:var(--inec-fondo-suave, #f2f3f5)}
section.inecpf .inecpf-filtro .inecpf-ico {color:var(--inec-texto, #1d1d1f);flex:none;width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-filtro .inecpf-ico-chevron {width:14px;height:14px;color:var(--inec-texto, #1d1d1f);flex:none}
section.inecpf .inecpf-filtro-punto {position:absolute;top:8px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--inec-marca, var(--inec-marca, #f16645));pointer-events:none}
section.inecpf .inecpf-filtro-menu {position:absolute;z-index:100;top:calc(100% + 6px);left:0;min-width:190px;max-width:280px;padding:6px;border:1px solid var(--inec-borde, #e4e4e7);border-radius:12px;color:var(--inec-texto, #1d1d1f);background:var(--inec-fondo, #ffffff);box-shadow:var(--sb-sombra)}
section.inecpf .inecpf-filtro-menu .inecpf-menu-item {display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;color:inherit;background:transparent;text-align:left;font-size:var(--p-ctl-fs-sm);font-weight:500;cursor:pointer}
section.inecpf .inecpf-filtro-menu .inecpf-menu-item:hover {background:var(--inec-fondo-suave, #f2f3f5)}
section.inecpf .inecpf-filtro-menu .inecpf-menu-item.activo {font-weight:600;color:var(--inec-marca, var(--inec-marca, #f16645))}
section.inecpf .inecpf-filtro-check {display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;color:var(--inec-marca, var(--inec-marca, #f16645))}
section.inecpf select.inecpf-filtro, section.inecpf .inecpf-filtro select {appearance:none;-webkit-appearance:none;display:inline-flex;height:40px;align-items:center;padding:0 36px 0 14px;border:1px solid var(--inec-borde, #e4e4e7);border-radius:999px;color:var(--inec-texto, #1d1d1f);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;font-size:var(--p-ctl-fs);cursor:pointer;outline:0;transition:background-color .15s,border-color .15s}
section.inecpf select.inecpf-filtro:hover, section.inecpf .inecpf-filtro select:hover {background-color:var(--inec-fondo-suave, #f2f3f5)}
section.inecpf select.inecpf-filtro:focus, section.inecpf .inecpf-filtro select:focus {border-color:var(--inec-marca, var(--inec-marca, #f16645));box-shadow:0 0 0 3px color-mix(in srgb,var(--inec-marca, var(--inec-marca, #f16645)) 25%,transparent)}
section.inecpf body.oscuro select.inecpf-filtro, section.inecpf body.oscuro .inecpf-filtro select {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8eaed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
section.inecpf .inecpf-vistas {display:flex;align-items:center;gap:8px;border:0;padding:0;background:transparent;margin-left:4px}
section.inecpf .inecpf-vista {display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:0;background:transparent;padding:0;cursor:pointer;color:var(--inec-texto-suave, #636363);transition:color .15s}
section.inecpf .inecpf-vista .inecpf-ico {width:20px;height:20px;color:inherit}
section.inecpf .inecpf-vista.activo {color:var(--inec-texto, #1d1d1f);background:transparent}
section.inecpf .inecpf-vista:hover {color:var(--inec-texto, #1d1d1f);background:transparent}
section.inecpf .inecpf-barra-extra {display:flex;align-items:center;gap:8px;margin-left:auto}
section.inecpf .inecpf-curso-meta .inecpf-ico {color:var(--inec-texto, #1d1d1f);width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-metrica .inecpf-ico {color:var(--inec-texto, #1d1d1f);width:14px;height:14px}
section.inecpf .inecpf-tabla-wrap {width:100%;overflow-x:auto;border:.8px solid var(--inec-borde, #e4e4e7);border-radius:12px;background:var(--inec-fondo, #ffffff)}
section.inecpf .inecpf-tabla {width:100%;min-width:620px;border-collapse:collapse;color:var(--inec-texto, #1d1d1f)}
section.inecpf .inecpf-tabla th {padding:12px 14px;color:var(--inec-texto-suave, #636363);background:var(--inec-fondo-suave, #f2f3f5);font-size:12px;line-height:1.2;font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.03em}
section.inecpf .inecpf-tabla td {height:52px;padding:10px 14px;border-bottom:.8px solid var(--inec-borde, #e4e4e7);font-size:var(--p-ctl-fs);vertical-align:middle}
section.inecpf .inecpf-tabla tbody tr:last-child td {border-bottom:0}
section.inecpf .inecpf-tabla tbody tr:hover {background:var(--inec-fondo-suave, #f2f3f5)}
section.inecpf .inecpf-vacio {display:grid;justify-items:center;padding:48px 24px;border:.8px dashed var(--inec-borde, #e4e4e7);border-radius:16px;color:var(--inec-texto-suave, #636363);text-align:center}
section.inecpf .inecpf-vacio>.inecpf-ico {margin-bottom:12px}
section.inecpf .inecpf-vacio h3 {margin:0;color:var(--inec-texto, #1d1d1f);font-size:18px;font-weight:600}
section.inecpf .inecpf-vacio p {max-width:520px;margin:6px 0 18px;font-size:var(--p-ctl-fs);line-height:1.5}
section.inecpf .inecpf-stat {min-width:0;padding:20px;border:.8px solid var(--inec-borde, #e4e4e7);border-radius:16px;background:var(--inec-fondo, #ffffff)}
section.inecpf .inecpf-stat-cab {display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--inec-texto-suave, #636363);font-size:var(--p-ctl-fs-sm)}
section.inecpf .inecpf-stat-cab .inecpf-ico {color:var(--inec-texto, #1d1d1f);width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-stat-valor {margin-top:10px;color:var(--inec-texto, #1d1d1f);font-size:28px;line-height:1.1;font-weight:600}
section.inecpf .inecpf-stat-delta {display:inline-block;margin-top:8px;font-size:12px;font-weight:600}
section.inecpf .inecpf-stat-delta.positivo {color:#1e7b34}
section.inecpf .inecpf-stat-delta.negativo {color:#b42318}
section.inecpf .inecpf-pill {display:inline-flex;align-items:center;width:max-content;padding:2px 8px;border-radius:6px;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap}
section.inecpf .inecpf-pill-ok {color:#1e7b34;background:#e3f6e5}
section.inecpf .inecpf-pill-borrador {color:#4b4b4b;background:#eee}
section.inecpf .inecpf-pill-info {color:var(--inec-marca, var(--inec-marca, #f16645));background:var(--sb-activo-fondo)}
section.inecpf .inecpf-pill-alerta {color:#8a5a00;background:#fff4d6}
section.inecpf .inecpf-pill-error {color:#b42318;background:#fde7e7}
section.inecpf body.oscuro .inecpf-pill-ok {color:#6fd48a;background:rgba(30,123,52,.2)}
section.inecpf body.oscuro .inecpf-stat-delta.positivo {color:#6fd48a}
section.inecpf body.oscuro .inecpf-stat-delta.negativo {color:#ff8a80}
section.inecpf body.oscuro .inecpf-pill-borrador {color:var(--inec-texto-suave, #636363);background:rgba(169,176,184,.2)}
section.inecpf body.oscuro .inecpf-pill-alerta {color:#fff4d6;background:rgba(138,90,0,.2)}
section.inecpf body.oscuro .inecpf-pill-error {color:#fde7e7;background:rgba(180,35,24,.2)}
section.inecpf .inecpf-avatar {display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;color:#fff;font-weight:600;line-height:1}
section.inecpf .inecpf-boton {display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:0 14px;cursor:pointer;white-space:nowrap;font-size:var(--p-ctl-fs)}
section.inecpf .inecpf-boton-primario {height:38px;border:0 !important;color:#fff !important;background:var(--inec-marca, #f16645) !important;font-weight:600;box-shadow:none !important}
section.inecpf .inecpf-boton-primario .inecpf-ico {color:#fff;width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-boton-secundario {height:36px;border:.8px solid var(--inec-texto, #1d1d1f) !important;border-radius:900px !important;color:var(--inec-texto, #1d1d1f) !important;background:transparent !important;font-weight:600;box-shadow:none !important}
section.inecpf .inecpf-boton-fantasma {height:36px;border:0 !important;color:var(--inec-texto, #1d1d1f) !important;background:transparent !important;font-weight:500;box-shadow:none !important}
section.inecpf .inecpf-boton-secundario .inecpf-ico, section.inecpf .inecpf-boton-fantasma .inecpf-ico {color:var(--inec-texto, #1d1d1f);width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-boton:hover {filter:brightness(.96)}
section.inecpf .inecpf-boton-fantasma:hover {background:var(--inec-fondo-suave, #f2f3f5);filter:none}
section.inecpf .inecpf-boton:focus-visible, section.inecpf .inecpf-tab:focus-visible, section.inecpf .inecpf-vista:focus-visible, section.inecpf .inecpf-menu-btn:focus-visible, section.inecpf .inecpf-campo-control:focus-visible {outline:2px solid var(--inec-marca, var(--inec-marca, #f16645));outline-offset:2px}
section.inecpf .inecpf-campo {display:grid;gap:6px;min-width:0}
section.inecpf .inecpf-campo-etq {color:var(--inec-texto, #1d1d1f);font-size:var(--p-ctl-fs-sm);font-weight:600}
section.inecpf .inecpf-campo-control {width:100%;min-height:38px;border:.8px solid var(--inec-borde, #e4e4e7);border-radius:8px;padding:8px 10px;outline:0;color:var(--inec-texto, #1d1d1f);background:var(--inec-fondo, #ffffff);font-size:var(--p-ctl-fs)}
section.inecpf textarea.inecpf-campo-control {min-height:94px;resize:vertical}
section.inecpf .inecpf-campo-ayuda {color:var(--inec-texto-suave, #636363);font-size:12px;line-height:1.4}
section.inecpf .inecpf-toggle {position:relative;display:inline-flex;width:42px;height:24px;padding:2px;border:0;border-radius:900px;background:var(--inec-texto-suave, #636363);cursor:pointer}
section.inecpf .inecpf-toggle::after {content:"";width:20px;height:20px;border-radius:50%;background:var(--inec-fondo, #ffffff);transition:transform .15s ease;box-shadow:var(--sb-sombra)}
section.inecpf .inecpf-toggle[aria-checked=true] {background:var(--inec-marca, var(--inec-marca, #f16645))}
section.inecpf .inecpf-toggle[aria-checked=true]::after {transform:translateX(18px)}
section.inecpf .inecpf-archivo {display:flex;align-items:center;gap:10px;padding:12px;border:.8px dashed var(--inec-borde, #e4e4e7);border-radius:8px;color:var(--inec-texto-suave, #636363);background:var(--inec-fondo, #ffffff);font-size:var(--p-ctl-fs);cursor:pointer}
section.inecpf .inecpf-archivo input {position:absolute;width:1px;height:1px;opacity:0}
section.inecpf input.inecpf-campo-control:not([type=file]):not([type=checkbox]):not([type=radio]):not(.inecpf-campo-caja), section.inecpf .inecpf-area select.inecpf-campo-control:not(.inecpf-campo-caja) {border:0;border-bottom:1px solid var(--inec-borde, #e4e4e7);border-radius:0;background:transparent;padding-left:0;padding-right:0;min-height:34px}
section.inecpf input.inecpf-campo-control:not(.inecpf-campo-caja):focus, section.inecpf .inecpf-area select.inecpf-campo-control:not(.inecpf-campo-caja):focus {border-bottom-color:var(--inec-marca, var(--inec-marca, #f16645));box-shadow:0 1px 0 0 var(--inec-marca, var(--inec-marca, #f16645))}
section.inecpf input.inecpf-campo-control:not(.inecpf-campo-caja):focus-visible, section.inecpf .inecpf-area select.inecpf-campo-control:not(.inecpf-campo-caja):focus-visible {outline:0}
section.inecpf .inecpf-area select.inecpf-campo-control:not(.inecpf-campo-caja) {padding-right:18px}
section.inecpf textarea.inecpf-campo-control.inecpf-campo-caja {border:.8px solid var(--inec-borde, #e4e4e7) !important;border-radius:8px !important}
section.inecpf .inecpf-panel {overflow:hidden;border:.8px solid var(--inec-borde, #e4e4e7);border-radius:16px;background:var(--inec-fondo, #ffffff)}
section.inecpf .inecpf-panel-cab {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 0}
section.inecpf .inecpf-panel-cab h2 {margin:0;color:var(--inec-texto, #1d1d1f);font-size:18px;font-weight:600}
section.inecpf .inecpf-panel-cuerpo {padding:20px}
section.inecpf .inecpf-panel-pie {padding:14px 20px;border-top:.8px solid var(--inec-borde, #e4e4e7)}
section.inecpf .inecpf-lista {overflow:hidden;border:.8px solid var(--inec-borde, #e4e4e7);border-radius:12px;background:var(--inec-fondo, #ffffff)}
section.inecpf .inecpf-lista-fila {display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-bottom:.8px solid var(--inec-borde, #e4e4e7)}
section.inecpf .inecpf-lista-fila:last-child {border-bottom:0}
section.inecpf .inecpf-lista-fila:hover {background:var(--inec-fondo-suave, #f2f3f5)}
section.inecpf .inecpf-lista-icono {display:grid;width:36px;height:36px;place-items:center;flex:none;border-radius:9px;color:var(--inec-texto, #1d1d1f);background:var(--inec-fondo-suave, #f2f3f5)}
section.inecpf .inecpf-lista-icono .inecpf-ico {color:var(--inec-texto, #1d1d1f);width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-lista-texto {min-width:0;flex:1}
section.inecpf .inecpf-lista-titulo {overflow:hidden;color:var(--inec-texto, #1d1d1f);font-size:var(--p-ctl-fs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}
section.inecpf .inecpf-lista-sub {margin-top:3px;overflow:hidden;color:var(--inec-texto-suave, #636363);font-size:var(--p-ctl-fs-sm);text-overflow:ellipsis;white-space:nowrap}
section.inecpf .inecpf-lista-derecha {flex:none;color:var(--inec-texto-suave, #636363);font-size:var(--p-ctl-fs-sm)}
@media(max-width:760px){
section.inecpf #pantalla, section.inecpf .inecpf-area {padding:16px 16px 96px}
section.inecpf .inecpf-cabecera {flex-direction:column;align-items:stretch;gap:14px}
section.inecpf .inecpf-cabecera-tit {width:100%}
section.inecpf .inecpf-cabecera-acciones {width:100%;margin-left:0;gap:10px}
section.inecpf .inecpf-barra {width:100%;flex-wrap:wrap;gap:10px}
section.inecpf .inecpf-buscar {width:100%;max-width:none;flex:1 1 100%}
section.inecpf .inecpf-filtros {max-width:100%;gap:10px;flex-wrap:wrap}
section.inecpf .inecpf-vistas {margin-left:auto}
section.inecpf .inecpf-tabs[data-scroll-x] {width:100%;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
section.inecpf .inecpf-tabla-wrap[data-scroll-x] {overflow-x:auto}
section.inecpf .inecpf-panel-cab {align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
section.inecpf .inecpf-menu-btn, section.inecpf .inecpf-toggle::after {transition:none}
}
section.inecpf .inecpf-menu-item .inecpf-ico {flex:none;color:var(--inec-texto, #1d1d1f);width:var(--p-ico);height:var(--p-ico)}
section.inecpf .inecpf-menu-item:hover .inecpf-ico {color:var(--inec-texto, #1d1d1f)}
section.inecpf .inecpf-menu-item-error .inecpf-ico {color:#b42318}
section.inecpf body.oscuro .inecpf-menu-item-error .inecpf-ico {color:#fde7e7}
@media (max-width:760px){
section.inecpf .inecpf-tarjeta-curso .inecpf-curso-pie .inecpf-pill {font-size:10px!important;line-height:1.4!important;padding:1px 6px!important}
}
@media (max-width:760px){
section.inecpf .inecpf-area .inecpf-stat {min-height:38px!important;padding:6px 12px!important;row-gap:2px!important;column-gap:8px!important}
section.inecpf .inecpf-area .inecpf-stat-cab span {font-size:13px!important;line-height:1.25!important}
section.inecpf .inecpf-area .inecpf-stat-cab .inecpf-ico {width:15px!important;height:15px!important}
section.inecpf .inecpf-area .inecpf-stat-valor {font-size:15px!important;line-height:1.2!important;font-weight:700!important;align-self:end!important}
section.inecpf .inecpf-area .inecpf-stat-delta {font-size:11px!important;line-height:1.2!important;align-self:start!important;white-space:nowrap!important}
section.inecpf .inecpf-area .inecpf-stat:not(:has(.inecpf-stat-delta)) .inecpf-stat-valor {align-self:center!important}
}
@media (min-width:761px){
section.inecpf .inecpf-stat {padding:12px 16px;border-radius:12px}
section.inecpf .inecpf-stat-cab {font-size:13px}
section.inecpf .inecpf-stat-cab .inecpf-ico {width:16px;height:16px}
section.inecpf .inecpf-stat-valor {margin-top:4px;font-size:22px;line-height:1.15}
section.inecpf .inecpf-stat-delta {margin-top:2px;font-size:11px}
}
section.inecpf .inecpf-barra .inecpf-buscar input,
section.inecpf .inecpf-barra .inecpf-filtro,
section.inecpf .inecpf-barra select.inecpf-filtro,
section.inecpf .inecpf-barra .inecpf-vistas {
height: 36px !important;
}
section.inecpf .inecpf-barra .inecpf-buscar .inecpf-ico,
section.inecpf .inecpf-barra .inecpf-filtro .inecpf-ico:not(.inecpf-ico-chevron),
section.inecpf .inecpf-barra .inecpf-vista .inecpf-ico {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-barra .inecpf-filtro .inecpf-ico-chevron {
width: 14px !important;
height: 14px !important;
}
@media (max-width: 760px) {
section.inecpf .inecpf-area,
section.inecpf .inecpf-area {
padding: 10px 12px calc(64px + env(safe-area-inset-bottom, 20px)) !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-cabecera {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
margin: 0 0 8px !important;
gap: 6px !important;
min-width: 0 !important;
}
section.inecpf .inecpf-cabecera-tit {
width: 100% !important;
min-width: 0 !important;
}
section.inecpf .inecpf-cabecera h1,
section.inecpf .inecpf-area h1,
section.inecpf #pantalla h1 {
font-size: 20px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: -0.01em !important;
margin: 0 !important;
color: var(--inec-texto, #1d1d1f) !important;
}
section.inecpf .inecpf-cabecera-sub,
section.inecpf .inecpf-area .inecpf-cabecera-sub {
font-size: 12px !important;
line-height: 1.3 !important;
margin: 2px 0 0 !important;
color: var(--inec-texto-suave, #636363) !important;
}
section.inecpf .inecpf-cabecera-acciones {
width: 100% !important;
margin-left: 0 !important;
gap: 6px !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
min-width: 0 !important;
}
section.inecpf h3,
section.inecpf .inecpf-tarjeta-titulo,
section.inecpf .inecpf-cur-cert-titulo,
section.inecpf .inecpf-vacio h3,
section.inecpf .inecpf-panel-cab h3,
section.inecpf .inecpf-adm-informe-card h3 {
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: var(--inec-texto, #1d1d1f) !important;
}
section.inecpf p,
section.inecpf .inecpf-texto,
section.inecpf .inecpf-vacio p,
section.inecpf .inecpf-cur-resena-txt {
font-size: 13px !important;
line-height: 1.4 !important;
}
section.inecpf .inecpf-boton,
section.inecpf .inecpf-boton-primario,
section.inecpf .inecpf-boton-secundario,
section.inecpf .inecpf-boton-fantasma {
height: 36px !important;
font-size: 13px !important;
padding: 0 12px !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-chip,
section.inecpf .inecpf-cadm-chip,
section.inecpf .inecpf-cural-chip,
section.inecpf .inecpf-pill,
section.inecpf [class*="-chip"] {
font-size: 11px !important;
}
section.inecpf .inecpf-tabs,
section.inecpf .inecpf-tabs[data-scroll-x],
section.inecpf .inecpf-cural-tabs-wrap,
section.inecpf .inecpf-cural-tabs-wrap .inecpf-tabs,
section.inecpf .inecpf-per-ajustes-nav,
section.inecpf .inecpf-per-ajustes-nav[data-scroll-x] {
display: flex !important;
align-items: center !important;
gap: 4px !important;
margin: 0 0 8px !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
padding-bottom: 2px !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-tabs::-webkit-scrollbar,
section.inecpf .inecpf-per-ajustes-nav::-webkit-scrollbar {
display: none !important;
}
section.inecpf .inecpf-tab,
section.inecpf .inecpf-per-ajustes-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 6px 8px !important;
font-size: 13px !important;
font-weight: 500 !important;
gap: 5px !important;
border-radius: 8px !important;
white-space: nowrap !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-tab.activo,
section.inecpf .inecpf-per-ajustes-btn.activo {
font-weight: 600 !important;
}
section.inecpf .inecpf-tab .inecpf-ico,
section.inecpf .inecpf-tab svg,
section.inecpf .inecpf-per-ajustes-btn .inecpf-ico,
section.inecpf .inecpf-per-ajustes-btn svg {
width: 16px !important;
height: 16px !important;
flex: none !important;
}
section.inecpf .inecpf-tab-n {
font-size: 11px !important;
}
section.inecpf .inecpf-tabs:has(.inecpf-tab:nth-child(4)) .inecpf-tab:not(.activo) > span,
section.inecpf .inecpf-tabs:has(.inecpf-tab:nth-child(4)) .inecpf-tab:not(.activo) .inecpf-tab-n,
section.inecpf .inecpf-per-ajustes-nav:has(.inecpf-per-ajustes-btn:nth-child(4)) .inecpf-per-ajustes-btn:not(.activo) > span {
display: none !important;
}
section.inecpf .inecpf-tabs:has(.inecpf-tab:nth-child(4)) .inecpf-tab,
section.inecpf .inecpf-per-ajustes-nav:has(.inecpf-per-ajustes-btn:nth-child(4)) .inecpf-per-ajustes-btn {
padding: 6px 10px !important;
}
section.inecpf .inecpf-tabs:has(.inecpf-tab:nth-child(4)) .inecpf-tab.activo,
section.inecpf .inecpf-per-ajustes-nav:has(.inecpf-per-ajustes-btn:nth-child(4)) .inecpf-per-ajustes-btn.activo {
padding: 6px 12px !important;
}
section.inecpf .inecpf-barra {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
width: 100% !important;
margin: 0 0 8px !important;
min-width: 0 !important;
}
section.inecpf .inecpf-buscar {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
margin: 0 !important;
min-width: 0 !important;
}
section.inecpf .inecpf-buscar input,
section.inecpf .inecpf-cadm-alumnos-buscar {
width: 100% !important;
height: 34px !important;
font-size: 15px !important;
border-radius: 8px !important;
padding: 0 10px 0 32px !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-buscar .inecpf-ico {
width: 14px !important;
height: 14px !important;
left: 9px !important;
}
section.inecpf .inecpf-filtros,
section.inecpf .inecpf-filtros[data-scroll-x] {
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex: 1 1 auto !important;
max-width: calc(100% - 56px) !important;
overflow-x: auto !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
-webkit-overflow-scrolling: touch !important;
min-width: 0 !important;
}
section.inecpf .inecpf-filtros::-webkit-scrollbar {
display: none !important;
}
section.inecpf .inecpf-filtro,
section.inecpf select.inecpf-filtro,
section.inecpf .inecpf-filtro select,
section.inecpf .inecpf-cadm-sel-filtro-acceso,
section.inecpf .inecpf-cadm-sel-filtro-orden {
height: 32px !important;
padding: 0 8px !important;
font-size: 12px !important;
border-radius: 999px !important;
gap: 4px !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
white-space: nowrap !important;
}
section.inecpf .inecpf-filtro .inecpf-ico {
width: 14px !important;
height: 14px !important;
flex: none !important;
}
section.inecpf .inecpf-vistas {
margin-left: auto !important;
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
}
section.inecpf .inecpf-vista {
width: 32px !important;
height: 32px !important;
display: inline-grid !important;
place-items: center !important;
}
section.inecpf .inecpf-barra-extra {
flex: 0 0 auto !important;
margin-left: auto !important;
}
section.inecpf .inecpf-cur-stats,
section.inecpf .inecpf-adm-grid-stats,
section.inecpf .inecpf-per-stats-3,
section.inecpf .inecpf-per-stats-4,
section.inecpf .inecpf-cadm-stats-grid,
section.inecpf .inecpf-cural-stats-grid,
section.inecpf .inecpf-stat-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 0 0 10px !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-stat {
padding: 10px 12px !important;
border-radius: 10px !important;
max-height: 84px !important;
height: 84px !important;
box-sizing: border-box !important;
min-width: 0 !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
background: var(--inec-fondo, #ffffff) !important;
border: 0.8px solid var(--inec-borde, #e4e4e7) !important;
}
section.inecpf .inecpf-stat-cab {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 6px !important;
min-width: 0 !important;
color: var(--inec-texto-suave, #636363) !important;
}
section.inecpf .inecpf-stat-cab span {
font-size: 11px !important;
line-height: 1.2 !important;
overflow: hidden !important;
text-overflow: clip !important;
white-space: normal !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
min-width: 0 !important;
word-break: break-word !important;
}
section.inecpf .inecpf-stat-cab .inecpf-ico {
width: 14px !important;
height: 14px !important;
flex: none !important;
color: var(--inec-texto-suave, #636363) !important;
}
section.inecpf .inecpf-stat-valor {
margin: 2px 0 0 !important;
font-size: 20px !important;
font-weight: 600 !important;
line-height: 1.15 !important;
color: var(--inec-texto, #1d1d1f) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
section.inecpf .inecpf-stat-delta {
margin: 2px 0 0 !important;
font-size: 11px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
section.inecpf .inecpf-menu-btn .inecpf-ico {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-curso-meta .inecpf-ico {
width: 13px !important;
height: 13px !important;
flex: none !important;
}
section.inecpf .inecpf-curso-pie .inecpf-pill {
font-size: 11px !important;
padding: 2px 6px !important;
}
section.inecpf .inecpf-metrica .inecpf-ico {
width: 12px !important;
height: 12px !important;
}
section.inecpf .inecpf-per-destacada .inecpf-boton {
height: 30px !important;
font-size: 12px !important;
padding: 0 10px !important;
}
section.inecpf .inecpf-tabla-wrap,
section.inecpf .inecpf-tabla-wrap[data-scroll-x] {
width: 100% !important;
overflow-x: auto !important;
border-radius: 10px !important;
-webkit-overflow-scrolling: touch !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-tabla {
width: 100% !important;
border-collapse: collapse !important;
}
section.inecpf .inecpf-tabla th {
font-size: 12px !important;
padding: 8px 10px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
section.inecpf .inecpf-tabla td {
font-size: 13px !important;
padding: 8px 10px !important;
height: auto !important;
min-height: 44px !important;
line-height: 1.35 !important;
}
section.inecpf .inecpf-lista {
border-radius: 10px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-lista-fila {
min-height: 44px !important;
padding: 8px 12px !important;
gap: 10px !important;
align-items: center !important;
box-sizing: border-box !important;
}
section.inecpf .inecpf-lista-titulo {
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: var(--inec-texto, #1d1d1f) !important;
}
section.inecpf .inecpf-lista-sub {
font-size: 12px !important;
line-height: 1.25 !important;
margin-top: 2px !important;
color: var(--inec-texto-suave, #636363) !important;
}
section.inecpf .inecpf-lista-derecha {
font-size: 12px !important;
flex: 0 0 auto !important;
}
section.inecpf .inecpf-lista-icono {
width: 28px !important;
height: 28px !important;
border-radius: 8px !important;
}
section.inecpf .inecpf-lista-icono .inecpf-ico,
section.inecpf .inecpf-lista-fila .inecpf-ico {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-campo {
display: grid !important;
gap: 4px !important;
min-width: 0 !important;
}
section.inecpf .inecpf-campo-etq {
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
section.inecpf .inecpf-campo-control {
min-height: 36px !important;
font-size: 15px !important;
box-sizing: border-box !important;
}
section.inecpf textarea.inecpf-campo-control, section.inecpf .inecpf-campo-caja {
border-radius: 8px !important;
padding: 6px 10px !important;
}
section.inecpf input.inecpf-campo-control:not(.inecpf-campo-caja), section.inecpf select.inecpf-campo-control:not(.inecpf-campo-caja) {
border-radius: 0 !important;
padding: 6px 0 !important;
}
section.inecpf .inecpf-campo-control:is(input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], input[type=url], input[type=number], input:not([type])) {
font-size: 15px !important;
height: 36px !important;
}
section.inecpf select.inecpf-campo-control {
font-size: 15px !important;
height: 36px !important;
}
section.inecpf textarea.inecpf-campo-control {
font-size: 15px !important;
min-height: 72px !important;
padding: 6px 10px !important;
}
section.inecpf .inecpf-campo-ayuda {
font-size: 12px !important;
line-height: 1.3 !important;
}
section.inecpf .inecpf-panel {
border-radius: 10px !important;
margin-bottom: 10px !important;
overflow: hidden !important;
box-sizing: border-box !important;
border: 0.8px solid var(--inec-borde, #e4e4e7) !important;
background: var(--inec-fondo, #ffffff) !important;
}
section.inecpf .inecpf-panel-cab {
padding: 10px 12px 0 !important;
gap: 8px !important;
}
section.inecpf .inecpf-panel-cab h2,
section.inecpf .inecpf-panel-cab h3 {
margin: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: var(--inec-texto, #1d1d1f) !important;
}
section.inecpf .inecpf-panel-cab .inecpf-ico {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-panel-cuerpo {
padding: 10px 12px !important;
}
section.inecpf .inecpf-panel-pie {
padding: 8px 12px !important;
}
section.inecpf .inecpf-cur-insignia .inecpf-ico {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-adm-cuest-item .inecpf-ico {
width: 14px !important;
height: 14px !important;
}
section.inecpf .inecpf-vacio {
padding: 24px 12px !important;
border-radius: 10px !important;
}
section.inecpf .inecpf-cural-tabs-wrap .inecpf-tab,
section.inecpf .inecpf-cural-tabs-wrap .inecpf-tab.activo,
section.inecpf .inecpf-cadm-wrap .inecpf-tab,
section.inecpf .inecpf-cadm-wrap .inecpf-tab.activo {
font-size: 13px !important;
}
section.inecpf .inecpf-cural-tabs-wrap .inecpf-tab .inecpf-ico,
section.inecpf .inecpf-cadm-wrap .inecpf-tab .inecpf-ico {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-cural-barra-der .inecpf-cural-barra-pill,
section.inecpf .inecpf-cural-barra-der .inecpf-pill {
display: none !important;
}
section.inecpf .inecpf-cural-btn-compartir span:not(.inecpf-ico),
section.inecpf .inecpf-cural-btn-compartir .inecpf-cural-btn-txt {
display: none !important;
}
section.inecpf .inecpf-cural-btn-compartir .inecpf-ico {
margin: 0 !important;
}
section.inecpf .inecpf-cural-movil-play-btn .inecpf-ico,
section.inecpf .inecpf-cural-movil-play-btn svg {
width: 18px !important;
height: 18px !important;
margin-left: 3px !important;
color: #111827 !important;
fill: currentColor !important;
opacity: 1 !important;
}
section.inecpf .inecpf-cural-movil-meta-item .inecpf-ico {
width: 16px !important;
height: 16px !important;
flex: none !important;
color: var(--inec-texto, #1d1d1f) !important;
}
section.inecpf .inecpf-cural-movil-incluye-ico .inecpf-ico {
width: 18px !important;
height: 18px !important;
}
section.inecpf .inecpf-cural-movil-inst-metrica-item .inecpf-ico {
width: 14px !important;
height: 14px !important;
color: var(--inec-texto-suave, #636363) !important;
}
section.inecpf .inecpf-cural-udemy-chevron .inecpf-ico,
section.inecpf .inecpf-cural-udemy-chevron svg {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-cural-udemy-lec-ico .inecpf-ico {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-cadm-leccion-ico .inecpf-ico,
section.inecpf .inecpf-cadm-leccion-ico svg {
width: 16px !important;
height: 16px !important;
}
section.inecpf .inecpf-cur-stats, section.inecpf .inecpf-per-stats-3, section.inecpf .inecpf-per-stats-4, section.inecpf .inecpf-cadm-stats-grid, section.inecpf .inecpf-cural-stats-grid, section.inecpf .inecpf-stat-grid, section.inecpf .inecpf-adm-grid-stats,
section.inecpf .inecpf-area :has(> .inecpf-stat) {
grid-template-columns: 1fr !important;
gap: 0 !important;
border: 0.8px solid var(--inec-borde, #e4e4e7) !important;
border-radius: 12px !important;
background: var(--inec-fondo, #ffffff) !important;
overflow: hidden !important;
}
section.inecpf .inecpf-stat {
display: grid !important;
grid-template-columns: 16px minmax(0, 1fr) auto !important;
grid-template-areas: "ico lab val" "ico lab delta" !important;
align-items: center !important;
column-gap: 10px !important;
row-gap: 0 !important;
height: auto !important;
max-height: none !important;
min-height: 48px !important;
padding: 8px 14px !important;
border: 0 !important;
border-radius: 0 !important;
border-bottom: 0.8px solid var(--inec-borde, #e4e4e7) !important;
box-shadow: none !important;
}
section.inecpf .inecpf-stat:last-child { border-bottom: 0 !important; }
section.inecpf .inecpf-stat-cab { display: contents !important; }
section.inecpf .inecpf-stat-cab span {
grid-area: lab !important;
display: block !important;
font-size: 13px !important;
line-height: 1.3 !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
word-break: normal !important;
-webkit-line-clamp: unset !important;
}
section.inecpf .inecpf-stat-cab .inecpf-ico { grid-area: ico !important; width: 16px !important; height: 16px !important; }
section.inecpf .inecpf-stat-valor { grid-area: val !important; margin: 0 !important; font-size: 17px !important; text-align: right !important; }
section.inecpf .inecpf-stat-delta { grid-area: delta !important; margin: 0 !important; text-align: right !important; }
section.inecpf .inecpf-stat:not(:has(.inecpf-stat-delta)) { grid-template-areas: "ico lab val" "ico lab val" !important; }
section.inecpf .inecpf-cur-mod-pie .inecpf-boton { flex: 1 1 auto; font-size: 12px; padding: 6px 8px; }
}
section.inecpf .inecpf-lista-fila > div {min-width:0;overflow-wrap:anywhere}

section.inecpf .inecpf-uni{background:transparent;border:0;border-radius:0;overflow:visible;margin:0 0 20px;max-width:100%}
section.inecpf .inecpf-uni-portada{position:relative;height:160px;border-radius:16px;background:linear-gradient(135deg,var(--inec-marca) 0%,var(--inec-marca-suave) 100%);margin-bottom:56px}
section.inecpf .inecpf-uni-avatar{position:absolute;left:24px;bottom:-40px;box-sizing:border-box;width:96px;height:96px;border:3px solid var(--inec-superficie,#fff);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.12);background:var(--inec-superficie,#fff);line-height:0;overflow:hidden}
section.inecpf .inecpf-uni-avatar .inecpf-avatar{width:100%!important;height:100%!important;border-radius:50%}
section.inecpf .inecpf-uni-barra{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:0;margin:0 0 24px;min-width:0}
section.inecpf .inecpf-uni-nombre{margin:0;font-size:24px;font-weight:600;line-height:1.2;color:var(--inec-texto,#000);word-break:break-word}
section.inecpf .inecpf-uni-rol{margin:4px 0 0;font-size:14px;color:var(--inec-texto-suave,#636363)}
section.inecpf .inecpf-uni-acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
section.inecpf .inecpf-uni-acciones a,section.inecpf .inecpf-uni-acciones button{font-size:14px;text-decoration:none}
section.inecpf .inecpf-uni-tabs{display:flex;align-items:center;gap:4px;padding:0;border-top:0;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
section.inecpf .inecpf-uni-tabs::-webkit-scrollbar{display:none}
section.inecpf .inecpf-uni-tab{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:0;border-radius:8px;padding:8px 14px;color:var(--inec-texto-suave,#636363);background:transparent;font-size:14px;line-height:1.25;font-weight:500;white-space:nowrap;text-decoration:none;cursor:pointer}
section.inecpf .inecpf-uni-tab svg{width:18px;height:18px;flex:none;color:inherit}
section.inecpf .inecpf-uni-tab .inecpf-ico{color:inherit}
section.inecpf .inecpf-uni-tab:hover{background:#f4f5f6;color:var(--inec-texto,#000)}
section.inecpf .inecpf-uni-tab.activo{background:#f4f5f6;color:var(--inec-texto,#000);font-weight:600;border-bottom:0}
html.inec-oscuro section.inecpf .inecpf-uni-avatar{background:#1f2937;border-color:#1f2937}
html.inec-oscuro section.inecpf .inecpf-uni-nombre{color:#f9fafb}
html.inec-oscuro section.inecpf .inecpf-uni-rol,html.inec-oscuro section.inecpf .inecpf-uni-tab{color:#9ca3af}
html.inec-oscuro section.inecpf .inecpf-uni-tab:hover,html.inec-oscuro section.inecpf .inecpf-uni-tab.activo{background:#374151;color:#f9fafb}
html.inec-oscuro section.inecpf .inecpf-uni-acciones .inecpf-boton,html.inec-oscuro section.inecpf .inecpf-uni-acciones .inecpf-boton .inecpf-ico{color:#f9fafb!important}
html.inec-oscuro section.inecpf .inecpf-uni-acciones .inecpf-boton-secundario{border-color:#9ca3af!important}
@media (max-width:768px){
  section.inecpf .inecpf-uni-barra{flex-direction:column;align-items:flex-start;gap:10px}
  section.inecpf .inecpf-uni-nombre{font-size:20px}
  section.inecpf .inecpf-uni-rol{font-size:13px}
  section.inecpf .inecpf-uni-acciones a,section.inecpf .inecpf-uni-acciones button{font-size:13px;padding:0 12px}
  section.inecpf .inecpf-uni-tabs{padding:0;overflow-x:auto;overscroll-behavior-x:contain}
  section.inecpf .inecpf-uni-tab{padding:6px 10px;font-size:13px;gap:5px}
  section.inecpf .inecpf-uni-tab.activo{padding:6px 12px}
  section.inecpf .inecpf-uni-tab svg{width:16px;height:16px}
  section.inecpf .inecpf-uni-tab:not(.activo) .inecpf-uni-tab-txt{display:none}
}

/* actividad.css — Pantalla Actividad / Muro de actividad */

section.inecpf[data-pantalla="actividad"] .p-per-wrap,
section.inecpf[data-pantalla="actividad"] .p-per-wrap{
  width: 100%;
  min-width: 0;
}

/* Post box */
section.inecpf[data-pantalla="actividad"] .p-per-post-box,
section.inecpf[data-pantalla="actividad"] .p-per-post-box{
  border: 0.8px solid var(--inec-borde, #e4e4e7);
  border-radius: 16px;
  background: var(--inec-fondo, #ffffff);
  padding: 16px;
  margin-bottom: 20px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="actividad"] .p-per-post-box .inecpf-avatar,
section.inecpf[data-pantalla="actividad"] .p-per-post-box .inecpf-avatar{
  flex-shrink: 0;
}

section.inecpf[data-pantalla="actividad"] .p-per-post-input-wrap,
section.inecpf[data-pantalla="actividad"] .p-per-post-input-wrap{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

section.inecpf[data-pantalla="actividad"] .p-per-post-box textarea,
section.inecpf[data-pantalla="actividad"] .p-per-post-box textarea{
  width: 100%;
  min-height: 60px;
  border: 0.8px solid var(--inec-borde, #e4e4e7);
  border-radius: 8px;
  padding: 10px;
  color: var(--inec-texto, #1d1d1f);
  background: var(--inec-fondo, #ffffff);
  font-size: 14px;
  outline: 0;
  resize: vertical;
  box-sizing: border-box;
  font-family: inherit;
}

section.inecpf[data-pantalla="actividad"] .p-per-post-box textarea:focus,
section.inecpf[data-pantalla="actividad"] .p-per-post-box textarea:focus{
  border-color: var(--inec-marca, #f16645);
}

section.inecpf[data-pantalla="actividad"] .p-per-post-box .inecpf-boton,
section.inecpf[data-pantalla="actividad"] .p-per-post-box .inecpf-boton{
  flex-shrink: 0;
  height: 38px;
}

/* Barra de búsqueda y filtros */
section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra,
section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra{
  margin-bottom: 20px;
}

section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra .inecpf-buscar,
section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra .inecpf-buscar{
  flex: 1 1 320px;
  max-width: 480px;
}

/* Lista de actividades */
section.inecpf[data-pantalla="actividad"] #p-per-actividad-lista,
section.inecpf[data-pantalla="actividad"] #p-per-actividad-lista{
  min-width: 0;
}

section.inecpf[data-pantalla="actividad"] .inecpf-lista,
section.inecpf[data-pantalla="actividad"] .inecpf-lista{
  min-width: 0;
  overflow: hidden;
  border: 0.8px solid var(--inec-borde, #e4e4e7);
  border-radius: 12px;
  background: var(--inec-fondo, #ffffff);
}

section.inecpf[data-pantalla="actividad"] .inecpf-lista-fila,
section.inecpf[data-pantalla="actividad"] .inecpf-lista-fila{
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px 14px;
  border-bottom: 0.8px solid var(--inec-borde, #e4e4e7);
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="actividad"] .inecpf-lista-fila:last-child,
section.inecpf[data-pantalla="actividad"] .inecpf-lista-fila:last-child{
  border-bottom: 0;
}

section.inecpf[data-pantalla="actividad"] .inecpf-lista-fila:hover,
section.inecpf[data-pantalla="actividad"] .inecpf-lista-fila:hover{
  background: var(--inec-fondo-suave, #f2f3f5);
}

section.inecpf[data-pantalla="actividad"] .inecpf-lista-texto,
section.inecpf[data-pantalla="actividad"] .inecpf-lista-texto{
  min-width: 0;
  flex: 1;
}

section.inecpf[data-pantalla="actividad"] .inecpf-lista-titulo,
section.inecpf[data-pantalla="actividad"] .inecpf-lista-titulo{
  overflow: hidden;
  color: var(--inec-texto, #1d1d1f);
  font-size: var(--p-ctl-fs, 14px);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section.inecpf[data-pantalla="actividad"] .inecpf-lista-sub,
section.inecpf[data-pantalla="actividad"] .inecpf-lista-sub{
  margin-top: 3px;
  overflow: hidden;
  color: var(--inec-texto-suave, #636363);
  font-size: var(--p-ctl-fs-sm, 12px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Toast */
section.inecpf[data-pantalla="actividad"] .inecpf-toast,
section.inecpf[data-pantalla="actividad"] .inecpf-toast{
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1000;
  padding: 12px 20px;
  border-radius: 8px;
  background: #1f2937;
  color: #ffffff;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

section.inecpf[data-pantalla="actividad"] .inecpf-toast.inecpf-visible,
section.inecpf[data-pantalla="actividad"] .inecpf-toast.inecpf-visible{
  opacity: 1;
  pointer-events: auto;
}

/* Error text */
section.inecpf[data-pantalla="actividad"] .inecpf-error-txt,
section.inecpf[data-pantalla="actividad"] .inecpf-error-txt{
  color: #b42318;
  font-size: 12px;
  display: none;
}

section.inecpf[data-pantalla="actividad"] .inecpf-error-txt.inecpf-visible,
section.inecpf[data-pantalla="actividad"] .inecpf-error-txt.inecpf-visible{
  display: block;
}

/* Móvil: max-width 768px */
@media (max-width: 768px) {
  section.inecpf[data-pantalla="actividad"] .p-per-post-box,
  section.inecpf[data-pantalla="actividad"] .p-per-post-box{
    flex-direction: column;
    align-items: stretch;
  }

  section.inecpf[data-pantalla="actividad"] .p-per-post-box .inecpf-boton,
  section.inecpf[data-pantalla="actividad"] .p-per-post-box .inecpf-boton{
    width: 100%;
  }

  section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra,
  section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra{
    flex-wrap: wrap;
    gap: 10px;
  }

  section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra .inecpf-buscar,
  section.inecpf[data-pantalla="actividad"] .inecpf-actividad-barra .inecpf-buscar{
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
  }
}

/* amigos.css - Réplica fiel del mockup para la pantalla de Amigos */
section.inecpf[data-pantalla="amigos"] .p-per-wrap,
section.inecpf[data-pantalla="amigos"] .inecpf-wrap {
  width: 100%;
  min-width: 0;
}

section.inecpf[data-pantalla="amigos"] .p-per-persona-rejilla,
section.inecpf[data-pantalla="amigos"] .inecpf-persona-rejilla,
section.inecpf[data-pantalla="amigos"] .inecpf-tarjetas,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-rejilla,
section.inecpf[data-pantalla="amigos"] #r .inecpf-persona-rejilla,
section.inecpf[data-pantalla="amigos"] #r .inecpf-tarjetas{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  min-width: 0;
}

section.inecpf[data-pantalla="amigos"] .p-per-persona-card,
section.inecpf[data-pantalla="amigos"] .inecpf-persona-card,
section.inecpf[data-pantalla="amigos"] .inecpf-tarjeta,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-card,
section.inecpf[data-pantalla="amigos"] #r .inecpf-persona-card,
section.inecpf[data-pantalla="amigos"] #r .inecpf-tarjeta{
  border: 0.8px solid var(--c-borde, var(--inec-borde, #e5e7eb));
  border-radius: 16px;
  background: var(--sb-fondo, var(--inec-fondo, #ffffff));
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="amigos"] .p-per-persona-nom,
section.inecpf[data-pantalla="amigos"] .inecpf-persona-nom,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-nom,
section.inecpf[data-pantalla="amigos"] #r .inecpf-persona-nom{
  font-size: 15px;
  font-weight: 600;
  color: var(--sb-item-color, var(--inec-texto, #1d1d1f));
  margin: 0;
  line-height: 1.3;
}

section.inecpf[data-pantalla="amigos"] .inecpf-enlace,
section.inecpf[data-pantalla="amigos"] #r .inecpf-enlace{
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
section.inecpf[data-pantalla="amigos"] a.inecpf-enlace:hover,
section.inecpf[data-pantalla="amigos"] #r a.inecpf-enlace:hover{
  text-decoration: underline;
}

section.inecpf[data-pantalla="amigos"] .p-per-persona-rol,
section.inecpf[data-pantalla="amigos"] .inecpf-persona-rol,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-rol,
section.inecpf[data-pantalla="amigos"] #r .inecpf-persona-rol{
  margin: 0;
  font-size: 12px;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
}

section.inecpf[data-pantalla="amigos"] .p-per-persona-cursos,
section.inecpf[data-pantalla="amigos"] .inecpf-persona-cursos,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-cursos,
section.inecpf[data-pantalla="amigos"] #r .inecpf-persona-cursos{
  font-size: 12px;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
}

section.inecpf[data-pantalla="amigos"] .p-per-persona-accion,
section.inecpf[data-pantalla="amigos"] .inecpf-tarjeta-acc,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-accion,
section.inecpf[data-pantalla="amigos"] #r .inecpf-tarjeta-acc{
  margin-top: 8px;
  width: 100%;
  display: flex;
  gap: 6px;
}

section.inecpf[data-pantalla="amigos"] .p-per-persona-accion .inecpf-boton,
section.inecpf[data-pantalla="amigos"] .p-per-persona-accion button,
section.inecpf[data-pantalla="amigos"] .p-per-persona-accion a,
section.inecpf[data-pantalla="amigos"] .inecpf-tarjeta-acc .inecpf-boton,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-accion .inecpf-boton,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-accion button,
section.inecpf[data-pantalla="amigos"] #r .p-per-persona-accion a,
section.inecpf[data-pantalla="amigos"] #r .inecpf-tarjeta-acc .inecpf-boton{
  flex: 1;
  width: 100%;
  min-width: 0;
  border-radius: 10px;
}

section.inecpf[data-pantalla="amigos"] .inecpf-paginacion,
section.inecpf[data-pantalla="amigos"] #r .inecpf-paginacion{
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

@media (max-width: 768px) {
  section.inecpf[data-pantalla="amigos"] .p-per-persona-rejilla,
  section.inecpf[data-pantalla="amigos"] .inecpf-persona-rejilla,
  section.inecpf[data-pantalla="amigos"] .inecpf-tarjetas,
  section.inecpf[data-pantalla="amigos"] #r .p-per-persona-rejilla,
  section.inecpf[data-pantalla="amigos"] #r .inecpf-persona-rejilla,
  section.inecpf[data-pantalla="amigos"] #r .inecpf-tarjetas{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  section.inecpf[data-pantalla="amigos"] .p-per-persona-card,
  section.inecpf[data-pantalla="amigos"] .inecpf-persona-card,
  section.inecpf[data-pantalla="amigos"] .inecpf-tarjeta,
  section.inecpf[data-pantalla="amigos"] #r .p-per-persona-card,
  section.inecpf[data-pantalla="amigos"] #r .inecpf-persona-card,
  section.inecpf[data-pantalla="amigos"] #r .inecpf-tarjeta{
    padding: 16px 10px;
  }
}

/* pantallas/avisos.css - Módulo inecperfil: avisos */
section.inecpf[data-pantalla="avisos"] .inecpf-wrap,
section.inecpf[data-pantalla="avisos"] .p-per-wrap,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-wrap,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .p-per-wrap{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="avisos"] .p-per-dot,
section.inecpf[data-pantalla="avisos"] .inecpf-dot,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .p-per-dot,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-dot,
section.inecpf[data-pantalla="avisos"] .p-per-dot,
section.inecpf[data-pantalla="avisos"] .inecpf-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--inec-primario, #f16645);
  border: 0;
  padding: 4px;
  background-clip: content-box;
  box-sizing: content-box;
  cursor: pointer;
  flex: none;
  display: inline-block;
  vertical-align: middle;
  transition: opacity .15s;
}

section.inecpf[data-pantalla="avisos"] .p-per-dot:hover,
section.inecpf[data-pantalla="avisos"] .inecpf-dot:hover,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .p-per-dot:hover,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-dot:hover{
  opacity: .8;
}

section.inecpf[data-pantalla="avisos"] .inecpf-enlace,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-enlace{
  color: inherit;
  font-weight: 500;
  text-decoration: none;
}

section.inecpf[data-pantalla="avisos"] .inecpf-enlace:hover,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-enlace:hover{
  text-decoration: underline;
  color: var(--inec-primario, #f16645);
}

section.inecpf[data-pantalla="avisos"] .inecpf-avisos-paginacion,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-avisos-paginacion{
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

/* Toast */
section.inecpf[data-pantalla="avisos"] .inecpf-toast,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-toast{
  display: none;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #1f2937;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 1000;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

section.inecpf[data-pantalla="avisos"] .inecpf-toast.inecpf-visible,
section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-toast.inecpf-visible{
  display: block;
}

@media (max-width: 768px) {
  section.inecpf[data-pantalla="avisos"] .inecpf-avisos-paginacion,
  section.inecpf[data-pantalla="avisos"] [data-pantalla="avisos"] .inecpf-avisos-paginacion{
    margin-top: 12px;
  }
}

section.inecpf[data-pantalla="editar-perfil"] .inecpf-portada-wrap { width: 100%; margin-bottom: 16px; border-radius: 12px; overflow: hidden; border: 0.8px solid var(--c-borde, rgba(0,0,0,.12)); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-portada { height: 140px; background: linear-gradient(135deg, var(--inec-marca, #eb5b2d) 0%, #fbe3da 100%); display: flex; justify-content: flex-end; align-items: flex-end; padding: 12px; background-size: cover; background-position: center; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-btn-portada { background: #ffffff !important; position: relative; z-index: 2; margin-bottom: 0; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-avatar-fila { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; min-width: 0; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-avatar-preview { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; flex: none; display: grid; place-items: center; border: 2px solid var(--c-borde, rgba(0,0,0,.12)); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-avatar-info { flex: 1; min-width: 0; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-avatar-tit { font-weight: 600; font-size: 14px; color: var(--sb-item-color); margin-bottom: 2px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-avatar-sub { font-size: 12px; color: var(--sb-sub-color); margin-bottom: 10px; line-height: 1.4; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-lista-campos { display: flex; flex-direction: column; gap: 16px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-grid-1 { display: grid; grid-template-columns: minmax(0, 1fr); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-meta-ayuda { display: flex; justify-content: space-between; gap: 16px; margin-top: 4px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-contador { font-size: 12px; color: var(--sb-sub-color); white-space: nowrap; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-url-error { color: var(--c-peligro-texto, #dc2626); font-size: 12px; margin-top: 4px; display: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-error-txt { color: var(--c-peligro-texto, #dc2626); font-size: 12px; margin-top: 4px; display: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-url-error.inecpf-visible, section.inecpf[data-pantalla="editar-perfil"] .inecpf-error-txt.inecpf-visible { display: block; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-toast { background: var(--inec-primario); color: #fff; padding: 8px 16px; border-radius: 8px; font-size: 14px; opacity: 0; transition: opacity 0.3s; pointer-events: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-toast.inecpf-visible { opacity: 1; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-toast.inecpf-error { background: var(--c-peligro-texto, #dc2626); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ctl.inecpf-error { border-color: var(--c-peligro-texto, #dc2626) !important; }
@media (max-width: 768px) {
    section.inecpf[data-pantalla="editar-perfil"] .inecpf-avatar-fila { align-items: flex-start; }
    section.inecpf[data-pantalla="editar-perfil"] .inecpf-lista-campos { gap: 12px; }
    section.inecpf[data-pantalla="editar-perfil"] .inecpf-grid-2 { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}


section.inecpf[data-pantalla="editar-perfil"] .inecpf-campo-etq-fila { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-campo-etq-fila label { margin-bottom: 0; font-size: 13px; font-weight: 600; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-vis-select { appearance: none; background: var(--sb-hover, #f4f5f6); border: none; border-radius: 99px; padding: 4px 12px; font-size: 11px; font-weight: 500; color: var(--sb-sub-color, #64748b); cursor: pointer; outline: none; margin-left: 8px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-campo .p-campo-etq { display: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-campo-etq-fila .p-campo-etq { display: block; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ctl { border: none; border-bottom: 1px solid var(--c-borde, rgba(0,0,0,.12)); border-radius: 0; padding-left: 0; padding-right: 0; background: transparent; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ctl:focus { border-bottom-color: var(--inec-primario, #2563eb); box-shadow: none; }

section.inecpf[data-pantalla="editar-perfil"] .inecpf-redes { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red { width: 40px; height: 40px; border: 1px solid var(--c-borde, rgba(0,0,0,.12)); border-radius: 10px; background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--sb-sub-color, #64748b); outline: none; flex: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red:focus-visible { box-shadow: 0 0 0 2px var(--inec-primario, #2563eb); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red-on { background: var(--inec-marca, #eb5b2d); color: #ffffff; border-color: var(--inec-marca, #eb5b2d); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red-caja { display: flex; align-items: center; max-width: 420px; background: transparent; border: 1px solid var(--c-borde, rgba(0,0,0,.12)); border-radius: 4px; overflow: hidden; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red-caja-wrap:empty { display: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red-prefijo { padding-left: 12px; color: var(--sb-sub-color, #64748b); font-size: 14px; white-space: nowrap; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red-caja input { border: none; flex: 1; min-width: 0; padding: 10px 8px 10px 2px; outline: none; font-size: 14px; background: transparent; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-red-caja .inecpf-boton { border: none; margin-left: 4px; padding-left: 8px; padding-right: 8px; }
@media (max-width: 480px) {
    section.inecpf[data-pantalla="editar-perfil"] .inecpf-red-caja { max-width: 100%; }
}

/* === Editar perfil compacto (inecpf-ec-*) === */
/* editar-perfil compacto: una hoja, renglones de 40 px. Todo acotado a P. */
section.inecpf[data-pantalla="editar-perfil"] {
	--ec-hoja: #ffffff; --ec-fondo: #f3f1f0; --ec-texto: #1f1d1c; --ec-sub: #6f6966; --ec-linea: #e9e5e3;
	--ec-marca: var(--inec-marca, #f16645); --ec-marca-f: var(--inec-marca-fuerte, #d9482a); --ec-marca-s: var(--inec-marca-suave, #fdece8);
}
html.inec-oscuro section.inecpf[data-pantalla="editar-perfil"] {
	--ec-hoja: #1f1c1b; --ec-fondo: #151312; --ec-texto: #eeeae8; --ec-sub: #a39c98; --ec-linea: #322d2b;
	color-scheme: dark;
}

/* hoja: sin overflow:hidden (rompería el sticky de la barra) */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja { position: relative; container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; margin: 0; padding: 0; background: var(--ec-hoja); color: var(--ec-texto); border: 0; border-radius: 12px; font-size: 14px; }

/* renglón foto / portada */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-cab { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; min-width: 0; padding: 12px 16px; }
/* con la cabecera unificada no queda avatar ni boton: sin esto sobra un renglon vacio arriba de la hoja */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-cab:not(:has(button, .inecpf-ec-avatar, [data-error]:not(:empty))) { display: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-cab .inecpf-ec-avatar { display: grid; place-items: center; flex: none; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-avatar .inecpf-avatar, section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-avatar img { width: 40px !important; height: 40px !important; font-size: 14px !important; border-radius: 50%; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-cab .inecpf-ec-cab-acc { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; min-width: 0; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-cab [data-error] { flex: 1 0 100%; margin: 0; font-size: 12px; }

/* enlaces de texto */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-enlace { display: inline-block; margin: 0; padding: 6px 0; border: 0; background: none; box-shadow: none; color: var(--ec-marca-f); font-family: inherit; font-size: 12px; font-weight: 500; line-height: 1.25; text-decoration: none; white-space: nowrap; cursor: pointer; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-enlace:hover { text-decoration: underline; }

/* rótulos de grupo y rejilla: la tabla no pinta bordes (hoja, grupo, renglón); la única línea es el subrayado del control */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-grupo { margin: 0; padding: 14px 16px 4px; color: var(--ec-sub); font-size: 11px; font-weight: 400; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-campos { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@container (min-width: 700px) {
	section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-campos { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
	section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-campos > .inecpf-ec-fila--area,
	section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-campos > .inecpf-ec-fila--redes { grid-column: 1 / -1; }
}

/* renglón */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-campos > .inecpf-ec-fila { display: block; min-width: 0; margin: 0; padding: 0 8px 0 16px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila:focus-within { box-shadow: inset 2px 0 0 var(--ec-marca); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila .inecpf-ec-linea { display: flex; align-items: center; gap: 8px; min-height: 40px; min-width: 0; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila .inecpf-ec-etq { flex: 0 0 92px; margin: 0; padding: 0; color: var(--ec-sub); font-size: 12px; font-weight: 400; line-height: 1.25; overflow-wrap: anywhere; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila:focus-within .inecpf-ec-etq { color: var(--ec-marca-f); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila .inecpf-ec-valor { flex: 1 1 auto; min-width: 0; color: var(--ec-sub); font-size: 14px; overflow-wrap: anywhere; }

/* controles: blindados contra .vibebp_myprofile input[type] */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila input[type],
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila textarea,
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila select { flex: 1 1 auto; box-sizing: border-box; width: auto; min-width: 0; height: 40px; margin: 0; padding: 8px 0; border: 0; border-radius: 0; box-shadow: none; outline: none; background: transparent; color: var(--ec-texto); font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.3; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila input[type="hidden"] { display: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila input::placeholder,
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila textarea::placeholder { color: var(--ec-sub); opacity: .65; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila .inecpf-ctl.inecpf-error { box-shadow: inset 0 -2px 0 var(--c-peligro-texto, #dc2626); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--fijo .inecpf-ec-linea { min-height: 40px; }

/* textarea apilado */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--area .inecpf-ec-linea { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 8px; padding-top: 4px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--area .inecpf-ec-etq { flex: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--area textarea { grid-column: 1 / -1; height: auto; min-height: 84px; field-sizing: content; resize: none; line-height: 1.45; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--area .inecpf-ec-cuenta { grid-column: 1 / -1; justify-self: end; padding: 0 8px 8px 0; color: var(--ec-sub); font-size: 11px; font-variant-numeric: tabular-nums; }

/* visibilidad */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila .inecpf-ec-vis { display: grid; place-items: center; flex: none; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--ec-sub); cursor: pointer; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila .inecpf-ec-vis:hover { background: var(--ec-fondo); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila .inecpf-ec-vis[data-v="adminsonly"] { color: var(--ec-marca-f); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-vis svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* redes */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--redes .inecpf-ec-linea { flex-wrap: wrap; padding: 4px 0; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--redes .inecpf-redes { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 4px; min-width: 0; margin: 0; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--redes .inecpf-red { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border-radius: 8px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--redes .inecpf-red svg { width: 18px; height: 18px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--redes .inecpf-ec-vis { margin-left: auto; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--redes .inecpf-red-caja-wrap { padding: 0 0 8px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila--redes .inecpf-red-caja { max-width: 100%; }

/* errores bajo el renglón (solo visibles con error; el CSS viejo ya los oculta por defecto) */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila > [data-error] { margin: 0; padding: 0 0 6px; font-size: 12px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-fila > .inecpf-url-error { display: none; color: var(--c-peligro-texto, #dc2626); }

/* toast: no ocupa fila */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja > .inecpf-toast { position: absolute; top: 12px; right: 16px; z-index: 6; margin: 0; }

/* barra de guardado: solo con cambios */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja > .inecpf-ec-barra { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px 16px; background: var(--ec-hoja); border-top: 1px solid var(--ec-linea); border-radius: 0 0 12px 12px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja > .inecpf-ec-barra[hidden] { display: none; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-barra .inecpf-ec-n { flex: 1 1 auto; color: var(--ec-sub); font-size: 12px; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-barra .inecpf-ec-btn { margin: 0; padding: 8px 14px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--ec-sub); font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; cursor: pointer; }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-barra .inecpf-ec-btn--ok { background: var(--ec-marca); color: var(--inec-marca-texto, #ffffff); }
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-barra .inecpf-ec-btn[disabled] { opacity: .6; cursor: default; }
/* div.profile_grid (overflow hidden/auto, no scrollea: lo hace div.loaded) atrapaba el sticky de la barra */
.profile_grid:has(> section.inecpf[data-pantalla="editar-perfil"]) { overflow: visible; }
/* pestañas inferiores de inecpanel: 64 px medidos a 375x812 */
@media (max-width: 768px) {
	section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja > .inecpf-ec-barra[data-barra] { bottom: 64px; }
}

/* foco visible */
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-vis:focus-visible,
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-enlace:focus-visible,
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-ec-btn:focus-visible,
section.inecpf[data-pantalla="editar-perfil"] .inecpf-ec-hoja .inecpf-red:focus-visible { outline: 2px solid var(--ec-marca); outline-offset: 2px; }

/* pantallas/membresias.css - Réplica fiel del mockup window.PANTALLAS['membresias'] */

section.inecpf[data-pantalla="membresias"] .p-per-wrap,
section.inecpf[data-pantalla="membresias"] .inecpf-wrap,
section.inecpf[data-pantalla="membresias"] #r .p-per-wrap,
section.inecpf[data-pantalla="membresias"] #r .inecpf-wrap{
  width: 100%;
  min-width: 0;
}

section.inecpf[data-pantalla="membresias"] .p-per-planes-rejilla,
section.inecpf[data-pantalla="membresias"] .inecpf-planes-rejilla,
section.inecpf[data-pantalla="membresias"] #r .p-per-planes-rejilla,
section.inecpf[data-pantalla="membresias"] #r .inecpf-planes-rejilla{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
  min-width: 0;
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-card,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-card,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-card,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-card{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 0.8px solid var(--c-borde, var(--inec-borde, #e4e4e7));
  border-radius: 16px;
  background: var(--sb-fondo, var(--inec-fondo, #ffffff));
  padding: 24px;
  min-width: 0;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-card:hover,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-card:hover,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-card:hover,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-card:hover{
  border-color: var(--sb-activo-color, var(--inec-marca, #eb5b2d));
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-card.p-per-activa,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-card.inecpf-activa,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-card.p-per-activa,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-card.inecpf-activa{
  border: 2px solid var(--sb-activo-color, var(--inec-marca, #eb5b2d));
  box-shadow: 0 4px 16px rgba(235, 91, 45, 0.08);
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-cab,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-cab,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-cab,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-cab{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-nom,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-nom,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-nom,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-nom{
  font-size: 20px;
  font-weight: 700;
  color: var(--sb-item-color, var(--inec-texto, #1d1d1f));
  margin: 0;
  line-height: 1.25;
  text-transform: none;
}

section.inecpf[data-pantalla="membresias"] .inecpf-enlace,
section.inecpf[data-pantalla="membresias"] #r .inecpf-enlace{
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  overflow-wrap: anywhere;
}

section.inecpf[data-pantalla="membresias"] a.inecpf-enlace:hover,
section.inecpf[data-pantalla="membresias"] #r a.inecpf-enlace:hover{
  color: var(--sb-activo-color, var(--inec-marca, #eb5b2d));
  text-decoration: underline;
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-precio,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-precio,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-precio,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-precio{
  font-size: 28px;
  font-weight: 700;
  color: var(--sb-item-color, var(--inec-texto, #1d1d1f));
  margin-top: 6px;
  line-height: 1.2;
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-precio span,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-precio span,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-precio span,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-precio span{
  font-size: 14px;
  font-weight: 400;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-vence,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-vence,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-vence,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-vence{
  font-size: 12px;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
  line-height: 1.4;
  margin: 0;
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-beneficios,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-beneficios,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-beneficios,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-beneficios{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-ben,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-ben,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-ben,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-ben{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--sb-item-color, var(--inec-texto, #1d1d1f));
}

section.inecpf[data-pantalla="membresias"] .p-per-plan-ben svg,
section.inecpf[data-pantalla="membresias"] .inecpf-plan-ben svg,
section.inecpf[data-pantalla="membresias"] #r .p-per-plan-ben svg,
section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-ben svg{
  color: #1e7b34;
  flex: none;
  width: 16px;
  height: 16px;
}

section.inecpf[data-pantalla="membresias"] .p-per-btn-plan,
section.inecpf[data-pantalla="membresias"] .inecpf-btn-plan,
section.inecpf[data-pantalla="membresias"] #r .p-per-btn-plan,
section.inecpf[data-pantalla="membresias"] #r .inecpf-btn-plan{
  width: 100%;
  justify-content: center;
}

section.inecpf[data-pantalla="membresias"] .p-per-toast,
section.inecpf[data-pantalla="membresias"] .inecpf-toast,
section.inecpf[data-pantalla="membresias"] #r .p-per-toast,
section.inecpf[data-pantalla="membresias"] #r .inecpf-toast{
  display: none;
  width: fit-content;
  max-width: 90%;
  margin: 24px auto 0;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #111827;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

section.inecpf[data-pantalla="membresias"] .p-per-toast.inecpf-visible,
section.inecpf[data-pantalla="membresias"] .inecpf-toast.inecpf-visible,
section.inecpf[data-pantalla="membresias"] #r .p-per-toast.inecpf-visible,
section.inecpf[data-pantalla="membresias"] #r .inecpf-toast.inecpf-visible{
  display: block;
}

section.inecpf[data-pantalla="membresias"] .inecpf-mem-paginacion,
section.inecpf[data-pantalla="membresias"] #r .inecpf-mem-paginacion{
  text-align: center;
  margin-top: 24px;
}

/* Modo oscuro */
html.inec-oscuro section.inecpf[data-pantalla="membresias"] .p-per-plan-card,
html.inec-oscuro section.inecpf[data-pantalla="membresias"] .inecpf-plan-card,
section.inecpf[data-pantalla="membresias"] body.oscuro #r .p-per-plan-card,
section.inecpf[data-pantalla="membresias"] body.oscuro #r .inecpf-plan-card{
  background: #1f2937;
  border-color: #374151;
}

html.inec-oscuro section.inecpf[data-pantalla="membresias"] .p-per-plan-card.p-per-activa,
html.inec-oscuro section.inecpf[data-pantalla="membresias"] .inecpf-plan-card.inecpf-activa,
section.inecpf[data-pantalla="membresias"] body.oscuro #r .p-per-plan-card.p-per-activa,
section.inecpf[data-pantalla="membresias"] body.oscuro #r .inecpf-plan-card.inecpf-activa{
  border-color: var(--sb-activo-color, var(--inec-marca, #f16645));
}

html.inec-oscuro section.inecpf[data-pantalla="membresias"] .p-per-toast,
html.inec-oscuro section.inecpf[data-pantalla="membresias"] .inecpf-toast,
section.inecpf[data-pantalla="membresias"] body.oscuro #r .p-per-toast,
section.inecpf[data-pantalla="membresias"] body.oscuro #r .inecpf-toast{
  color: #111827;
  background: #e8eaed;
}

/* Responsivo */
@media (max-width: 900px) {
  section.inecpf[data-pantalla="membresias"] .p-per-planes-rejilla,
  section.inecpf[data-pantalla="membresias"] .inecpf-planes-rejilla,
  section.inecpf[data-pantalla="membresias"] #r .p-per-planes-rejilla,
  section.inecpf[data-pantalla="membresias"] #r .inecpf-planes-rejilla{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  section.inecpf[data-pantalla="membresias"] .p-per-planes-rejilla,
  section.inecpf[data-pantalla="membresias"] .inecpf-planes-rejilla,
  section.inecpf[data-pantalla="membresias"] #r .p-per-planes-rejilla,
  section.inecpf[data-pantalla="membresias"] #r .inecpf-planes-rejilla{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  section.inecpf[data-pantalla="membresias"] .p-per-plan-card,
  section.inecpf[data-pantalla="membresias"] .inecpf-plan-card,
  section.inecpf[data-pantalla="membresias"] #r .p-per-plan-card,
  section.inecpf[data-pantalla="membresias"] #r .inecpf-plan-card{
    padding: 20px 16px;
  }
}

section.inecpf[data-pantalla="mensajes"] .inecpf-wrap {
    display: flex;
    flex-direction: column;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-layout {
    display: flex;
    border: 1px solid var(--inec-borde, #e5e7eb);
    border-radius: 12px;
    background: var(--inec-fondo, #ffffff);
    height: 600px;
    overflow: hidden;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-lista {
    width: 250px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--inec-borde, #e5e7eb);
    overflow-y: auto;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border: none;
    border-bottom: 1px solid var(--inec-borde, #e5e7eb);
    background: transparent;
    text-align: left;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
    width: 100%;
    color: inherit;
    font: inherit;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-item:hover {
    background: var(--inec-fondo-secundario, #f9fafb);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-item.inecpf-activo {
    background: var(--inec-fondo-secundario, #f9fafb);
    border-radius: 8px;
    border-bottom: none;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-item-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-cab {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-remitente {
    font-weight: 600; font-size: 13px;
    color: var(--inec-texto, #111827);
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-fecha {
    font-size: 11px;
    color: var(--inec-texto-secundario, #6b7280);
    flex-shrink: 0;
    white-space: nowrap;
    padding-right: 14px;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-asunto {
    font-size: 12px; font-weight: 600;
    color: var(--inec-texto, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-msg-extracto {
    font-size: 12px;
    color: var(--inec-texto-secundario, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-dot {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--inec-marca, #2563eb);
}

section.inecpf[data-pantalla="mensajes"] .inecpf-sin-leer .inecpf-msg-remitente {
    font-weight: 700;
}

section.inecpf[data-pantalla="mensajes"] .inecpf-chat-col {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-chat-cab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--inec-borde, #e5e7eb);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-chat-nombre {
    font-weight: 600; font-size: 13px;
    color: var(--inec-texto, #111827);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-chat-sub {
    font-size: 13px;
    color: var(--inec-texto-secundario, #6b7280);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-btn-borrar {
    background: transparent;
    border: none;
    color: var(--inec-texto-secundario, #6b7280);
    cursor: pointer;
    font-size: 1.2em;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    opacity: 0.5;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-btn-borrar:hover {
    background: var(--inec-fondo-secundario, #f3f4f6);
    color: var(--inec-error, #dc2626);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-chat-burbujas {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-burbuja {
    max-width: 80%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 14px;
    border-radius: 12px;
    background: var(--inec-fondo-secundario, #f3f4f6);
    align-self: flex-start;
    overflow-wrap: anywhere;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-burbuja-out {
    align-self: flex-end;
    background: var(--inec-marca, #2563eb);
    color: #ffffff;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-burbuja-hora {
    font-size: 12px; font-weight: 600;
    color: rgba(0,0,0,0.5);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-burbuja-out .inecpf-burbuja-hora {
    color: rgba(255,255,255,0.8);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-chat-pie {
    padding: 12px 16px;
    border-top: 1px solid var(--inec-borde, #e5e7eb);
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-chat-input {
    flex: 1;
    min-width: 0;
    height: 40px;
    padding: 0 16px;
    border: 1px solid var(--inec-borde, #e5e7eb);
    border-radius: 20px;
    outline: none;
    font-size: 14px;
}
section.inecpf[data-pantalla="mensajes"] .inecpf-chat-input:focus {
    border-color: var(--inec-marca, #2563eb);
}
section.inecpf[data-pantalla="mensajes"] .inecpf-btn-volver {
    display: none;
}

@media (max-width: 768px) {
    section.inecpf[data-pantalla="mensajes"] .inecpf-msg-layout {
        flex-direction: column;
        gap: 0;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-msg-lista {
        width: 100%;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-chat-col {
        width: 100%;
        border: none;
        border-radius: 0;
        display: none;
        height: 100%;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-msg-layout {
        height: auto;
        border: none;
        border-radius: 0;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-modo-chat .inecpf-msg-lista {
        display: none;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-modo-chat .inecpf-chat-col {
        display: flex;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-btn-volver {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        border: none;
        border-radius: 999px;
        background: transparent;
        color: var(--inec-texto, #111827);
        font-size: 20px;
        box-shadow: none;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-chat-cab {
        padding: 12px 0;
    }
    section.inecpf[data-pantalla="mensajes"] .inecpf-chat-pie {
        padding: 12px 0;
    }
}






/* miembros.css - Réplica fiel del mockup para la pantalla de Miembros (Todos los miembros) */
section.inecpf[data-pantalla="miembros"] .p-per-wrap,
section.inecpf[data-pantalla="miembros"] .inecpf-wrap,
section.inecpf[data-pantalla="miembros"] #r .p-per-wrap,
section.inecpf[data-pantalla="miembros"] #r .inecpf-wrap{
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="miembros"] .p-per-persona-rejilla,
section.inecpf[data-pantalla="miembros"] .inecpf-persona-rejilla,
section.inecpf[data-pantalla="miembros"] .inecpf-tarjetas,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-rejilla,
section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-rejilla,
section.inecpf[data-pantalla="miembros"] #r .inecpf-tarjetas{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="miembros"] .p-per-persona-card,
section.inecpf[data-pantalla="miembros"] .inecpf-persona-card,
section.inecpf[data-pantalla="miembros"] .inecpf-tarjeta,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-card,
section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-card,
section.inecpf[data-pantalla="miembros"] #r .inecpf-tarjeta{
  border: 0.8px solid var(--c-borde, var(--inec-borde, #e5e7eb));
  border-radius: 16px;
  background: var(--sb-fondo, var(--inec-fondo, #ffffff));
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="miembros"] .p-per-persona-nom,
section.inecpf[data-pantalla="miembros"] .inecpf-persona-nom,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-nom,
section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-nom{
  font-size: 15px;
  font-weight: 600;
  color: var(--sb-item-color, var(--inec-texto, #1d1d1f));
  margin: 0;
  line-height: 1.3;
  overflow-wrap: anywhere;
  word-break: break-word;
}

section.inecpf[data-pantalla="miembros"] .inecpf-enlace,
section.inecpf[data-pantalla="miembros"] #r .inecpf-enlace{
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;
}
section.inecpf[data-pantalla="miembros"] a.inecpf-enlace:hover,
section.inecpf[data-pantalla="miembros"] #r a.inecpf-enlace:hover{
  text-decoration: underline;
}

section.inecpf[data-pantalla="miembros"] .p-per-persona-rol,
section.inecpf[data-pantalla="miembros"] .inecpf-persona-rol,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-rol,
section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-rol{
  margin: 0;
  font-size: 12px;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
}

section.inecpf[data-pantalla="miembros"] .p-per-persona-cursos,
section.inecpf[data-pantalla="miembros"] .inecpf-persona-cursos,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-cursos,
section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-cursos{
  font-size: 12px;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
}

section.inecpf[data-pantalla="miembros"] .p-per-persona-accion,
section.inecpf[data-pantalla="miembros"] .inecpf-persona-accion,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-accion,
section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-accion{
  margin-top: 8px;
  width: 100%;
}

section.inecpf[data-pantalla="miembros"] .p-per-persona-accion .inecpf-boton,
section.inecpf[data-pantalla="miembros"] .p-per-persona-accion button,
section.inecpf[data-pantalla="miembros"] .p-per-persona-accion a,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-accion .inecpf-boton,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-accion button,
section.inecpf[data-pantalla="miembros"] #r .p-per-persona-accion a{
  width: 100%;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="miembros"] .inecpf-paginacion,
section.inecpf[data-pantalla="miembros"] #r .inecpf-paginacion{
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

/* Reglas de soporte para filtros interactivos */
section.inecpf[data-pantalla="miembros"] .inecpf-filtro-wrap,
section.inecpf[data-pantalla="miembros"] #r .inecpf-filtro-wrap{
  position: relative;
  display: inline-flex;
}

section.inecpf[data-pantalla="miembros"] .inecpf-filtro-menu,
section.inecpf[data-pantalla="miembros"] #r .inecpf-filtro-menu{
  position: absolute;
  z-index: 100;
  top: calc(100% + 6px);
  left: 0;
  min-width: 170px;
  padding: 6px;
  border: 1px solid var(--inec-borde, #e4e4e7);
  border-radius: 12px;
  color: var(--inec-texto, #1d1d1f);
  background: var(--inec-fondo, #ffffff);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

section.inecpf[data-pantalla="miembros"] .inecpf-filtro-menu .inecpf-menu-item,
section.inecpf[data-pantalla="miembros"] #r .inecpf-filtro-menu .inecpf-menu-item{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  color: inherit;
  background: transparent;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="miembros"] .inecpf-filtro-menu .inecpf-menu-item:hover,
section.inecpf[data-pantalla="miembros"] #r .inecpf-filtro-menu .inecpf-menu-item:hover{
  background: var(--inec-fondo-suave, #f2f3f5);
}

section.inecpf[data-pantalla="miembros"] .inecpf-filtro-menu .inecpf-menu-item.activo,
section.inecpf[data-pantalla="miembros"] #r .inecpf-filtro-menu .inecpf-menu-item.activo{
  font-weight: 600;
  color: var(--inec-marca, #f16645);
}

/* Scroll horizontal seguro para tabs y filtros */
section.inecpf[data-pantalla="miembros"] [data-scroll-x],
section.inecpf[data-pantalla="miembros"] #r [data-scroll-x]{
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  section.inecpf[data-pantalla="miembros"] .p-per-persona-rejilla,
  section.inecpf[data-pantalla="miembros"] .inecpf-persona-rejilla,
  section.inecpf[data-pantalla="miembros"] .inecpf-tarjetas,
  section.inecpf[data-pantalla="miembros"] #r .p-per-persona-rejilla,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-rejilla,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-tarjetas{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  section.inecpf[data-pantalla="miembros"] .p-per-persona-card,
  section.inecpf[data-pantalla="miembros"] .inecpf-persona-card,
  section.inecpf[data-pantalla="miembros"] .inecpf-tarjeta,
  section.inecpf[data-pantalla="miembros"] #r .p-per-persona-card,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-persona-card,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-tarjeta{
    padding: 16px 10px;
  }

  section.inecpf[data-pantalla="miembros"] .inecpf-cabecera,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-cabecera{
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  section.inecpf[data-pantalla="miembros"] .inecpf-cabecera-tit,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-cabecera-tit{
    width: 100%;
    min-width: 0;
  }

  section.inecpf[data-pantalla="miembros"] .inecpf-cabecera-acciones,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-cabecera-acciones{
    width: 100%;
    min-width: 0;
    margin-left: 0;
    gap: 10px;
  }

  section.inecpf[data-pantalla="miembros"] .inecpf-barra,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-barra{
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    gap: 10px;
  }

  section.inecpf[data-pantalla="miembros"] .inecpf-buscar,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-buscar{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  section.inecpf[data-pantalla="miembros"] .inecpf-buscar input,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-buscar input{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  section.inecpf[data-pantalla="miembros"] .inecpf-filtros,
  section.inecpf[data-pantalla="miembros"] #r .inecpf-filtros{
    max-width: 100%;
    min-width: 0;
    gap: 8px;
    box-sizing: border-box;
  }
}

section.inecpf[data-pantalla="perfil"] .p-per-wrap { width: 100%; min-width: 0; }
section.inecpf[data-pantalla="perfil"] .p-per-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; min-width: 0; }
section.inecpf[data-pantalla="perfil"] .p-per-stats-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; min-width: 0; margin-bottom: 24px; }

/* Tarjeta curso */
section.inecpf[data-pantalla="perfil"] .p-rejilla {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  min-width: 0;
}
section.inecpf[data-pantalla="perfil"] .p-tarjeta-curso {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 0.8px solid var(--c-borde, #e5e7eb);
  border-radius: 16px;
  background: var(--sb-fondo, #ffffff);
  display: flex;
  flex-direction: column;
  height: 100%;
  cursor: pointer;
}
section.inecpf[data-pantalla="perfil"] .p-curso-imagen {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  background: var(--sb-hover, #f2f3f5);
}
section.inecpf[data-pantalla="perfil"] .p-curso-imagen > svg {
  display: block;
  width: 100%;
  height: 100%;
}
section.inecpf[data-pantalla="perfil"] .p-curso-avatar {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
}
section.inecpf[data-pantalla="perfil"] .p-curso-cuerpo {
  padding: 10px 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
}
section.inecpf[data-pantalla="perfil"] .p-curso-titulo {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  color: var(--sb-item-color, #1d1d1f);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  min-height: 34px;
  max-height: 34px;
}
section.inecpf[data-pantalla="perfil"] .p-curso-titulo-enlace {
  text-decoration: none;
}
section.inecpf[data-pantalla="perfil"] .p-curso-pie {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-content: center;
  margin-top: auto;
  padding: 8px 10px 10px;
  row-gap: 8px;
  column-gap: 6px;
  border-top: 0.8px solid var(--c-borde, #e5e7eb);
}
section.inecpf[data-pantalla="perfil"] .p-curso-pie .p-progreso {
  grid-column: 1 / -1;
  grid-row: 2;
  height: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--inec-marca, #f16645) 15%, transparent);
  overflow: hidden;
}
section.inecpf[data-pantalla="perfil"] .p-curso-pie .p-progreso span {
  display: block;
  height: 100%;
  background: var(--inec-marca, #f16645);
}
section.inecpf[data-pantalla="perfil"] .p-curso-pct {
  font-size: 11px;
  color: var(--sb-sub-color, #6e6e73);
}
section.inecpf[data-pantalla="perfil"] .p-curso-accion {
  justify-self: end;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: var(--sb-activo-color, #0056b3);
  text-decoration: none;
}

@media (max-width: 768px) {
  section.inecpf[data-pantalla="perfil"] .p-per-stats-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  section.inecpf[data-pantalla="perfil"] .p-per-grid-2 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* pantallas/puntos.css - Módulo inecperfil: puntos */
section.inecpf[data-pantalla="puntos"] .p-per-wrap,
section.inecpf[data-pantalla="puntos"] .inecpf-wrap,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-wrap,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-wrap{
  width: 100%;
  min-width: 0;
}

section.inecpf[data-pantalla="puntos"] .p-per-stats-3,
section.inecpf[data-pantalla="puntos"] .inecpf-stats-3,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  min-width: 0;
  margin-bottom: 24px;
}

section.inecpf[data-pantalla="puntos"] .inecpf-panel-progreso,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-panel-progreso{
  margin-bottom: 24px;
  padding: 20px;
  border: 0.8px solid var(--inec-borde, #e4e4e7);
  border-radius: 16px;
  background: var(--inec-fondo, #ffffff);
}

section.inecpf[data-pantalla="puntos"] .inecpf-progreso-cab,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-progreso-cab{
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--inec-texto, #1d1d1f);
}

section.inecpf[data-pantalla="puntos"] .inecpf-progreso,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-progreso,
section.inecpf[data-pantalla="puntos"] .p-progreso,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-progreso{
  min-width: 60px;
  width: 100%;
}

section.inecpf[data-pantalla="puntos"] .inecpf-progreso-via,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-progreso-via,
section.inecpf[data-pantalla="puntos"] .p-progreso-via,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-progreso-via{
  height: 6px;
  overflow: hidden;
  border-radius: 900px;
  background: var(--inec-fondo-suave, #f2f3f5);
}

section.inecpf[data-pantalla="puntos"] .inecpf-progreso-barra,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-progreso-barra,
section.inecpf[data-pantalla="puntos"] .p-progreso-barra,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-progreso-barra{
  height: 100%;
  border-radius: inherit;
  background: var(--inec-marca, #f16645);
}

section.inecpf[data-pantalla="puntos"] .inecpf-tabla-wrap,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla-wrap{
  width: 100%;
  overflow-x: auto;
  border: 0.8px solid var(--inec-borde, #e4e4e7);
  border-radius: 12px;
  background: var(--inec-fondo, #ffffff);
  margin-bottom: 24px;
}

section.inecpf[data-pantalla="puntos"] .inecpf-tabla,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla{
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}

section.inecpf[data-pantalla="puntos"] .inecpf-tabla th,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla th{
  padding: 12px 14px;
  color: var(--inec-texto-suave, #636363);
  background: var(--inec-fondo-suave, #f2f3f5);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

section.inecpf[data-pantalla="puntos"] .inecpf-tabla td,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla td{
  height: 52px;
  padding: 10px 14px;
  border-bottom: 0.8px solid var(--inec-borde, #e4e4e7);
  font-size: 14px;
  vertical-align: middle;
}

section.inecpf[data-pantalla="puntos"] .inecpf-tabla tbody tr:last-child td,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla tbody tr:last-child td{
  border-bottom: 0;
}

section.inecpf[data-pantalla="puntos"] .inecpf-tabla tbody tr:hover,
section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla tbody tr:hover{
  background: var(--inec-fondo-suave, #f2f3f5);
}

/* Compatibilidad */
section.inecpf[data-pantalla="puntos"] .inecpf-saldo { font-size: 2.25rem; font-weight: 700; color: var(--inec-marca, #f16645); }
section.inecpf[data-pantalla="puntos"] .inecpf-fila { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 0.8px solid var(--inec-borde, #e5e7eb); min-width: 0; }
section.inecpf[data-pantalla="puntos"] .inecpf-fila > div { min-width: 0; overflow-wrap: anywhere; }
section.inecpf[data-pantalla="puntos"] .inecpf-pos { color: var(--inec-marca, #f16645); }
section.inecpf[data-pantalla="puntos"] .inecpf-neg { color: #b42318; }
html.inec-oscuro .inecpf-neg { color: #f97066; }

/* Modo oscuro */
html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-panel-progreso,
html.inec-oscuro [data-pantalla="puntos"] .inecpf-panel-progreso,
html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-tabla-wrap,
html.inec-oscuro [data-pantalla="puntos"] .inecpf-tabla-wrap {
  background: #1f2937;
  border-color: #374151;
}

html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-progreso-via,
html.inec-oscuro [data-pantalla="puntos"] .inecpf-progreso-via {
  background: #374151;
}

html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-progreso-cab,
html.inec-oscuro [data-pantalla="puntos"] .inecpf-progreso-cab {
  color: #e5e7eb;
}

html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-tabla th,
html.inec-oscuro [data-pantalla="puntos"] .inecpf-tabla th {
  background: #111827;
  color: #9ca3af;
}

html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-tabla td,
html.inec-oscuro [data-pantalla="puntos"] .inecpf-tabla td {
  border-bottom-color: #374151;
  color: #e5e7eb;
}

html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-tabla tbody tr:hover,
html.inec-oscuro [data-pantalla="puntos"] .inecpf-tabla tbody tr:hover {
  background: #1f2937;
}

/* Móvil (<= 768px) */
@media (max-width: 768px) {
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3,
  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3{
    grid-template-columns: 1fr;
    gap: 0;
    border: 0.8px solid var(--inec-borde, #e4e4e7);
    border-radius: 12px;
    background: var(--inec-fondo, #ffffff);
    overflow: hidden;
    margin-bottom: 16px;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat,
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat{
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    grid-template-areas: "ico lab val" "ico lab delta";
    align-items: center;
    padding: 12px 14px;
    border: 0;
    border-bottom: 0.8px solid var(--inec-borde, #e4e4e7);
    border-radius: 0;
    height: auto;
    box-shadow: none;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat:last-child,
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat:last-child,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat:last-child,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat:last-child{
    border-bottom: 0;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab,
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab{
    display: contents;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab span,
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab span,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab span,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab span{
    grid-area: lab;
    display: block;
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--inec-texto, #1d1d1f);
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab .inecpf-ico,
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab .p-ico,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab .inecpf-ico,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab .p-ico{
    grid-area: ico;
    width: 16px;
    height: 16px;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-valor,
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat-valor,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-valor,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat-valor{
    grid-area: val;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    text-align: right;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-delta,
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat-delta,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-delta,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat-delta{
    grid-area: delta;
    margin: 0;
    text-align: right;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat:not(:has(.inecpf-stat-delta)),
  section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat:not(:has(.p-stat-delta)),
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat:not(:has(.inecpf-stat-delta)),
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .p-per-stats-3 .p-stat:not(:has(.p-stat-delta)){
    grid-template-areas: "ico lab val" "ico lab val";
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-panel-progreso,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-panel-progreso{
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 12px;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-progreso-via,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-progreso-via{
    height: 4px;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-tabla th,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla th{
    font-size: 12px;
    padding: 8px 10px;
    white-space: nowrap;
  }

  section.inecpf[data-pantalla="puntos"] .inecpf-tabla td,
  section.inecpf[data-pantalla="puntos"] [data-pantalla="puntos"] .inecpf-tabla td{
    font-size: 13px;
    padding: 8px 10px;
    height: auto;
    min-height: 44px;
    white-space: nowrap;
  }

  html.inec-oscuro section.inecpf[data-pantalla="puntos"] .p-per-stats-3,
  html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-stats-3,
  html.inec-oscuro [data-pantalla="puntos"] .p-per-stats-3,
  html.inec-oscuro [data-pantalla="puntos"] .inecpf-stats-3 {
    background: #1f2937;
    border-color: #374151;
  }

  html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat,
  html.inec-oscuro section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat,
  html.inec-oscuro [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat,
  html.inec-oscuro [data-pantalla="puntos"] .p-per-stats-3 .p-stat {
    border-bottom-color: #374151;
  }

  html.inec-oscuro section.inecpf[data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab span,
  html.inec-oscuro section.inecpf[data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab span,
  html.inec-oscuro [data-pantalla="puntos"] .inecpf-stats-3 .inecpf-stat-cab span,
  html.inec-oscuro [data-pantalla="puntos"] .p-per-stats-3 .p-stat-cab span {
    color: #e5e7eb;
  }
}

/* inecperfil: pantalla seguidores (Rise 360) */
section.inecpf[data-pantalla="seguidores"] .p-per-wrap,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"].p-per-wrap,
section.inecpf[data-pantalla="seguidores"] .inecpf-wrap,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"].inecpf-wrap{
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="seguidores"] .p-cabecera,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-cabecera{
  margin-bottom: 24px;
}

section.inecpf[data-pantalla="seguidores"] .p-tabs,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-tabs{
  margin-bottom: 20px;
}

section.inecpf[data-pantalla="seguidores"] .p-barra,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-barra{
  margin-bottom: 20px;
}

/* Rejilla de tarjetas de persona */
section.inecpf[data-pantalla="seguidores"] .p-per-persona-rejilla,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-rejilla,
section.inecpf[data-pantalla="seguidores"] .inecpf-tarjetas,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-tarjetas{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  min-width: 0;
  box-sizing: border-box;
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-card,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-card,
section.inecpf[data-pantalla="seguidores"] .inecpf-tarjeta,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-tarjeta{
  border: 0.8px solid var(--c-borde, var(--inec-borde, #e4e4e7));
  border-radius: 16px;
  background: var(--sb-fondo, var(--inec-fondo, #ffffff));
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-nom,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-nom{
  font-size: 15px;
  font-weight: 600;
  color: var(--sb-item-color, var(--inec-texto, #1d1d1f));
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-nom .inecpf-enlace,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-nom .inecpf-enlace{
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-nom .inecpf-enlace:hover,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-nom .inecpf-enlace:hover{
  text-decoration: underline;
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-rol,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-rol{
  margin: 0;
  font-size: 12px;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-cursos,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-cursos{
  font-size: 12px;
  color: var(--sb-sub-color, var(--inec-texto-suave, #636363));
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-accion,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-accion,
section.inecpf[data-pantalla="seguidores"] .inecpf-tarjeta-acc,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-tarjeta-acc{
  margin-top: 8px;
  width: 100%;
  display: flex;
  justify-content: center;
}

section.inecpf[data-pantalla="seguidores"] .p-per-persona-accion .inecpf-boton,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-accion .inecpf-boton,
section.inecpf[data-pantalla="seguidores"] .p-per-persona-accion button,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-accion button{
  width: 100%;
}

/* Ver más pagination */
section.inecpf[data-pantalla="seguidores"] .inecpf-paginacion,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-paginacion{
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

/* Toast */
section.inecpf[data-pantalla="seguidores"] .inecpf-toast,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-toast{
  display: none;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #1f2937;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 1000;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

section.inecpf[data-pantalla="seguidores"] .inecpf-toast.inecpf-visible,
section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-toast.inecpf-visible{
  display: block;
}

/* Modo oscuro */
html.inec-oscuro section.inecpf[data-pantalla="seguidores"] .p-per-persona-card,
section.inecpf[data-pantalla="seguidores"] body.oscuro section.inecpf[data-pantalla="seguidores"] .p-per-persona-card,
html.inec-oscuro [data-pantalla="seguidores"] .p-per-persona-card,
section.inecpf[data-pantalla="seguidores"] body.oscuro [data-pantalla="seguidores"] .p-per-persona-card{
  background: var(--sb-fondo, #1f2937);
  border-color: var(--c-borde, #374151);
}

/* Breakpoint móvil max-width 768px */
@media (max-width: 768px) {
  section.inecpf[data-pantalla="seguidores"] .p-per-persona-rejilla,
  section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-rejilla,
  section.inecpf[data-pantalla="seguidores"] .inecpf-tarjetas,
  section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-tarjetas{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  section.inecpf[data-pantalla="seguidores"] .p-per-persona-card,
  section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-card,
  section.inecpf[data-pantalla="seguidores"] .inecpf-tarjeta,
  section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .inecpf-tarjeta{
    padding: 16px 10px;
    border-radius: 12px;
  }

  section.inecpf[data-pantalla="seguidores"] .p-per-persona-nom,
  section.inecpf[data-pantalla="seguidores"] [data-pantalla="seguidores"] .p-per-persona-nom{
    font-size: 13px;
  }
}