.inecag{--ag-poster:160px;--ag-h1:26px;--ag-fondo:var(--inec-fondo,#fff);--ag-tarjeta:var(--inec-tarjeta,#fff);--ag-borde:var(--inec-borde,rgba(0,0,0,.12));--ag-texto:var(--inec-texto,#111827);--ag-mute:var(--inec-mute,#6b7280);--ag-suave:rgba(127,127,127,.08);--ag-marca:var(--inec-marca,#f16645);--ag-error:#dc2626;display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0 0 24px;color:var(--ag-texto);font:inherit;float:none;clear:both}
html.inec-oscuro .inecag,body.oscuro .inecag{--ag-fondo:var(--inec-fondo,#0f172a);--ag-tarjeta:var(--inec-tarjeta,#1e293b);--ag-borde:var(--inec-borde,rgba(255,255,255,.12));--ag-texto:var(--inec-texto,#f1f5f9);--ag-mute:var(--inec-mute,#94a3b8);--ag-suave:rgba(255,255,255,.06)}
.inecag *{box-sizing:border-box}
html[data-inecadmcurso-escritorio] .vibebp_main>.course_manage,html[data-inecadmcurso-movil] .vibebp_main>.course_manage{display:none!important}
/* La flecha nativa duplica «Cursos» del panel; se oculta, el clic programático sigue llegando. */
html[data-inecadmcurso-escritorio] .vibebp_main>.vicon-arrow-left,html[data-inecadmcurso-movil] .vibebp_main>.vicon-arrow-left{display:none!important}
html[data-inecag-paso] .vibebp_main>.course_manage{display:block!important}
html[data-inecag-paso] .vibebp_main>.course_manage>*:not(.course_tab_content){display:none!important}
html[data-inecag-paso] .inecag-cuerpo{display:none}
.inecag-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.inecag-barra-der{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inecag-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:.8px solid transparent;border-radius:8px;background:transparent;color:var(--ag-texto);font:inherit;font-size:14px;font-weight:500;cursor:pointer;line-height:1;box-sizing:border-box}
.inecag-btn:disabled{opacity:.5;cursor:not-allowed}
.inecag-btn-sec{border-color:var(--ag-texto);border-radius:900px;background:transparent;font-weight:600;color:var(--ag-texto)}
.inecag-btn-sec:hover:not(:disabled){filter:brightness(.96);background:var(--ag-suave)}
.inecag-btn-fant:hover:not(:disabled){background:rgba(127,127,127,.12)}
.inecag-btn-prim{height:38px;background:var(--ag-marca);color:#fff;font-weight:600;border:0}
.inecag-btn-prim:hover:not(:disabled){filter:brightness(.96)}
.inecag-btn-ic{padding:0;width:36px;height:36px;justify-content:center;border:.8px solid var(--ag-borde);background:var(--ag-tarjeta);border-radius:8px;color:var(--ag-texto)}
.inecag-btn:focus-visible,.inecag-tab:focus-visible,.inecag-item:focus-visible{outline:2px solid var(--ag-marca);outline-offset:2px}
.inecag-mas{position:relative;display:inline-flex}
.inecag-menu{position:absolute;right:0;top:46px;z-index:30;min-width:180px;padding:6px;border:1px solid var(--ag-borde);border-radius:12px;background:var(--ag-tarjeta);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.inecag-menu[hidden]{display:none}
/* En móvil el ⋯ cae a la izquierda al partirse la barra: el menú se ancla a la barra para no salirse. */
@media (max-width:760px){.inecag-barra{position:relative}.inecag-mas{position:static}.inecag-menu{left:0;right:0;top:100%;min-width:0}}
.inecag-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--ag-texto);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.inecag-item:hover{background:rgba(127,127,127,.12)}
.inecag-item-error{color:var(--ag-error)}
.inecag-tarjeta{display:flex;gap:24px;align-items:flex-start;padding:20px;border:.8px solid var(--ag-borde);border-radius:16px;background:var(--ag-tarjeta)}
.inecag-poster{flex:0 0 var(--ag-poster);width:var(--ag-poster);height:var(--ag-poster);border-radius:12px;overflow:hidden;background:rgba(127,127,127,.15);display:flex;align-items:center;justify-content:center;color:var(--ag-mute)}
.inecag-poster img{width:100%;height:100%;object-fit:cover;display:block}
.inecag-poster-ic{width:40px;height:40px}
.inecag-info{min-width:0;flex:1}
.inecag-meta{font-size:13px;font-weight:500;color:var(--ag-mute);margin:0 0 6px}
section.inecag h1.inecag-h1,.inecag h1.inecag-h1,.inecag .inecag-h1{margin:0 0 12px;font-size:var(--ag-h1);font-weight:600;line-height:1.25;color:var(--ag-texto);letter-spacing:-.01em;text-transform:none;background:transparent;border:0;padding:0;box-shadow:none;overflow-wrap:anywhere}
.inecag-datos{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;color:var(--ag-mute)}
.inecag-dato{display:inline-flex;align-items:center;gap:6px}
.inecag-hero-precio{font-weight:600;color:var(--ag-texto)}
.inecag-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;background:#eee;color:#4b4b4b}
.inecag-pill-ok{background:#e3f6e5;color:#1e7b34}
.inecag-pill-aviso{background:#fff4d6;color:#8a5a00}
html.inec-oscuro .inecag-pill-aviso{background:rgba(138,90,0,.2);color:#fff4d6}
.inecag-carga .inecag-h1,.inecag-carga .inecag-meta{background:rgba(127,127,127,.15);border-radius:6px;width:60%}
/* float:none: el tema trae nav{float:right} y el cuerpo de la pestaña se metía al lado (o encima, en móvil). */
.inecag-tabs{display:flex;float:none;clear:both;align-items:center;gap:4px;margin:20px 0 37px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.inecag-tab{display:inline-flex;align-items:center;gap:8px;flex:none;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--ag-mute);font:inherit;font-size:14px;line-height:1.25;font-weight:500;cursor:pointer;white-space:nowrap}
.inecag-tab:hover{background:rgba(127,127,127,.12)}
.inecag-tab svg{width:18px;height:18px;flex:none;color:var(--ag-texto)}
.inecag-tab[aria-selected="true"]{background:#f4f5f6;color:var(--ag-texto);font-weight:600}
html.inec-oscuro .inecag-tab[aria-selected="true"],body.oscuro .inecag-tab[aria-selected="true"]{background:rgba(255,255,255,.08)}
.inecag-n{color:var(--ag-mute);font-size:12px;font-weight:500}
.inecag-cuerpo{margin-top:20px;min-height:120px}
.inecag-aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:var(--ag-texto);color:var(--ag-fondo);font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.inecag-aviso[hidden]{display:none}
.inecag-aviso[data-tono="error"]{background:var(--ag-error);color:#fff}
@media (max-width:760px){
.inecag-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.inecag-tabs::-webkit-scrollbar{display:none}
.inecag-tab{padding:6px 10px;font-size:13px;gap:6px}
.inecag-tab svg{width:16px;height:16px}
.inecag-tab:not([aria-selected="true"])>span{display:none}
.inecag-tab[aria-selected="true"]{padding:6px 12px}
.inecag-tarjeta{align-items:center;text-align:center;flex-direction:column;gap:24px;padding:20px}
.inecag-datos{justify-content:center}
.inecag{--ag-h1:20px}
section.inecag h1.inecag-h1{line-height:1.2}
.inecag-meta{font-size:12px;line-height:1.3}
.inecag-poster{flex:0 0 auto;width:min(var(--ag-poster),100%);height:auto;aspect-ratio:1/1}
.inecag-barra{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}
section.inecag .inecag-panel-cab>h2{padding:10px 0 6px}
section.inecag .inecag-barra>.inecag-btn.inecag-btn-fant:not(.inecag-btn-ic):not(.inecag-btn-peq){align-self:flex-start;height:31px;min-height:31px;padding:0 10px;font-size:14px}
.inecag-barra-der{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.inecag-btn span{white-space:nowrap}
}

/* MU/modulos/inecadmcurso/pestanas/alumnos.css — Pestaña Alumnos alineada con mockup Rise 360 */
section.inecag,
.inecag {
  --ag-borde: var(--inec-borde, rgba(0,0,0,.12));
  --ag-suave: var(--inec-suave, rgba(0,0,0,.04));
  --ag-tarjeta: var(--inec-tarjeta, #ffffff);
  --ag-texto: var(--inec-texto, #1d1d1f);
  --ag-sub: var(--inec-sub, #6e6e73);
  --ag-marca: var(--inec-marca, #f16645);
  --ag-ok: #1e7b34;
  --ag-ok-bg: #e3f6e5;
  --ag-alerta: #8a5a00;
  --ag-alerta-bg: #fff4d6;
  --ag-mal: #b42318;
  --ag-mal-bg: #fde7e7;
}

html.inec-oscuro section.inecag,
html.inec-oscuro .inecag,
body.oscuro section.inecag,
body.oscuro .inecag {
  --ag-borde: rgba(255,255,255,.12);
  --ag-suave: rgba(255,255,255,.06);
  --ag-tarjeta: var(--inec-tarjeta, #1e293b);
  --ag-texto: #f1f5f9;
  --ag-sub: #94a3b8;
  --ag-ok: #6fd48a;
  --ag-ok-bg: rgba(30,123,52,.2);
  --ag-alerta: #fff4d6;
  --ag-alerta-bg: rgba(138,90,0,.2);
  --ag-mal: #fde7e7;
  --ag-mal-bg: rgba(180,35,24,.2);
}

/* Cabecera del panel Alumnos */
section.inecag .inecag-panel-cab,
.inecag .inecag-panel-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
section.inecag .inecag-panel-cab h2.inecag-h2,
.inecag .inecag-panel-cab h2.inecag-h2,
section.inecag h2.inecag-h2,
.inecag h2.inecag-h2 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--ag-texto);
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  letter-spacing: normal;
  text-transform: none;
}
section.inecag .inecag-panel-cab-der,
.inecag .inecag-panel-cab-der {
  display: flex;
  align-items: center;
  gap: 8px;
}
section.inecag .inecag-panel-cab-der .inecag-btn,
.inecag .inecag-panel-cab-der .inecag-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}
section.inecag .inecag-panel-cab-der .inecag-btn-sec,
.inecag .inecag-panel-cab-der .inecag-btn-sec {
  height: 36px;
  border: 0.8px solid var(--ag-texto);
  border-radius: 900px;
  color: var(--ag-texto);
  background: transparent;
  font-weight: 600;
}
section.inecag .inecag-panel-cab-der .inecag-btn-sec:hover,
.inecag .inecag-panel-cab-der .inecag-btn-sec:hover {
  background: var(--ag-suave);
}
section.inecag .inecag-panel-cab-der .inecag-btn-prim,
.inecag .inecag-panel-cab-der .inecag-btn-prim {
  height: 38px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: var(--ag-marca);
  font-weight: 600;
}
section.inecag .inecag-panel-cab-der .inecag-btn-prim:hover,
.inecag .inecag-panel-cab-der .inecag-btn-prim:hover {
  filter: brightness(.96);
}

/* Barra de herramientas */
section.inecag .inecag-alumnos-toolbar,
.inecag .inecag-alumnos-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
section.inecag .inecag-buscar,
.inecag .inecag-buscar {
  position: relative;
  flex: 0 1 300px;
  width: 300px;
  max-width: 100%;
  min-width: 140px;
}
section.inecag .inecag-buscar svg.inecag-ic,
.inecag .inecag-buscar svg.inecag-ic {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--ag-sub);
  pointer-events: none;
}
section.inecag .inecag-buscar input[type="search"],
.inecag .inecag-buscar input[type="search"],
section.inecag .inecag-buscar input,
.inecag .inecag-buscar input {
  width: 100%;
  height: 40px;
  min-height: 40px;
  border: 1px solid var(--ag-borde);
  border-radius: 6px;
  padding: 0 12px 0 38px;
  background: var(--ag-tarjeta);
  color: var(--ag-texto);
  font-size: 14px;
  line-height: 40px;
  outline: none;
  box-sizing: border-box;
  margin: 0;
  box-shadow: none;
}
section.inecag .inecag-buscar input::placeholder,
.inecag .inecag-buscar input::placeholder {
  color: var(--ag-sub);
  opacity: 1;
}
section.inecag .inecag-buscar input:focus,
.inecag .inecag-buscar input:focus {
  border-color: var(--ag-marca);
  box-shadow: 0 0 0 3px rgba(241,102,69,.25);
}
section.inecag .inecag-filtros,
.inecag .inecag-filtros {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
section.inecag select.inecag-filtro,
.inecag select.inecag-filtro {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  height: 40px;
  min-height: 40px;
  align-items: center;
  padding: 0 36px 0 14px;
  border: 1px solid var(--ag-borde);
  border-radius: 999px;
  color: var(--ag-texto);
  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;
  /* el tema trae .vibebp_myprofile select{background-color:var(--highlight)!important} */
  background-color: transparent !important;
  font-size: 14px;
  cursor: pointer;
  outline: 0;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  transition: background-color .15s, border-color .15s;
}
body.oscuro section.inecag select.inecag-filtro,
body.oscuro .inecag select.inecag-filtro,
html.inec-oscuro section.inecag select.inecag-filtro,
html.inec-oscuro .inecag select.inecag-filtro {
  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.inecag select.inecag-filtro:hover,
.inecag select.inecag-filtro:hover {
  background-color: var(--ag-suave);
}
section.inecag select.inecag-filtro:focus,
.inecag select.inecag-filtro:focus {
  border-color: var(--ag-marca);
  box-shadow: 0 0 0 3px rgba(241,102,69,.25);
}

/* Tabla de alumnos */
section.inecag .inecag-tabla-caja,
.inecag .inecag-tabla-caja {
  width: 100%;
  overflow-x: auto;
  border: 0.8px solid var(--ag-borde);
  border-radius: 12px;
  background: var(--ag-tarjeta);
  box-sizing: border-box;
  contain: inline-size;
}
section.inecag table.inecag-tabla,
.inecag table.inecag-tabla {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--ag-texto);
  font-size: 14px;
  background: transparent;
  border: 0;
  margin: 0;
}
section.inecag table.inecag-tabla th,
.inecag table.inecag-tabla th {
  padding: 12px 14px;
  color: var(--ag-sub);
  background: #f4f5f6;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .03em;
  border: 0;
  border-bottom: 0.8px solid var(--ag-borde);
  box-sizing: border-box;
  white-space: nowrap;
}
html.inec-oscuro section.inecag table.inecag-tabla th,
body.oscuro section.inecag table.inecag-tabla th {
  background: var(--ag-suave);
}
section.inecag table.inecag-tabla th.inecag-th-acc,
.inecag table.inecag-tabla th.inecag-th-acc {
  text-align: right;
}
section.inecag table.inecag-tabla td,
.inecag table.inecag-tabla td {
  height: 52px;
  padding: 10px 14px;
  border: 0;
  border-bottom: 0.8px solid var(--ag-borde);
  font-size: 14px;
  line-height: 1.4;
  vertical-align: middle;
  color: var(--ag-texto);
  box-sizing: border-box;
}
section.inecag table.inecag-tabla tbody tr:last-child td,
.inecag table.inecag-tabla tbody tr:last-child td {
  border-bottom: 0;
}
section.inecag table.inecag-tabla tbody tr:hover,
.inecag table.inecag-tabla tbody tr:hover {
  background: var(--ag-suave);
}
section.inecag .inecag-c-sel,
.inecag .inecag-c-sel {
  width: 44px;
  padding-left: 16px;
  padding-right: 8px;
  text-align: center;
}
section.inecag input[type="checkbox"],
.inecag input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--ag-marca);
  cursor: pointer;
  margin: 0;
  vertical-align: middle;
}

/* Información del alumno */
section.inecag .inecag-al,
.inecag .inecag-al {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 180px;
}
section.inecag .inecag-al-n,
.inecag .inecag-al-n {
  font-weight: 600;
  color: var(--ag-texto);
  line-height: 1.3;
}
section.inecag .inecag-al-c,
.inecag .inecag-al-c {
  font-size: 12px;
  color: var(--ag-sub);
  line-height: 1.3;
}
section.inecag .inecag-av,
.inecag .inecag-av {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  flex: none;
  overflow: hidden;
}
section.inecag .inecag-av-0, .inecag .inecag-av-0 { background: #f16645; }
section.inecag .inecag-av-1, .inecag .inecag-av-1 { background: #7b3fa0; }
section.inecag .inecag-av-2, .inecag .inecag-av-2 { background: #1aa3a3; }
section.inecag .inecag-av-3, .inecag .inecag-av-3 { background: #2c3e8f; }
section.inecag .inecag-av-4, .inecag .inecag-av-4 { background: #2a9fd8; }
section.inecag .inecag-av-5, .inecag .inecag-av-5 { background: #d9482a; }

/* Barra de progreso */
section.inecag .inecag-bar,
.inecag .inecag-bar {
  display: inline-block;
  width: 100px;
  height: 6px;
  border-radius: 900px;
  background: var(--ag-suave);
  vertical-align: middle;
  overflow: hidden;
}
section.inecag .inecag-bar > i,
.inecag .inecag-bar > i {
  display: block;
  height: 100%;
  width: calc(var(--p, 0) * 1%);
  border-radius: inherit;
  background: var(--ag-marca);
}
section.inecag .inecag-pct,
.inecag .inecag-pct {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ag-texto);
  vertical-align: middle;
}

/* Pill de estado */
section.inecag .p-pill,
.inecag .p-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;
  text-transform: lowercase;
}
section.inecag .p-pill-ok, .inecag .p-pill-ok { color: var(--ag-ok); background: var(--ag-ok-bg); }
section.inecag .p-pill-info, .inecag .p-pill-info { color: #d9482a; background: #fdece8; }
section.inecag .p-pill-alerta, .inecag .p-pill-alerta { color: var(--ag-alerta); background: var(--ag-alerta-bg); }
html.inec-oscuro section.inecag .p-pill-info,
html.inec-oscuro .inecag .p-pill-info,
body.oscuro section.inecag .p-pill-info,
body.oscuro .inecag .p-pill-info {
  color: #ff8a65;
  background: rgba(241,102,69,.2);
}

/* Botones de acción en fila */
section.inecag .inecag-c-acc,
.inecag .inecag-c-acc {
  white-space: nowrap;
  text-align: right;
}
section.inecag .inecag-acciones-fila,
.inecag .inecag-acciones-fila {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
section.inecag button.inecag-ico,
.inecag button.inecag-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border-radius: 8px;
  border: 0.8px solid var(--ag-borde);
  background: var(--ag-tarjeta);
  color: var(--ag-texto);
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
section.inecag button.inecag-ico:hover,
.inecag button.inecag-ico:hover {
  background: var(--ag-suave);
}
section.inecag button.inecag-ico.inecag-ico-del:hover,
.inecag button.inecag-ico.inecag-ico-del:hover {
  background: var(--ag-mal-bg);
  color: var(--ag-mal);
}

/* Barra de acciones masivas */
section.inecag .inecag-masiva,
.inecag .inecag-masiva,
section.inecag .p-cadm-bulk-bar,
.inecag .p-cadm-bulk-bar {
  position: sticky;
  bottom: 16px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 0.8px solid var(--ag-borde);
  background: var(--ag-tarjeta);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%;
}
section.inecag .inecag-masiva > span,
.inecag .inecag-masiva > span,
section.inecag .inecag-masiva-izq,
.inecag .inecag-masiva-izq,
section.inecag .p-cadm-bulk-izq,
.inecag .p-cadm-bulk-izq,
section.inecag .p-cadm-bulk-count,
.inecag .p-cadm-bulk-count {
  font-size: 14px;
  font-weight: 600;
  color: var(--ag-texto);
  flex: none;
}
section.inecag .inecag-masiva-acciones,
.inecag .inecag-masiva-acciones,
section.inecag .p-cadm-bulk-acciones,
.inecag .p-cadm-bulk-acciones {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
section.inecag .inecag-masiva button,
.inecag .inecag-masiva button,
section.inecag .p-cadm-bulk-btn,
.inecag .p-cadm-bulk-btn {
  min-height: 36px;
  padding: 0 12px;
  border: 0.8px solid var(--ag-borde);
  border-radius: 8px;
  background: var(--ag-tarjeta);
  color: var(--ag-texto);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
section.inecag .inecag-masiva button:hover,
.inecag .inecag-masiva button:hover,
section.inecag .p-cadm-bulk-btn:hover,
.inecag .p-cadm-bulk-btn:hover {
  background: var(--ag-suave);
}
section.inecag .inecag-masiva button.inecag-peligro,
.inecag .inecag-masiva button.inecag-peligro,
section.inecag .p-cadm-bulk-btn-del,
.inecag .p-cadm-bulk-btn-del {
  color: var(--ag-mal);
}
section.inecag .inecag-masiva button.inecag-peligro:hover,
.inecag .inecag-masiva button.inecag-peligro:hover,
section.inecag .p-cadm-bulk-btn-del:hover,
.inecag .p-cadm-bulk-btn-del:hover {
  background: var(--ag-mal-bg);
  color: var(--ag-mal);
}

/* Paginación */
section.inecag .inecag-pag,
.inecag .inecag-pag {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  font-size: 13px;
  color: var(--ag-sub);
}
section.inecag .inecag-pag button,
.inecag .inecag-pag button {
  min-height: 32px;
  padding: 0 12px;
  border: 0.8px solid var(--ag-borde);
  border-radius: 8px;
  background: var(--ag-tarjeta);
  color: var(--ag-texto);
  cursor: pointer;
  font-size: 13px;
  box-shadow: none;
  box-sizing: border-box;
  margin: 0;
}
section.inecag .inecag-pag button:disabled,
.inecag .inecag-pag button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

/* Estado vacío */
section.inecag .inecag-vacio,
.inecag .inecag-vacio {
  display: grid;
  justify-items: center;
  padding: 48px 24px;
  border: 0.8px dashed var(--ag-borde);
  border-radius: 16px;
  color: var(--ag-sub);
  text-align: center;
  margin: 16px 0;
}
section.inecag .inecag-vacio strong,
.inecag .inecag-vacio strong {
  margin: 0 0 6px 0;
  color: var(--ag-texto);
  font-size: 18px;
  font-weight: 600;
}
section.inecag .inecag-vacio p,
.inecag .inecag-vacio p {
  max-width: 520px;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Modales y popovers */
.inecag.inecag-modal-fondo {
  position: fixed;
  inset: 0;
  margin: 0;
  background: rgba(0, 0, 0, .45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  backdrop-filter: blur(2px);
}
.inecag .inecag-modal,
.p-cadm-popover {
  width: min(440px, calc(100vw - 32px));
  max-height: 85vh;
  overflow-y: auto;
  padding: 20px;
  border-radius: 12px;
  border: 0.8px solid var(--ag-borde);
  background: var(--ag-tarjeta);
  color: var(--ag-texto);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.inecag .inecag-modal h3,
.p-cadm-pop-tit {
  font-size: 16px;
  font-weight: 600;
  color: var(--ag-texto);
  margin: 0 0 12px 0;
  padding: 0;
  background: transparent;
  border: 0;
}
.inecag .inecag-modal p,
.p-cadm-pop-desc {
  font-size: 13px;
  color: var(--ag-sub);
  margin: 0 0 14px 0;
  line-height: 1.4;
}
.inecag .inecag-modal label,
.p-cadm-pop-lbl {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--ag-sub);
  margin-bottom: 12px;
}
.inecag .inecag-modal input,
.inecag .inecag-modal textarea,
.inecag .inecag-modal select,
.p-cadm-popover input,
.p-cadm-popover textarea,
.p-cadm-popover select {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 8px 10px;
  border: 0.8px solid var(--ag-borde);
  border-radius: 8px;
  background: var(--ag-tarjeta);
  color: var(--ag-texto);
  font-size: 14px;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
}
.inecag .inecag-modal input:focus,
.inecag .inecag-modal textarea:focus,
.inecag .inecag-modal select:focus,
.p-cadm-popover input:focus,
.p-cadm-popover textarea:focus,
.p-cadm-popover select:focus {
  border-color: var(--ag-marca);
  box-shadow: 0 0 0 3px rgba(241,102,69,.25);
}
.inecag-modal-pie {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
.inecag-modal-pie button {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
}
.inecag-modal-pie button[data-inecag-cancelar] {
  border: 0.8px solid var(--ag-borde);
  background: transparent;
  color: var(--ag-texto);
}
.inecag-modal-pie button[data-inecag-cancelar]:hover {
  background: var(--ag-suave);
}
.inecag-modal-pie button[data-inecag-ok] {
  border: 0;
  background: var(--ag-marca);
  color: #fff;
}
.inecag-modal-pie button[data-inecag-ok].inecag-peligro {
  background: var(--ag-mal);
  color: #fff;
}
.inecag-modal-error {
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--ag-mal-bg);
  color: var(--ag-mal);
  font-size: 13px;
  margin-top: 10px;
}
.inecag-linea {
  border-left: 2px solid var(--ag-borde);
  margin-left: 8px;
  padding: 0 0 14px 14px;
  position: relative;
  font-size: 13px;
}
.inecag-linea::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ag-marca);
}
.inecag-linea small {
  color: var(--ag-sub);
  display: block;
  margin-top: 2px;
}
section.inecag .inecag-kpis, .inecag .inecag-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; }
section.inecag .inecag-kpi, .inecag .inecag-kpi { padding: 14px; border: 1px solid var(--ag-borde); border-radius: 12px; }
section.inecag .inecag-kpi b, .inecag .inecag-kpi b { display: block; font-size: 1.6em; }
section.inecag .inecag-svg, .inecag .inecag-svg { width: 100%; height: auto; }
section.inecag .inecag-svg rect, .inecag .inecag-svg rect { fill: var(--ag-marca); }
section.inecag .inecag-svg text, .inecag .inecag-svg text { fill: currentColor; font-size: 10px; }

/* Móvil */
@media (max-width: 760px) {
  section.inecag .inecag-panel-cab h2.inecag-h2 { font-size: 14px; line-height: 1.25; padding: 10px 0 6px; }
  section.inecag .inecag-panel-cab,
  .inecag .inecag-panel-cab {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  section.inecag .inecag-panel-cab-der,
  .inecag .inecag-panel-cab-der {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }
  section.inecag .inecag-alumnos-toolbar,
  .inecag .inecag-alumnos-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  section.inecag .inecag-buscar,
  .inecag .inecag-buscar {
    width: 100%;
    max-width: none;
    flex: 1 1 100%;
  }
  section.inecag .inecag-filtros,
  .inecag .inecag-filtros {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    gap: 10px;
  }
  section.inecag .inecag-alumnos-toolbar .inecag-buscar input,
  .inecag .inecag-alumnos-toolbar .inecag-buscar input {
    height: 34px;
    min-height: 34px;
    line-height: 34px;
    font-size: 15px;
    border-radius: 8px;
    padding: 0 10px 0 32px;
  }
  /* Mockup movil.css l.210-239: filtros en una fila con scroll, no apilados. */
  section.inecag .inecag-alumnos-toolbar .inecag-filtros,
  .inecag .inecag-alumnos-toolbar .inecag-filtros {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  section.inecag .inecag-alumnos-toolbar select.inecag-filtro,
  .inecag .inecag-alumnos-toolbar select.inecag-filtro {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: 32px;
    min-height: 32px;
    padding: 0 8px;
    font-size: 12px;
    white-space: nowrap;
  }
  section.inecag .inecag-masiva,
  .inecag .inecag-masiva,
  section.inecag .p-cadm-bulk-bar,
  .inecag .p-cadm-bulk-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 10px 12px;
  }
  section.inecag .p-cadm-popover {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
  }
}
@media (max-width: 600px) {
  section.inecag .inecag-bar,
  .inecag .inecag-bar {
    width: 56px;
  }
  section.inecag .inecag-c-acc,
  .inecag .inecag-c-acc {
    white-space: normal;
  }
}

/* inecadmcurso — estilos comunes de las pestanas de comunidad. Valores del mockup: base.css .p-pill/.p-vacio/.p-tabla y curso-admin.js l.196-217, 427-490. */
.inecag .inecag-ico { flex: none; vertical-align: middle; }
.inecag .inecag-panel-cab { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.inecag .inecag-panel-cab h2 { font-size: 18px; font-weight: 600; color: var(--ag-texto); margin: 0; }
.inecag .inecag-filtros { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.inecag .inecag-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.inecag .inecag-chip { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 900px; border: 0.8px solid var(--ag-borde); background: var(--ag-tarjeta); color: var(--ag-mute); font-size: 13px; font-weight: 500; cursor: pointer; font-family: inherit; transition: all 0.15s ease; box-sizing: border-box; }
.inecag .inecag-chip:hover { color: var(--ag-texto); }
.inecag .inecag-chip.activo { background: #fdece8; color: #d9482a; border-color: #d9482a; font-weight: 600; }
html.inec-oscuro .inecag .inecag-chip.activo { background: #4a2419; color: #ff9a80; border-color: #d9482a; }
.inecag .inecag-chip:focus-visible, .inecag .inecag-ibtn:focus-visible, .inecag .inecag-btn:focus-visible, .inecag .inecag-campo:focus-visible { outline: 2px solid var(--ag-marca); outline-offset: 2px; }
.inecag .inecag-campo { width: 100%; box-sizing: border-box; min-height: 38px; padding: 8px 12px; border: 0.8px solid var(--ag-borde); border-radius: 8px; background: var(--ag-tarjeta); color: var(--ag-texto); font: inherit; font-size: 14px; }
.inecag textarea.inecag-campo { min-height: 94px; resize: vertical; }
/* !important: el tema trae .vibebp_myprofile select{background-color:var(--highlight)!important}. */
section.inecag select.inecag-campo, .inecag select.inecag-campo { width: auto; height: 36px; min-height: 36px; padding: 0 30px 0 12px; border-width: 0 0 1px; appearance: none; -webkit-appearance: none; background: 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 8px center; background-color: transparent !important; }
html.inec-oscuro .inecag select.inecag-campo, body.oscuro .inecag select.inecag-campo { 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"); }
.inecag .inecag-etq { display: block; font-size: 13px; font-weight: 600; color: var(--ag-texto); margin-bottom: 6px; }
.inecag .inecag-ayuda { font-size: 12px; color: var(--ag-mute); margin-top: 4px; }
.inecag .inecag-ibtn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-height: 32px; padding: 0; font-weight: 400; border-radius: 8px; border: 0.8px solid var(--ag-borde); background: var(--ag-tarjeta); color: var(--ag-texto); cursor: pointer; }
.inecag .inecag-ibtn-del:hover { background: #fde7e7; color: #b42318; }
html.inec-oscuro .inecag .inecag-ibtn-del:hover { background: rgba(180, 35, 24, .25); color: #ffb4a9; }
.inecag .inecag-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 36px; min-height: 36px; padding: 0 14px; border-radius: 8px; font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; border: 0.8px solid transparent; box-sizing: border-box; text-decoration: none; }
.inecag .inecag-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.inecag .inecag-btn-prim { height: 38px; min-height: 38px; background: var(--ag-marca, #f16645); color: #fff; border: 0; font-weight: 600; }
.inecag .inecag-btn-prim:hover:not(:disabled) { filter: brightness(0.95); }
.inecag .inecag-btn-sec { background: transparent; color: var(--ag-texto); border-color: var(--ag-texto); border-radius: 900px; font-weight: 600; }
.inecag .inecag-btn-sec:hover:not(:disabled) { background: rgba(0,0,0,.04); }
html.inec-oscuro .inecag .inecag-btn-sec:hover:not(:disabled) { background: rgba(255,255,255,.05); }
.inecag .inecag-btn-fant { background: transparent; color: var(--ag-texto); border-color: transparent; }
.inecag .inecag-barra > .inecag-btn-fant { gap: 8px; padding: 0 10px; font-weight: 600; }
.inecag .inecag-btn-ic { width: 36px; padding: 0; border-color: var(--ag-borde); background: var(--ag-tarjeta); }
.inecag .inecag-stats-controles .inecag-btn-prim { height: 36px; min-height: 36px; }
.inecag .inecag-btn-fant:hover:not(:disabled) { color: var(--ag-texto); }
.inecag .inecag-av { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--ag-marca, #f16645); color: #fff; font-weight: 600; flex: none; }
/* section.: alumnos.css fija 32px a todo avatar con ese mismo prefijo. */
section.inecag .inecag-av.inecag-av-28 { width: 28px; height: 28px; font-size: 11px; }
.inecag .inecag-av-32 { width: 32px; height: 32px; font-size: 13px; }
section.inecag .inecag-av.inecag-av-36 { width: 36px; height: 36px; font-size: 14px; }
.inecag .inecag-av.inecag-av-c0 { background: #e05638; }
.inecag .inecag-av.inecag-av-c1 { background: #2e7d32; }
.inecag .inecag-av.inecag-av-c2 { background: #1565c0; }
.inecag .inecag-av.inecag-av-c3 { background: #6a1b9a; }
.inecag .inecag-av.inecag-av-c4 { background: #c2185b; }
.inecag .inecag-av.inecag-av-c5 { background: #00838f; }
.inecag .inecag-pill { display: inline-flex; align-items: center; height: auto; padding: 2px 8px; border-radius: 6px; font-size: 12px; line-height: 1.5; font-weight: 600; }
.inecag .inecag-pill-info { color: #d9482a; background: #fdece8; }
.inecag .inecag-pill-borr { color: #4b4b4b; background: #eee; }
.inecag .inecag-pill-ok { color: #1e7b34; background: #e3f6e5; }
.inecag .inecag-pill-aviso { color: #8a5a00; background: #fff4d6; }
.inecag .inecag-pill-error { color: #b42318; background: #fde7e7; }
html.inec-oscuro .inecag .inecag-pill-info { color: #ff9a80; background: #4a2419; }
html.inec-oscuro .inecag .inecag-pill-borr { color: #d0d0d0; background: rgba(255, 255, 255, .12); }
html.inec-oscuro .inecag .inecag-pill-ok { color: #81c995; background: rgba(30, 123, 52, .25); }
html.inec-oscuro .inecag .inecag-pill-aviso { color: #fdd663; background: rgba(176, 96, 0, .25); }
html.inec-oscuro .inecag .inecag-pill-error { color: #ffb4a9; background: rgba(180, 35, 24, .25); }
.inecag .inecag-vacio { padding: 48px 24px; border: 0.8px dashed var(--ag-borde); border-radius: 16px; text-align: center; color: var(--ag-mute); }
.inecag .inecag-vacio h3 { font-size: 18px; font-weight: 600; color: var(--ag-texto); margin: 12px 0 4px; }
.inecag .inecag-vacio p { margin: 0; font-size: 14px; }
.inecag .inecag-tabla-caja { overflow-x: auto; border: 0.8px solid var(--ag-borde); border-radius: 12px; background: var(--ag-tarjeta); }
.inecag .inecag-tabla { width: 100%; min-width: 620px; border-collapse: collapse; }
.inecag .inecag-tabla th { padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--ag-mute); border-bottom: 0.8px solid var(--ag-borde); background: #f4f5f6; }
html.inec-oscuro .inecag .inecag-tabla th { background: rgba(255, 255, 255, .04); }
.inecag .inecag-tabla td { height: 52px; padding: 10px 14px; border-bottom: 0.8px solid var(--ag-borde); font-size: 14px; color: var(--ag-texto); }
.inecag .inecag-tabla tr:last-child td { border-bottom: 0; }
.inecag .inecag-tabla tr:hover td { background: rgba(0,0,0,.02); }
html.inec-oscuro .inecag .inecag-tabla tr:hover td { background: rgba(255, 255, 255, .02); }
.inecag .inecag-tabla th.der, .inecag .inecag-tabla td.der { text-align: right; }
.inecag .inecag-pag { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; font-size: 13px; color: var(--ag-mute); }
.inecag .inecag-pag .inecag-btn { height: 32px; min-height: 32px; padding: 0 12px; font-size: 13px; }
.inecag .inecag-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border: 0.8px solid var(--ag-error); border-radius: 12px; color: var(--ag-error); }
.inecag .inecag-cargando { padding: 32px; text-align: center; color: var(--ag-mute); }
.inecag .inecag-conf { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 12px; border: 0.8px solid var(--ag-error); border-radius: 8px; font-size: 13px; color: var(--ag-texto); }
.inecag .inecag-conf span { flex: 1 1 160px; }
.inecag .inecag-fuerte { font-weight: 600; color: var(--ag-texto); }
.inecag .inecag-sub { font-size: 13px; color: var(--ag-mute); }
.inecag .inecag-celda-al { display: flex; align-items: center; gap: 10px; }
.inecag [hidden] { display: none !important; }

/* Actividad */
.inecag .inecag-filtro-etq { font-size: 13px; font-weight: 600; color: var(--ag-mute); margin: 0 4px 0 0; }
.inecag .inecag-timeline { position: relative; padding-left: 20px; margin-top: 8px; }
/* .inecag-linea (alumnos.css) ya pinta borde y punto: aquí los pone la línea de tiempo. */
.inecag .inecag-timeline .inecag-timeline-item.inecag-linea { border-left: 0; margin-left: 0; padding-left: 0; }
.inecag .inecag-timeline .inecag-timeline-item.inecag-linea::before { content: none; }
.inecag .inecag-timeline-item { position: relative; display: flex; align-items: flex-start; gap: 14px; padding-bottom: 24px; }
.inecag .inecag-timeline-linea { position: absolute; left: -15px; top: 14px; bottom: 0; width: 1px; background: var(--ag-borde); }
.inecag .inecag-timeline-item:last-child .inecag-timeline-linea { display: none; }
.inecag .inecag-timeline-punto { position: absolute; left: -19px; top: 8px; width: 10px; height: 10px; border-radius: 50%; background: var(--ag-marca, #f16645); z-index: 1; }
.inecag .inecag-timeline-texto { flex: 1; min-width: 0; font-size: 14px; line-height: 1.4; }
.inecag .inecag-timeline-texto strong { font-weight: 700; }
.inecag .inecag-timeline-fecha { margin-top: 3px; font-size: 12px; color: var(--ag-mute); }

/* Estadisticas */
.inecag .inecag-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 24px; }
.inecag .inecag-stat { min-width: 0; padding: 12px 16px; border: 0.8px solid var(--ag-borde); border-radius: 12px; background: var(--ag-tarjeta); display: flex; flex-direction: column; box-sizing: border-box; }
.inecag .inecag-stat-cab { order: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--ag-mute); font-size: 13px; font-weight: 400; }
.inecag .inecag-stat-valor { order: 2; margin-top: 4px; color: var(--ag-texto); font-size: 22px; line-height: 1.15; font-weight: 600; }
.inecag .inecag-stat-delta { order: 3; display: inline-block; margin-top: 2px; font-size: 11px; font-weight: 600; }
.inecag .inecag-stat-delta.positivo { color: #1e7b34; }
.inecag .inecag-stat-delta.negativo { color: #b42318; }
.inecag .inecag-stat-ico { display: inline-block; width: 18px; height: 18px; flex: none; background-color: var(--ag-mute); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.inecag .inecag-stat-ico-usuarios { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.inecag .inecag-stat-ico-estrella { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); }
.inecag .inecag-stat-ico-certificado { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E"); }
.inecag .inecag-stat-ico-trofeo { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.45 1-1 1H8c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1h-1c-.55 0-1-.45-1-1v-2.34'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.45 1-1 1H8c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1h-1c-.55 0-1-.45-1-1v-2.34'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E"); }
.inecag .inecag-chart-wrap { padding: 20px; border: 0.8px solid var(--ag-borde); border-radius: 16px; background: var(--ag-tarjeta); box-sizing: border-box; margin-bottom: 24px; overflow-x: auto; }
.inecag .inecag-chart-tit { margin: 0 0 16px 0; font-size: 16px; font-weight: 600; color: var(--ag-texto); }
.inecag .inecag-chart-svg { width: 100%; max-width: 800px; height: auto; display: block; }
.inecag .inecag-stats-controles { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.inecag .inecag-stats-grupo { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.inecag .inecag-progreso-via { width: 100%; max-width: 120px; height: 6px; border-radius: 3px; background: rgba(127, 127, 127, .15); overflow: hidden; }
html.inec-oscuro .inecag .inecag-progreso-via { background: rgba(255, 255, 255, .1); }
.inecag .inecag-progreso-barra { height: 100%; border-radius: 3px; background: var(--ag-marca, #f16645); }

/* Responsive movil */
@media (max-width: 760px) {
  .inecag .inecag-panel-cab { flex-direction: column; align-items: flex-start; gap: 10px; }
  .inecag .inecag-filtros { width: 100%; flex-direction: column; align-items: flex-start; gap: 8px; }
  .inecag .inecag-chips { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; -webkit-overflow-scrolling: touch; width: 100%; }
  .inecag .inecag-chip { flex: none; }
  .inecag .inecag-stats-controles { flex-direction: column; align-items: stretch; }
  .inecag .inecag-stats-grupo { flex-direction: column; align-items: stretch; width: 100%; }
  .inecag .inecag-stats-grupo .inecag-campo { width: 100%; }
  .inecag .inecag-stats-grid { grid-template-columns: 1fr; }
  /* Escala movil del mockup (movil.css l.54-112, 596-620, 673-693). */
  section.inecag .inecag-cuerpo h2 { font-size: 14px; font-weight: 600; line-height: 1.25; }
  section.inecag .inecag-btn:not(.inecag-btn-ic):not(.inecag-btn-peq) { height: 36px; min-height: 36px; padding: 0 12px; font-size: 13px; }
  section.inecag .inecag-chip, section.inecag .inecag-pill, section.inecag .p-pill { font-size: 11px; }
  section.inecag .inecag-tabla-caja { border-radius: 10px; }
  section.inecag .inecag-tabla th { padding: 8px 10px; line-height: 1.2; white-space: nowrap; }
  section.inecag .inecag-tabla td, section.inecag .inecag-tabla td .inecag-fuerte, section.inecag .inecag-tabla td .inecag-medio, section.inecag .inecag-tabla td .inecag-al-n { font-size: 13px; line-height: 1.35; }
  section.inecag .inecag-tabla td { padding: 8px 10px; }
  section.inecag .inecag-filtros select.inecag-campo, section.inecag .inecag-stats-grupo select.inecag-campo { padding: 0 26px 0 0; border-radius: 0; font-size: 15px; background-position: right 4px center; }
  section.inecag .inecag-filtros select.inecag-campo { width: auto; max-width: 100%; }
  /* Etiqueta + select y titulo + boton van en la misma fila (mockup 375). */
  section.inecag .inecag-filtros:has(> .inecag-filtro-etq) { flex-direction: row; align-items: center; flex-wrap: nowrap; }
  section.inecag .inecag-panel-cab:has(> .inecag-btn) { flex-direction: row; align-items: center; flex-wrap: nowrap; }
  section.inecag .inecag-stats-controles > .inecag-btn-sec { align-self: flex-start; }
  section.inecag .inecag-chart-tit { font-size: 14px; line-height: 1.25; }
  section.inecag .inecag-resena p { font-size: 13px; line-height: 1.4; }
  /* Cifras en filas dentro de una sola tarjeta (movil.css l.1545-1586). */
  section.inecag .inecag-stats-grid { gap: 0; border: 0.8px solid var(--ag-borde); border-radius: 12px; background: var(--ag-tarjeta); overflow: hidden; }
  section.inecag .inecag-stat { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; grid-template-areas: "ico lab val"; align-items: center; column-gap: 8px; min-height: 46px; padding: 6px 12px; border: 0; border-radius: 0; border-bottom: 0.8px solid var(--ag-borde); }
  section.inecag .inecag-stat:last-child { border-bottom: 0; }
  section.inecag .inecag-stat-cab { display: contents; }
  section.inecag .inecag-stat-cab > span:first-child { grid-area: lab; font-size: 13px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  section.inecag .inecag-stat-ico { grid-area: ico; width: 16px; height: 16px; }
  section.inecag .inecag-stat-valor { grid-area: val; margin: 0; font-size: 15px; font-weight: 700; text-align: right; }
}

/* inecadmcurso — Entregas. Valores del mockup: curso-admin.js l.1724-1811. */
.inecag .inecag-tabla th:nth-child(3), .inecag .inecag-tabla td:nth-child(3) { width: 110px; }
.inecag .inecag-tabla th:nth-child(4), .inecag .inecag-tabla td:nth-child(4) { width: 120px; }
.inecag .inecag-tabla th:nth-child(5), .inecag .inecag-tabla td:nth-child(5) { width: 90px; }
.inecag .inecag-tabla th:nth-child(6), .inecag .inecag-tabla td:nth-child(6) { width: 120px; }
.inecag .inecag-tabla th:nth-child(7), .inecag .inecag-tabla td:nth-child(7) { width: 110px; text-align: right; }
.inecag .inecag-btn-peq { height: 32px; min-height: 32px; padding: 0 12px; font-size: 13px; line-height: 32px; box-sizing: border-box; }
.inecag .inecag-medio { font-weight: 500; color: var(--ag-texto); }
@media (max-width: 760px) {
  .inecag .inecag-panel-cab .inecag-filtros { width: 100%; flex-direction: column; align-items: stretch; gap: 8px; }
  .inecag .inecag-panel-cab select.inecag-campo { width: 100%; }
}

/* inecadmcurso — Resenas. Valores del mockup: curso-admin.js l.529-589. */
.inecag { --ag-aviso: #f5b301; }
.inecag .inecag-resumen { display: grid; grid-template-columns: 240px 1fr; gap: 24px; padding: 24px; margin-bottom: 20px; border: 0.8px solid var(--ag-borde); border-radius: 16px; background: var(--ag-tarjeta); box-sizing: border-box; }
.inecag .inecag-res-nota { font-size: 40px; font-weight: 600; color: var(--ag-texto); line-height: 1; }
.inecag .inecag-res-estrellas, .inecag .inecag-res-puntos { display: flex; align-items: center; color: var(--ag-aviso, #f5b301); }
.inecag .inecag-res-estrellas { gap: 4px; margin: 8px 0; }
.inecag .inecag-res-puntos { gap: 2px; }
.inecag .inecag-res-total { font-size: 13px; color: var(--ag-mute); }
.inecag .inecag-dist-fila { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-size: 13px; color: var(--ag-mute); }
.inecag .inecag-dist-n { width: 24px; text-align: right; white-space: nowrap; }
.inecag .inecag-dist-pct { width: 36px; }
.inecag .inecag-dist-barra { flex: 1; min-width: 0; height: 8px; border-radius: 4px; background: rgba(127, 127, 127, .15); overflow: hidden; }
html.inec-oscuro .inecag .inecag-dist-barra { background: rgba(255, 255, 255, .1); }
.inecag .inecag-dist-relleno { width: var(--p, 0%); max-width: 100%; height: 100%; border-radius: 4px; background: var(--ag-aviso, #f5b301); }
.inecag .inecag-lista-res { display: flex; flex-direction: column; gap: 14px; }
.inecag .inecag-resena { padding: 18px; border: 0.8px solid var(--ag-borde); border-radius: 14px; background: var(--ag-tarjeta); }
.inecag .inecag-resena-cab { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; gap: 12px; }
.inecag .inecag-resena p { margin: 0; font-size: 14px; line-height: 1.4; color: var(--ag-texto); overflow-wrap: anywhere; white-space: pre-wrap; }
.inecag .inecag-sub-12 { font-size: 12px; }
@media (max-width: 760px) {
  .inecag .inecag-resumen { grid-template-columns: 1fr; }
}

/* inecadmcurso — Anuncios. Formulario y tarjeta: curso-admin.js l.447-457 y 590-604. */
.inecag .inecag-form { display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 16px; border: 0.8px dashed var(--ag-borde); border-radius: 12px; background: var(--ag-tarjeta); margin-bottom: 16px; box-sizing: border-box; }
.inecag .inecag-form[hidden] { display: none; }
.inecag .inecag-form h3 { margin: 0 0 4px; font-size: 16px; font-weight: 600; color: var(--ag-texto); }
.inecag .inecag-acciones { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.inecag .inecag-form-err { color: var(--ag-error); font-size: 13px; }
.inecag .inecag-lista { display: flex; flex-direction: column; gap: 16px; }
.inecag .inecag-anuncio { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 0.8px solid var(--ag-borde); border-radius: 14px; background: var(--ag-tarjeta); box-sizing: border-box; }
.inecag .inecag-anuncio-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.inecag .inecag-anuncio h3 { margin: 0 0 4px; font-size: 16px; font-weight: 600; color: var(--ag-texto); }
.inecag .inecag-anuncio p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--ag-texto); white-space: pre-wrap; overflow-wrap: anywhere; }
.inecag .inecag-anuncio-bt { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 760px) {
  .inecag .inecag-anuncio-cab { align-items: flex-end; }
  .inecag .inecag-anuncio-bt { flex: none; }
  .inecag .inecag-anuncio h3 { font-size: 14px; line-height: 1.25; }
  .inecag .inecag-anuncio p { font-size: 13px; line-height: 1.4; }
  .inecag .inecag-acciones { flex-wrap: wrap; }
}

/* inecadmcurso — Discusiones. Valores: curso-admin.js l.605-646. */
.inecag .inecag-disc-lista { display: flex; flex-direction: column; gap: 12px; }
.inecag .inecag-disc { display: flex; flex-direction: column; gap: 12px; padding: 16px 20px; border: 0.8px solid var(--ag-borde); border-radius: 14px; background: var(--ag-tarjeta); box-sizing: border-box; }
.inecag .inecag-disc-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.inecag .inecag-disc-info { display: flex; align-items: center; gap: 12px; min-width: 0; }
.inecag .inecag-disc-titulo { margin: 0 0 4px; font-size: 15px; font-weight: 500; color: var(--ag-texto); overflow-wrap: anywhere; }
.inecag .inecag-disc-meta { font-size: 12px; color: var(--ag-mute); }
.inecag .inecag-disc-der { display: flex; justify-content: flex-end; }
.inecag .inecag-disc-der .inecag-btn { height: 32px; min-height: 32px; padding: 0 12px; font-size: 13px; gap: 7px; display: inline-flex; align-items: center; box-sizing: border-box; }
.inecag .inecag-disc-form { padding-top: 12px; border-top: 0.8px solid var(--ag-borde); }
.inecag .inecag-disc-form textarea { margin-bottom: 8px; }
.inecag .inecag-disc-form .inecag-acciones { margin-top: 0; }
@media (max-width: 760px) {
  .inecag .inecag-disc-cab { align-items: flex-start; gap: 12px; }
  .inecag .inecag-disc-titulo { font-size: 14px; font-weight: 600; line-height: 1.25; }
  .inecag .inecag-disc-meta { line-height: 1.3; }
  .inecag .inecag-disc-der .inecag-btn { height: 36px; min-height: 36px; }
}

/* inecadmcurso · editar.css — marco del editor: pasos, barra de guardado, estado sucio, conflicto. */
section.inecag .inecag-editar, .inecag-editar { display: block; clear: both; float: none; width: 100%; }
section.inecag .inecag-ed-carga, .inecag-ed-carga,
section.inecag .inecag-ed-error, .inecag-ed-error { padding: 24px; color: var(--ag-mute); font-size: 14px; }

section.inecag .inecag-ed-pills, .inecag-ed-pills,
section.inecag .p-cadm-edit-pills, .p-cadm-edit-pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px 0;
  clear: both;
  float: none;
}

section.inecag .inecag-ed-pill, .inecag-ed-pill,
section.inecag .p-cadm-edit-pill, .p-cadm-edit-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 900px;
  border: 0.8px solid var(--ag-borde);
  background: var(--ag-tarjeta);
  color: var(--ag-mute);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  text-transform: none;
  letter-spacing: normal;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: none;
  outline: none;
  margin: 0;
  float: none;
}
section.inecag .inecag-ed-pill:hover, .inecag-ed-pill:hover,
section.inecag .p-cadm-edit-pill:hover, .p-cadm-edit-pill:hover {
  background: var(--sb-hover, var(--ag-suave, #f4f5f6));
  color: var(--sb-item-color, var(--ag-texto));
}
section.inecag .inecag-ed-pill.activo, .inecag-ed-pill.activo,
section.inecag .p-cadm-edit-pill.activo, .p-cadm-edit-pill.activo {
  background: var(--ag-texto);
  color: var(--ag-fondo);
  border-color: var(--ag-texto);
  font-weight: 600;
}
html.inec-oscuro section.inecag .inecag-ed-pill.activo,
html.inec-oscuro .inecag-ed-pill.activo,
html.inec-oscuro section.inecag .p-cadm-edit-pill.activo,
html.inec-oscuro .p-cadm-edit-pill.activo {
  background: var(--ag-texto);
  color: var(--ag-fondo);
  border-color: var(--ag-texto);
}

section.inecag .inecag-ed-num, .inecag-ed-num,
section.inecag .p-cadm-edit-num, .p-cadm-edit-num {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(125, 125, 125, 0.2);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
}
section.inecag .inecag-ed-pill.activo .inecag-ed-num,
.inecag-ed-pill.activo .inecag-ed-num,
section.inecag .p-cadm-edit-pill.activo .p-cadm-edit-num,
.p-cadm-edit-pill.activo .p-cadm-edit-num {
  background: var(--ag-fondo);
  color: var(--ag-texto);
}
html.inec-oscuro section.inecag .inecag-ed-pill.activo .inecag-ed-num,
html.inec-oscuro .inecag-ed-pill.activo .inecag-ed-num,
html.inec-oscuro section.inecag .p-cadm-edit-pill.activo .p-cadm-edit-num,
html.inec-oscuro .p-cadm-edit-pill.activo .p-cadm-edit-num {
  background: var(--ag-fondo);
  color: var(--ag-texto);
}

section.inecag .inecag-ed-barra, .inecag-ed-barra,
section.inecag .p-cadm-sticky-bar, .p-cadm-sticky-bar {
  position: sticky;
  bottom: 0;
  background: var(--ag-tarjeta);
  border-top: 0.8px solid var(--ag-borde);
  padding: 14px 20px;
  margin-top: 24px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
html.inec-oscuro section.inecag .inecag-ed-barra,
html.inec-oscuro .inecag-ed-barra,
html.inec-oscuro section.inecag .p-cadm-sticky-bar,
html.inec-oscuro .p-cadm-sticky-bar {
  background: var(--ag-tarjeta);
  border-top-color: var(--ag-borde);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
}
section.inecag .inecag-ed-barra[hidden], .inecag-ed-barra[hidden],
section.inecag .p-cadm-sticky-bar[hidden], .p-cadm-sticky-bar[hidden] {
  display: none !important;
}

section.inecag .inecag-ed-n, .inecag-ed-n,
section.inecag .p-cadm-sticky-txt, .p-cadm-sticky-txt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--ag-mute);
}

section.inecag .inecag-ed-acc, .inecag-ed-acc,
section.inecag .p-cadm-sticky-acciones, .p-cadm-sticky-acciones {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

section.inecag .inecag-ed-conflicto, .inecag-ed-conflicto {
  margin: 16px 0;
  padding: 16px;
  border: 0.8px solid var(--ag-error);
  border-radius: 12px;
  background: var(--ag-tarjeta);
  font-size: 14px;
}
section.inecag .inecag-ed-conflicto[hidden], .inecag-ed-conflicto[hidden] {
  display: none !important;
}
section.inecag .inecag-ed-conf-t, .inecag-ed-conf-t {
  margin: 0 0 6px;
  font-weight: 700;
  color: var(--ag-texto);
}

@media (max-width: 760px) {
  section.inecag .inecag-ed-barra, .inecag-ed-barra,
  section.inecag .p-cadm-sticky-bar, .p-cadm-sticky-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px 14px;
  }
  section.inecag .inecag-ed-n, .inecag-ed-n,
  section.inecag .p-cadm-sticky-txt, .p-cadm-sticky-txt {
    width: 100%;
  }
  section.inecag .inecag-ed-acc, .inecag-ed-acc,
  section.inecag .p-cadm-sticky-acciones, .p-cadm-sticky-acciones {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  section.inecag .inecag-ed-acc .inecag-btn, .inecag-ed-acc .inecag-btn,
  section.inecag .p-cadm-sticky-acciones .p-boton, .p-cadm-sticky-acciones .p-boton {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 6px;
    font-size: 12px;
    white-space: nowrap;
    justify-content: center;
    text-align: center;
  }
}


/* ---- paso 1: montaje y formulario ---- */
section.inecag .inecag-fi, .inecag .inecag-fi, section.inecag .p-finfo, .p-finfo, section.inecag .p-cadm-grid-2, .p-cadm-grid-2 {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  align-items: start;
  min-width: 0;
}
section.inecag .inecag-fi-form, .inecag .inecag-fi-form, section.inecag .p-finfo-form, .p-finfo-form {
  display: grid;
  gap: 22px;
  align-content: start;
  min-width: 0;
  padding-left: 32px;
}
section.inecag .inecag-fi-campo, .inecag .inecag-fi-campo, section.inecag .p-campo, .p-campo {
  min-width: 0;
}
section.inecag .inecag-fi-etqfila, .inecag .inecag-fi-etqfila, section.inecag .p-finfo-etq-fila, .p-finfo-etq-fila {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}
section.inecag .inecag-fi-etq, .inecag .inecag-fi-etq, section.inecag .p-campo-etq, .p-campo-etq {
  font-size: 14px;
  font-weight: 600;
  color: var(--sb-item-color, var(--ag-texto));
  letter-spacing: normal;
  text-transform: none;
}
section.inecag .inecag-fi-etq-acciones, .inecag .inecag-fi-etq-acciones, section.inecag .p-finfo-etq-acciones, .p-finfo-etq-acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}
section.inecag input.inecag-fi-in, section.inecag textarea.inecag-fi-in, section.inecag select.inecag-fi-in,
.inecag .inecag-fi-in, section.inecag .p-campo-control, .p-campo-control {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 40px;
  padding: 8px 12px;
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 8px;
  background: var(--sb-fondo, var(--ag-fondo));
  color: var(--sb-item-color, var(--ag-texto));
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: none;
  outline: none;
  text-transform: none;
  letter-spacing: normal;
}
/* El tema fuerza .vibebp_myprofile select{background-color:var(--highlight)!important} */
section.inecag select.inecag-fi-in, section.inecag select.inecag-fi-card-autor,
section.inecag .p-finfo-card-autor select {
  background-color: transparent !important;
}
section.inecag input.inecag-fi-in:focus, section.inecag textarea.inecag-fi-in:focus,
.inecag .inecag-fi-in:focus, section.inecag .p-campo-control:focus {
  border-color: var(--inec-marca, #f16645);
  box-shadow: 0 0 0 1.5px var(--inec-marca, #f16645);
}
section.inecag .inecag-fi-in[aria-invalid="true"], .inecag .inecag-fi-in[aria-invalid="true"] {
  border-color: var(--ag-error, #ef4444);
}
section.inecag textarea.inecag-fi-area, .inecag .inecag-fi-area, section.inecag textarea.p-campo-caja {
  padding: 10px 12px;
  line-height: 1.5;
  resize: vertical;
}
section.inecag .inecag-fi-err, .inecag .inecag-fi-err {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--ag-error, #ef4444);
}
section.inecag .inecag-fi-err[hidden], .inecag .inecag-fi-err[hidden] {
  display: none;
}
section.inecag .inecag-fi-ia, .inecag .inecag-fi-ia, section.inecag .p-finfo-ia, .p-finfo-ia {
  height: 30px;
  padding: 0 9px;
  font-size: 13px;
  white-space: nowrap;
  color: var(--inec-marca, #f16645);
}
section.inecag .inecag-fi-ia[aria-disabled="true"], .inecag .inecag-fi-ia[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .7;
}
section.inecag .inecag-fi-titulo-grupo, .inecag .inecag-fi-titulo-grupo, section.inecag .p-finfo-titulo-grupo, .p-finfo-titulo-grupo {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
section.inecag .inecag-fi-titulo-grupo > :last-child, .inecag .inecag-fi-titulo-grupo > :last-child,
section.inecag .p-finfo-titulo-grupo > :last-child, .p-finfo-titulo-grupo > :last-child {
  flex: 1;
  min-width: 0;
}
section.inecag .inecag-fi-titulo-grupo input, .inecag .inecag-fi-titulo-grupo input,
section.inecag .p-finfo-titulo-grupo input, .p-finfo-titulo-grupo input {
  min-height: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
section.inecag .inecag-fi-titulo-grupo input:focus, .inecag .inecag-fi-titulo-grupo input:focus,
section.inecag .p-finfo-titulo-grupo input:focus, .p-finfo-titulo-grupo input:focus {
  border-bottom-color: var(--inec-primario, #d9482a);
  box-shadow: 0 1px 0 0 var(--inec-primario, #d9482a);
}
section.inecag .inecag-fi-titulo-grupo .inecag-fi-drop, .inecag .inecag-fi-titulo-grupo .inecag-fi-drop,
section.inecag .p-finfo-titulo-grupo .p-finfo-drop, .p-finfo-titulo-grupo .p-finfo-drop {
  height: 100%;
  max-width: none;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
section.inecag .inecag-fi-dropwrap, .inecag .inecag-fi-dropwrap, section.inecag .p-finfo-drop-wrap, .p-finfo-drop-wrap {
  position: relative;
  flex: none;
}
section.inecag .inecag-fi-drop-ico svg, .inecag .inecag-fi-drop-ico svg, .p-finfo-drop-ico svg {
  flex: none;
  width: 18px;
  height: 18px;
}
section.inecag .inecag-fi-drop, .inecag .inecag-fi-drop, section.inecag .p-finfo-drop, .p-finfo-drop {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  max-width: 180px;
  padding: 0 8px;
  background: transparent;
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 6px;
  color: var(--sb-sub-color, var(--ag-mute));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}
section.inecag .inecag-fi-drop:hover, .inecag .inecag-fi-drop:hover,
section.inecag .inecag-fi-drop[aria-expanded="true"], .inecag .inecag-fi-drop[aria-expanded="true"],
section.inecag .inecag-fi-drop[data-sel="1"], .inecag .inecag-fi-drop[data-sel="1"],
section.inecag .p-finfo-drop:hover, .p-finfo-drop:hover,
section.inecag .p-finfo-drop[aria-expanded="true"], .p-finfo-drop[aria-expanded="true"],
section.inecag .p-finfo-drop[data-sel="1"], .p-finfo-drop[data-sel="1"] {
  border-color: #d9482a;
  color: #d9482a;
}
section.inecag .inecag-fi-drop-ico, .inecag .inecag-fi-drop-ico, section.inecag .p-finfo-drop-ico, .p-finfo-drop-ico {
  display: inline-flex;
  flex: none;
  width: 18px;
  height: 18px;
  transition: transform .15s;
}
section.inecag .inecag-fi-drop[aria-expanded="true"] .inecag-fi-drop-ico,
.inecag .inecag-fi-drop[aria-expanded="true"] .inecag-fi-drop-ico,
section.inecag .p-finfo-drop[aria-expanded="true"] .p-finfo-drop-ico,
.p-finfo-drop[aria-expanded="true"] .p-finfo-drop-ico {
  transform: rotate(45deg);
}
section.inecag .inecag-fi-drop-txt, .inecag .inecag-fi-drop-txt, section.inecag .p-finfo-drop-txt, .p-finfo-drop-txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.inecag .inecag-fi-pop, .inecag .inecag-fi-pop, .inecag-fi-pop, section.inecag .p-finfo-drop-pop, .p-finfo-drop-pop {
  position: absolute;
  z-index: 40;
  box-sizing: border-box;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
  color: var(--sb-item-color, var(--ag-texto));
}
section.inecag .inecag-fi-drop-pop, .inecag .inecag-fi-drop-pop, section.inecag .p-finfo-drop-pop, .p-finfo-drop-pop {
  top: calc(100% + 6px);
  right: 0;
  width: min(560px, calc(100vw - 32px));
  max-height: 320px;
  overflow-y: auto;
  padding: 14px;
}
section.inecag .inecag-fi-dropwrap[data-fi-wrap="prefijo"] .inecag-fi-drop-pop,
.inecag .inecag-fi-dropwrap[data-fi-wrap="prefijo"] .inecag-fi-drop-pop,
section.inecag .p-finfo-drop-wrap[data-campo="prefijo"] .p-finfo-drop-pop,
.p-finfo-drop-wrap[data-campo="prefijo"] .p-finfo-drop-pop {
  right: auto;
  left: 0;
  width: min(320px, calc(100vw - 32px));
}
section.inecag .inecag-fi-pop.es-hoja, .inecag .inecag-fi-pop.es-hoja, .inecag-fi-pop.es-hoja,
section.inecag .p-finfo-drop-pop.es-hoja, .p-finfo-drop-pop.es-hoja {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 24px);
  border-radius: 12px 12px 0 0;
}
section.inecag .inecag-fi-drop-buscador, .inecag .inecag-fi-drop-buscador,
section.inecag .p-finfo-drop-buscador, .p-finfo-drop-buscador {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
section.inecag .inecag-fi-drop-lupa, .inecag .inecag-fi-drop-lupa,
section.inecag .p-finfo-drop-lupa, .p-finfo-drop-lupa {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
}
section.inecag .inecag-fi-drop-lupa svg, .inecag .inecag-fi-drop-lupa svg,
section.inecag .p-finfo-drop-lupa svg, .p-finfo-drop-lupa svg {
  position: absolute;
  left: 10px;
  color: var(--sb-sub-color, var(--ag-mute));
  pointer-events: none;
}
section.inecag input.inecag-fi-drop-buscar, .inecag .inecag-fi-drop-buscar,
section.inecag input.p-finfo-drop-buscar, .p-finfo-drop-buscar {
  flex: 1;
  height: 34px;
  min-height: 34px;
  padding: 0 10px 0 32px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 6px;
  color: var(--sb-item-color, var(--ag-texto));
  font-family: inherit;
  font-size: 14px;
}
section.inecag button.inecag-fi-drop-nuevo, .inecag .inecag-fi-drop-nuevo,
section.inecag button.p-finfo-drop-nuevo, .p-finfo-drop-nuevo {
  height: 34px;
  padding: 0 12px;
  background: var(--sb-hover, transparent);
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 6px;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
section.inecag .inecag-fi-drop-ops, .inecag .inecag-fi-drop-ops,
section.inecag .p-finfo-drop-ops, .p-finfo-drop-ops {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
section.inecag button.inecag-fi-drop-op, .inecag .inecag-fi-drop-op,
section.inecag button.p-finfo-drop-op, .p-finfo-drop-op {
  padding: 4px 8px;
  background: transparent;
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .15s, border-color .15s, color .15s;
}
section.inecag button.inecag-fi-drop-op[aria-pressed="true"], .inecag .inecag-fi-drop-op[aria-pressed="true"],
section.inecag button.p-finfo-drop-op[aria-pressed="true"], .p-finfo-drop-op[aria-pressed="true"] {
  border-color: #d9482a;
  color: #d9482a;
  background: #fdece8;
  font-weight: 600;
}
section.inecag .inecag-fi-vacio, .inecag .inecag-fi-vacio {
  margin: 4px 0;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
}
section.inecag .inecag-fi-tools, .inecag .inecag-fi-tools,
section.inecag .p-cadm-editor-toolbar, .p-cadm-editor-toolbar {
  display: flex;
  gap: 4px;
  padding: 6px 10px;
  background: #f4f5f6;
  border: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag button.inecag-fi-tool, .inecag .inecag-fi-tool,
section.inecag button.p-cadm-editor-tool-btn, .p-cadm-editor-tool-btn {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
}
section.inecag button.inecag-fi-tool:hover, .inecag .inecag-fi-tool:hover,
section.inecag button.p-cadm-editor-tool-btn:hover, .p-cadm-editor-tool-btn:hover {
  background: var(--sb-hover, rgba(125, 125, 125, .15));
}
section.inecag .inecag-fi-editor-corto, .inecag .inecag-fi-editor-corto,
section.inecag .p-finfo-editor-corto, .p-finfo-editor-corto {
  overflow: hidden;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 8px;
}
section.inecag .inecag-fi-editor-corto .inecag-fi-area, .inecag .inecag-fi-editor-corto .inecag-fi-area,
section.inecag .p-finfo-editor-corto textarea.p-campo-control {
  min-height: 96px;
  padding: 8px 10px;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
}
section.inecag .inecag-fi-editor-corto .inecag-fi-tools, .inecag .inecag-fi-editor-corto .inecag-fi-tools,
section.inecag .p-finfo-editor-corto .p-cadm-editor-toolbar {
  border: 0;
  border-top: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 0;
  background: #f4f5f6;
  padding: 6px 10px;
}
section.inecag .inecag-fi-editor-largo .inecag-fi-tools, .inecag .inecag-fi-editor-largo .inecag-fi-tools,
section.inecag .p-finfo-editor-largo .p-cadm-editor-toolbar {
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #f4f5f6;
  padding: 6px 10px;
}
section.inecag .inecag-fi-editor-largo .inecag-fi-area, .inecag .inecag-fi-editor-largo .inecag-fi-area,
section.inecag .p-finfo-editor-largo textarea.p-campo-control {
  border-radius: 0 0 8px 8px;
  padding: 8px 10px;
}
section.inecag .inecag-fi-textos, .inecag .inecag-fi-textos {
  display: grid;
  gap: 0;
  margin-top: 8px;
  border-top: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-fi-tl, .inecag .inecag-fi-tl, section.inecag .p-finfo-texto-largo, .p-finfo-texto-largo {
  border-bottom: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-fi-tl summary, .inecag .inecag-fi-tl summary,
section.inecag .p-finfo-texto-largo summary, .p-finfo-texto-largo summary {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
section.inecag .inecag-fi-tl summary::-webkit-details-marker,
section.inecag .p-finfo-texto-largo summary::-webkit-details-marker {
  display: none;
}
section.inecag .inecag-fi-tl-estado, .inecag .inecag-fi-tl-estado,
section.inecag .p-finfo-tl-estado, .p-finfo-tl-estado {
  color: var(--sb-sub-color, var(--ag-mute));
  font-weight: 400;
  font-size: 13px;
}
section.inecag .inecag-fi-tl[open], .inecag .inecag-fi-tl[open],
section.inecag .p-finfo-texto-largo[open], .p-finfo-texto-largo[open] {
  padding-bottom: 12px;
}

@media (max-width: 1180px) {
  section.inecag .inecag-fi, .inecag .inecag-fi, section.inecag .p-finfo, .p-finfo,
  section.inecag .p-cadm-grid-2, .p-cadm-grid-2 {
    grid-template-columns: 340px minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  section.inecag .inecag-fi, .inecag .inecag-fi, section.inecag .p-finfo, .p-finfo,
  section.inecag .p-cadm-grid-2, .p-cadm-grid-2 {
    grid-template-columns: 100% !important;
  }
  section.inecag .inecag-fi-form, .inecag .inecag-fi-form, section.inecag .p-finfo-form, .p-finfo-form {
    padding-left: 0 !important;
    padding-top: 24px;
  }
}
@media (max-width: 760px) {
  section.inecag .inecag-fi, .inecag .inecag-fi, section.inecag .p-finfo, .p-finfo,
  section.inecag .p-cadm-grid-2, .p-cadm-grid-2 {
    grid-template-columns: 100% !important;
  }
  section.inecag .inecag-fi-form, .inecag .inecag-fi-form, section.inecag .p-finfo-form, .p-finfo-form {
    padding-left: 0 !important;
  }
}
@media (max-width: 620px) {
  section.inecag .inecag-fi-form, .inecag .inecag-fi-form, section.inecag .p-finfo-form, .p-finfo-form {
    gap: 18px;
  }
  section.inecag .inecag-fi-titulo-grupo, .inecag .inecag-fi-titulo-grupo,
  section.inecag .p-finfo-titulo-grupo, .p-finfo-titulo-grupo {
    flex-direction: column !important;
  }
}
@media (max-width: 600px) {
  section.inecag .inecag-fi-etqfila, .inecag .inecag-fi-etqfila,
  section.inecag .p-finfo-etq-fila, .p-finfo-etq-fila {
    flex-wrap: wrap;
  }
}

/* Modo oscuro */
body.oscuro section.inecag input.inecag-fi-in,
body.oscuro section.inecag textarea.inecag-fi-in,
body.oscuro section.inecag select.inecag-fi-in,
body.oscuro section.inecag .p-campo-control,
html.inec-oscuro section.inecag input.inecag-fi-in,
html.inec-oscuro section.inecag textarea.inecag-fi-in,
html.inec-oscuro section.inecag select.inecag-fi-in,
html.inec-oscuro section.inecag .p-campo-control {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
  color: var(--sb-item-color, #e2e8f0);
}
body.oscuro section.inecag .inecag-fi-titulo-grupo input,
body.oscuro .inecag .inecag-fi-titulo-grupo input,
body.oscuro section.inecag .p-finfo-titulo-grupo input,
body.oscuro .p-finfo-titulo-grupo input,
html.inec-oscuro section.inecag .inecag-fi-titulo-grupo input,
html.inec-oscuro .inecag .inecag-fi-titulo-grupo input,
html.inec-oscuro section.inecag .p-finfo-titulo-grupo input,
html.inec-oscuro .p-finfo-titulo-grupo input {
  background: transparent;
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
body.oscuro section.inecag .inecag-fi-pop,
body.oscuro section.inecag .p-finfo-drop-pop,
html.inec-oscuro section.inecag .inecag-fi-pop,
html.inec-oscuro section.inecag .p-finfo-drop-pop {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
  color: var(--sb-item-color, #e2e8f0);
}
body.oscuro section.inecag .inecag-fi-editor-corto,
body.oscuro section.inecag .p-finfo-editor-corto,
html.inec-oscuro section.inecag .inecag-fi-editor-corto,
html.inec-oscuro section.inecag .p-finfo-editor-corto {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
html.inec-oscuro section.inecag .inecag-fi-drop:hover,
html.inec-oscuro .inecag .inecag-fi-drop:hover,
html.inec-oscuro section.inecag .inecag-fi-drop[aria-expanded="true"],
html.inec-oscuro .inecag .inecag-fi-drop[aria-expanded="true"],
html.inec-oscuro section.inecag .inecag-fi-drop[data-sel="1"],
html.inec-oscuro .inecag .inecag-fi-drop[data-sel="1"],
html.inec-oscuro section.inecag .p-finfo-drop:hover,
html.inec-oscuro .p-finfo-drop:hover,
html.inec-oscuro section.inecag .p-finfo-drop[aria-expanded="true"],
html.inec-oscuro .p-finfo-drop[aria-expanded="true"],
html.inec-oscuro section.inecag .p-finfo-drop[data-sel="1"],
html.inec-oscuro .p-finfo-drop[data-sel="1"],
body.oscuro section.inecag .inecag-fi-drop:hover,
body.oscuro .inecag .inecag-fi-drop:hover,
body.oscuro section.inecag .inecag-fi-drop[aria-expanded="true"],
body.oscuro .inecag .inecag-fi-drop[aria-expanded="true"],
body.oscuro section.inecag .inecag-fi-drop[data-sel="1"],
body.oscuro .inecag .inecag-fi-drop[data-sel="1"],
body.oscuro section.inecag .p-finfo-drop:hover,
body.oscuro .p-finfo-drop:hover,
body.oscuro section.inecag .p-finfo-drop[aria-expanded="true"],
body.oscuro .p-finfo-drop[aria-expanded="true"],
body.oscuro section.inecag .p-finfo-drop[data-sel="1"],
body.oscuro .p-finfo-drop[data-sel="1"] {
  border-color: #d9482a;
  color: #ff9a80;
}
html.inec-oscuro section.inecag button.inecag-fi-drop-op[aria-pressed="true"],
html.inec-oscuro .inecag button.inecag-fi-drop-op[aria-pressed="true"],
html.inec-oscuro section.inecag button.p-finfo-drop-op[aria-pressed="true"],
html.inec-oscuro .p-finfo-drop-op[aria-pressed="true"],
body.oscuro section.inecag button.inecag-fi-drop-op[aria-pressed="true"],
body.oscuro .inecag button.inecag-fi-drop-op[aria-pressed="true"],
body.oscuro section.inecag button.p-finfo-drop-op[aria-pressed="true"],
body.oscuro .p-finfo-drop-op[aria-pressed="true"] {
  border-color: #d9482a;
  color: #ff9a80;
  background: #4a2419;
}
html.inec-oscuro section.inecag .inecag-fi-tools,
html.inec-oscuro .inecag .inecag-fi-tools,
html.inec-oscuro section.inecag .p-cadm-editor-toolbar,
html.inec-oscuro .p-cadm-editor-toolbar,
body.oscuro section.inecag .inecag-fi-tools,
body.oscuro .inecag .inecag-fi-tools,
body.oscuro section.inecag .p-cadm-editor-toolbar,
body.oscuro .p-cadm-editor-toolbar {
  background: var(--sb-hover, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}


/* ---- paso 1: vista previa ---- */
section.inecag .inecag-fi-prev, .inecag .inecag-fi-prev,
section.inecag .p-finfo-preview-col, .p-finfo-preview-col {
  position: sticky;
  top: 16px;
  align-self: start;
  min-width: 0;
  padding: 24px;
  background: #f4f5f6;
  border-right: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-fi-prev h3, .inecag .inecag-fi-prev h3,
section.inecag .p-finfo-preview-col h3, .p-finfo-preview-col h3 {
  margin: 0 0 8px;
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
section.inecag .inecag-fi-ayuda, .inecag .inecag-fi-ayuda,
section.inecag .p-finfo-ayuda, .p-finfo-ayuda {
  margin: 0;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 13px;
  line-height: 1.5;
}
section.inecag .inecag-fi-sep, .inecag .inecag-fi-sep,
section.inecag .p-finfo-sep, .p-finfo-sep {
  margin: 20px 0;
  border: 0;
  border-top: 0.8px solid var(--c-borde, var(--ag-borde));
  background: transparent;
}
section.inecag .inecag-fi-card, .inecag .inecag-fi-card,
section.inecag .p-finfo-card, .p-finfo-card {
  overflow: clip;
  background: var(--sb-fondo, var(--ag-tarjeta));
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}
section.inecag .inecag-fi-cover-wrap, .inecag .inecag-fi-cover-wrap,
section.inecag .p-cadm-cover-preview, .p-cadm-cover-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f4f5f6;
}
section.inecag .inecag-fi-cover, .inecag .inecag-fi-cover,
section.inecag .p-finfo-img, .p-finfo-img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: rgba(125, 125, 125, .18);
}
section.inecag .inecag-fi-play, .inecag .inecag-fi-play,
section.inecag .p-finfo-cover-play, .p-finfo-cover-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  background: rgba(0, 0, 0, .55);
  border-radius: 50%;
  color: #fff;
  pointer-events: none;
}
section.inecag .inecag-fi-play svg, .inecag .inecag-fi-play svg,
section.inecag .p-finfo-cover-play svg, .p-finfo-cover-play svg {
  width: 16px;
  height: 16px;
}
section.inecag .inecag-fi-play[hidden], .inecag .inecag-fi-play[hidden],
section.inecag .p-finfo-cover-play[hidden], .p-finfo-cover-play[hidden] {
  display: none;
}
section.inecag .inecag-fi-cover:not([src]), .inecag .inecag-fi-cover:not([src]) {
  display: none;
}
section.inecag .inecag-fi-poster, .inecag .inecag-fi-poster {
  display: block;
}
section.inecag .inecag-fi-poster svg, .inecag .inecag-fi-poster svg {
  display: block;
  width: 100%;
  height: auto;
}
section.inecag .inecag-fi-cover[src] + .inecag-fi-poster, .inecag .inecag-fi-cover[src] + .inecag-fi-poster {
  display: none;
}
section.inecag .inecag-fi-img-acc, .inecag .inecag-fi-img-acc,
section.inecag .p-finfo-imagen-acciones, .p-finfo-imagen-acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  padding: 10px 16px;
  border-bottom: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-fi-img-acc .inecag-fi-cambiar,
.inecag .inecag-fi-img-acc .inecag-fi-cambiar,
section.inecag .inecag-fi-cambiar, .inecag .inecag-fi-cambiar,
section.inecag .p-finfo-imagen-acciones .p-cadm-btn-cambiar-imagen,
.p-finfo-imagen-acciones .p-cadm-btn-cambiar-imagen,
section.inecag .p-cadm-btn-cambiar-imagen, .p-cadm-btn-cambiar-imagen {
  height: 32px;
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 900px;
}
section.inecag .inecag-fi-img-acc .inecag-fi-quitar,
.inecag .inecag-fi-img-acc .inecag-fi-quitar,
section.inecag .inecag-fi-quitar, .inecag .inecag-fi-quitar,
section.inecag .p-finfo-imagen-acciones .p-finfo-quitar,
.p-finfo-imagen-acciones .p-finfo-quitar,
section.inecag .p-finfo-quitar, .p-finfo-quitar {
  height: auto;
  min-height: 0;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #d9482a;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  display: block;
}
section.inecag .inecag-fi-ayuda-img, .inecag .inecag-fi-ayuda-img {
  flex-basis: 100%;
  margin: 0;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  line-height: 1.4;
}
section.inecag .inecag-fi-card-cuerpo, .inecag .inecag-fi-card-cuerpo,
section.inecag .p-finfo-card-body, .p-finfo-card-body {
  padding: 16px;
}
section.inecag .inecag-fi-card-cat, .inecag .inecag-fi-card-cat,
section.inecag .p-finfo-card-cat, .p-finfo-card-cat {
  display: inline-flex;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 99px;
  background: #fdece8;
  color: #d9482a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}
section.inecag .inecag-fi-card-pref, .inecag .inecag-fi-card-pref,
section.inecag .p-finfo-card-pref, .p-finfo-card-pref {
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
}
section.inecag .inecag-fi-card-pref[hidden], .inecag .inecag-fi-card-pref[hidden],
section.inecag .p-finfo-card-pref[hidden], .p-finfo-card-pref[hidden] {
  display: none;
}
section.inecag .inecag-fi-card-tit, .inecag .inecag-fi-card-tit,
section.inecag .p-finfo-card-tit, .p-finfo-card-tit {
  margin: 11px 0 7px;
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
section.inecag .inecag-fi-card-res, .inecag .inecag-fi-card-res,
section.inecag .p-finfo-card-res, .p-finfo-card-res {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 14px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow-wrap: anywhere;
}
section.inecag .inecag-fi-card-tit-aj, .inecag .inecag-fi-card-tit-aj,
section.inecag .p-finfo-card-generales-tit, .p-finfo-card-generales-tit {
  margin: 20px 0 0;
  padding-top: 10px;
  border-top: 1px solid var(--c-borde, var(--ag-borde));
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}
section.inecag .inecag-fi-card-pie, .inecag .inecag-fi-card-pie,
section.inecag .p-finfo-card-pie, .p-finfo-card-pie {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 0.8px solid var(--c-borde, var(--ag-borde));
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
}
section.inecag .inecag-fi-card-avatar, .inecag .inecag-fi-card-avatar,
section.inecag .p-finfo-avatar, .p-finfo-avatar {
  display: grid;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  background: #fdece8;
  border-radius: 50%;
  color: #d9482a;
  font-size: 11px;
  font-weight: 700;
}
section.inecag .inecag-fi-card-por, .inecag .inecag-fi-card-por,
section.inecag .p-finfo-card-por, .p-finfo-card-por {
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 11px;
}
section.inecag select.inecag-fi-card-autor, .inecag select.inecag-fi-card-autor,
section.inecag .p-finfo-card-autor select, .p-finfo-card-autor select {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 34px;
  padding: 0 18px 0 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 0;
  outline: 0;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
}
/* Mockup: «Por» encima del nombre, avatar a la izquierda de ambos. */
section.inecag .inecag-fi-card-pie, .inecag .inecag-fi-card-pie {
  display: grid;
  grid-template-columns: 30px minmax(0, 165px);
  column-gap: 8px;
  row-gap: 0;
  align-items: center;
}
section.inecag .inecag-fi-card-pie .inecag-fi-card-avatar, .inecag .inecag-fi-card-pie .inecag-fi-card-avatar { grid-row: 1 / 3; }
section.inecag .inecag-fi-card-pie > :not(.inecag-fi-card-avatar), .inecag .inecag-fi-card-pie > :not(.inecag-fi-card-avatar) { grid-column: 2; }
section.inecag .inecag-fi-card-autor-nombre, .inecag .inecag-fi-card-autor-nombre {
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 13px;
  font-weight: 700;
}
section.inecag .inecag-fi-check, .inecag .inecag-fi-check,
section.inecag .p-finfo-check, .p-finfo-check {
  margin-top: 18px;
  padding: 16px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 12px;
}
section.inecag .inecag-fi-check h4, .inecag .inecag-fi-check h4,
section.inecag .p-finfo-check h4, .p-finfo-check h4 {
  margin: 0 0 9px;
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 14px;
  font-weight: 700;
}
section.inecag .inecag-fi-check ul, .inecag .inecag-fi-check ul,
section.inecag .p-finfo-check-list, .p-finfo-check-list {
  display: grid;
  gap: 9px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
section.inecag .inecag-fi-check li, .inecag .inecag-fi-check li,
section.inecag .p-finfo-check-item, .p-finfo-check-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 13px;
  line-height: 1.35;
}
section.inecag .inecag-fi-check li svg, .inecag .inecag-fi-check li svg {
  width: 16px;
  height: 16px;
}
section.inecag .inecag-fi-check li[data-ok="1"], .inecag .inecag-fi-check li[data-ok="1"] {
  color: #d9482a;
}
section.inecag .inecag-fi-check li[data-ok="1"] svg, .inecag .inecag-fi-check li[data-ok="1"] svg {
  color: var(--sb-item-color, var(--ag-texto));
}
section.inecag .inecag-fi-check li[data-ok="0"] svg, .inecag .inecag-fi-check li[data-ok="0"] svg {
  color: var(--ag-error, #ef4444);
}
section.inecag .inecag-fi-link, .inecag .inecag-fi-link {
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-decoration: none;
}
section.inecag .inecag-fi-publicar, .inecag .inecag-fi-publicar,
section.inecag .p-finfo-check-publicar .p-boton, .p-finfo-check-publicar .p-boton {
  width: 100%;
}
section.inecag .inecag-fi-publicar:disabled, .inecag .inecag-fi-publicar:disabled {
  cursor: not-allowed;
  opacity: .5;
}

@media (max-width: 1180px) {
  section.inecag .inecag-fi-prev, .inecag .inecag-fi-prev,
  section.inecag .p-finfo-preview-col, .p-finfo-preview-col {
    padding: 24px 16px;
  }
}
@media (max-width: 900px) {
  section.inecag .inecag-fi-prev, .inecag .inecag-fi-prev,
  section.inecag .p-finfo-preview-col, .p-finfo-preview-col {
    position: static !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--c-borde, var(--ag-borde));
  }
  section.inecag .inecag-fi-card, .inecag .inecag-fi-card,
  section.inecag .p-finfo-card, .p-finfo-card {
    max-width: 340px;
  }
}
@media (max-width: 760px) {
  section.inecag .inecag-fi-prev, .inecag .inecag-fi-prev,
  section.inecag .p-finfo-preview-col, .p-finfo-preview-col {
    position: static !important;
    border-right: 0 !important;
  }
}
@media (max-width: 620px) {
  section.inecag .inecag-fi-prev, .inecag .inecag-fi-prev,
  section.inecag .p-finfo-preview-col, .p-finfo-preview-col {
    padding: 20px 0 !important;
  }
  section.inecag .inecag-fi-card, .inecag .inecag-fi-card,
  section.inecag .p-finfo-card, .p-finfo-card {
    max-width: 420px;
    width: 100%;
  }
}

/* Modo oscuro */
body.oscuro section.inecag .inecag-fi-prev,
body.oscuro section.inecag .p-finfo-preview-col,
html.inec-oscuro section.inecag .inecag-fi-prev,
html.inec-oscuro .inecag .inecag-fi-prev,
html.inec-oscuro section.inecag .p-finfo-preview-col,
html.inec-oscuro .p-finfo-preview-col {
  background: var(--sb-hover, rgba(255, 255, 255, .03));
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
body.oscuro section.inecag .inecag-fi-card,
body.oscuro section.inecag .p-finfo-card,
html.inec-oscuro section.inecag .inecag-fi-card,
html.inec-oscuro .inecag .inecag-fi-card,
html.inec-oscuro section.inecag .p-finfo-card,
html.inec-oscuro .p-finfo-card {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
body.oscuro section.inecag .inecag-fi-cover-wrap,
body.oscuro section.inecag .p-cadm-cover-preview,
html.inec-oscuro section.inecag .inecag-fi-cover-wrap,
html.inec-oscuro .inecag .inecag-fi-cover-wrap,
html.inec-oscuro section.inecag .p-cadm-cover-preview,
html.inec-oscuro .p-cadm-cover-preview {
  background: var(--sb-hover, #1e2530);
}
body.oscuro section.inecag .inecag-fi-card-cat,
body.oscuro section.inecag .p-finfo-card-cat,
html.inec-oscuro section.inecag .inecag-fi-card-cat,
html.inec-oscuro .inecag .inecag-fi-card-cat,
html.inec-oscuro section.inecag .p-finfo-card-cat,
html.inec-oscuro .p-finfo-card-cat {
  background: #4a2419;
  color: #ff9a80;
}
body.oscuro section.inecag .inecag-fi-quitar,
body.oscuro section.inecag .p-finfo-quitar,
html.inec-oscuro section.inecag .inecag-fi-quitar,
html.inec-oscuro .inecag .inecag-fi-quitar,
html.inec-oscuro section.inecag .p-finfo-quitar,
html.inec-oscuro .p-finfo-quitar {
  color: #ff9a80;
}
body.oscuro section.inecag .inecag-fi-card-avatar,
body.oscuro section.inecag .p-finfo-avatar,
html.inec-oscuro section.inecag .inecag-fi-card-avatar,
html.inec-oscuro .inecag .inecag-fi-card-avatar,
html.inec-oscuro section.inecag .p-finfo-avatar,
html.inec-oscuro .p-finfo-avatar {
  background: #4a2419;
  color: #ff9a80;
}
body.oscuro section.inecag select.inecag-fi-card-autor,
body.oscuro .inecag select.inecag-fi-card-autor,
html.inec-oscuro section.inecag select.inecag-fi-card-autor,
html.inec-oscuro .inecag select.inecag-fi-card-autor {
  background: transparent;
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
body.oscuro section.inecag .inecag-fi-check,
body.oscuro section.inecag .p-finfo-check,
html.inec-oscuro section.inecag .inecag-fi-check,
html.inec-oscuro .inecag .inecag-fi-check,
html.inec-oscuro section.inecag .p-finfo-check,
html.inec-oscuro .p-finfo-check {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}


/* ---- paso 1: ajustes generales y por grupos ---- */
section.inecag .inecag-fi-slot-meta, .inecag .inecag-fi-slot-meta,
section.inecag .inecag-fi-slot-ajustes, .inecag .inecag-fi-slot-ajustes {
  position: relative;
}
section.inecag .inecag-fi-aj-wrap, .inecag .inecag-fi-aj-wrap,
section.inecag .p-finfo-meta-wrap, .p-finfo-meta-wrap,
section.inecag .p-finfo-ajuste-wrap, .p-finfo-ajuste-wrap {
  position: static;
  min-width: 0;
}
section.inecag .inecag-fi-meta-grid, .inecag .inecag-fi-meta-grid,
section.inecag .p-finfo-card-meta, .p-finfo-card-meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px 0;
  margin: 10px -8px 0;
}
section.inecag .inecag-fi-meta, .inecag .inecag-fi-meta,
section.inecag .inecag-fi-aj, .inecag .inecag-fi-aj,
section.inecag .p-finfo-meta, .p-finfo-meta,
section.inecag .p-finfo-ajuste, .p-finfo-ajuste {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  width: 100%;
  padding: 4px 0;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--sb-sub-color, var(--ag-mute));
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
}
section.inecag .inecag-fi-meta:hover, .inecag .inecag-fi-meta:hover,
section.inecag .inecag-fi-aj:hover, .inecag .inecag-fi-aj:hover,
section.inecag .p-finfo-meta:hover, .p-finfo-meta:hover,
section.inecag .p-finfo-ajuste:hover, .p-finfo-ajuste:hover {
  background: var(--sb-hover, rgba(125, 125, 125, .12));
}
section.inecag .inecag-fi-meta[data-activo="1"], .inecag .inecag-fi-meta[data-activo="1"],
section.inecag .inecag-fi-aj[data-activo="1"], .inecag .inecag-fi-aj[data-activo="1"],
section.inecag .p-finfo-meta[data-activo="1"], .p-finfo-meta[data-activo="1"],
section.inecag .p-finfo-ajuste[data-activo="1"], .p-finfo-ajuste[data-activo="1"],
section.inecag .p-finfo-meta.activo, .p-finfo-meta.activo,
section.inecag .p-finfo-ajuste.activo, .p-finfo-ajuste.activo {
  color: #d9482a;
}
section.inecag .inecag-fi-meta-ico, .inecag .inecag-fi-meta-ico,
section.inecag .inecag-fi-aj-ico, .inecag .inecag-fi-aj-ico,
section.inecag .p-finfo-meta-ico, .p-finfo-meta-ico {
  position: relative;
  display: inline-flex;
  flex: none;
  justify-content: center;
  width: 18px;
  max-width: 18px;
  height: 18px;
}
section.inecag .inecag-fi-meta[data-activo="1"] .inecag-fi-meta-ico::after,
.inecag .inecag-fi-meta[data-activo="1"] .inecag-fi-meta-ico::after,
section.inecag .inecag-fi-aj[data-activo="1"] .inecag-fi-aj-ico::after,
.inecag .inecag-fi-aj[data-activo="1"] .inecag-fi-aj-ico::after,
section.inecag .p-finfo-meta[data-activo="1"] .p-finfo-meta-ico::after,
.p-finfo-meta[data-activo="1"] .p-finfo-meta-ico::after,
section.inecag .p-finfo-meta.activo .p-finfo-meta-ico::after,
.p-finfo-meta.activo .p-finfo-meta-ico::after,
section.inecag .p-finfo-ajuste.activo .p-finfo-ajuste-ico::after,
.p-finfo-ajuste.activo .p-finfo-ajuste-ico::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -4px;
  width: 6px;
  height: 6px;
  background: #d9482a;
  border-radius: 50%;
}
section.inecag .inecag-fi-meta-etq, .inecag .inecag-fi-meta-etq,
section.inecag .p-finfo-meta-etq, .p-finfo-meta-etq,
section.inecag .p-finfo-card .p-finfo-meta .p-finfo-meta-etq {
  max-width: 64px;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
section.inecag .inecag-fi-meta-valor, .inecag .inecag-fi-meta-valor {
  font-size: 11px;
  font-weight: 600;
  min-height: 1em;
}
section.inecag .p-finfo-meta-valor, .p-finfo-meta-valor {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
section.inecag .inecag-fi-slot-ajustes, .inecag .inecag-fi-slot-ajustes,
section.inecag .p-finfo-card-ajustes, .p-finfo-card-ajustes {
  margin: 8px 0 0;
  padding-top: 8px;
  border-top: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-fi-aj-grupo + .inecag-fi-aj-grupo,
.inecag .inecag-fi-aj-grupo + .inecag-fi-aj-grupo,
section.inecag .p-finfo-card-ajustes-grupo + .p-finfo-card-ajustes-grupo,
.p-finfo-card-ajustes-grupo + .p-finfo-card-ajustes-grupo {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-fi-aj-grupo-tit, .inecag .inecag-fi-aj-grupo-tit,
section.inecag .p-finfo-card-ajustes-tit, .p-finfo-card-ajustes-tit {
  margin: 0 0 6px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}
section.inecag .inecag-fi-aj-grid, .inecag .inecag-fi-aj-grid,
section.inecag .p-finfo-ajustes-grid, .p-finfo-ajustes-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px 0;
  margin: 0 -8px;
}
section.inecag .inecag-fi-aj-etq, .inecag .inecag-fi-aj-etq,
section.inecag .p-finfo-ajuste-etq, .p-finfo-ajuste-etq {
  max-width: 64px;
  overflow-wrap: anywhere;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
section.inecag .inecag-fi-aj-valor, .inecag .inecag-fi-aj-valor {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
section.inecag .inecag-fi-meta[data-tip], .inecag .inecag-fi-meta[data-tip],
section.inecag .inecag-fi-aj[data-tip], .inecag .inecag-fi-aj[data-tip],
section.inecag .p-finfo-meta[data-tip], .p-finfo-meta[data-tip],
section.inecag .p-finfo-ajuste[data-tip], .p-finfo-ajuste[data-tip] {
  position: relative;
}
section.inecag .inecag-fi-meta[data-tip]:hover::after, .inecag .inecag-fi-meta[data-tip]:hover::after,
section.inecag .inecag-fi-aj[data-tip]:hover::after, .inecag .inecag-fi-aj[data-tip]:hover::after,
section.inecag .inecag-fi-meta[data-tip]:focus-visible::after, .inecag .inecag-fi-meta[data-tip]:focus-visible::after,
section.inecag .inecag-fi-aj[data-tip]:focus-visible::after, .inecag .inecag-fi-aj[data-tip]:focus-visible::after,
section.inecag .p-finfo-meta[data-tip]:hover::after, .p-finfo-meta[data-tip]:hover::after,
section.inecag .p-finfo-ajuste[data-tip]:hover::after, .p-finfo-ajuste[data-tip]:hover::after {
  content: attr(data-tip);
  position: absolute;
  z-index: 50;
  bottom: calc(100% + 6px);
  left: 0;
  width: max-content;
  max-width: 220px;
  padding: 6px 8px;
  background: var(--sb-item-color, var(--ag-texto));
  border-radius: 6px;
  color: var(--sb-fondo, var(--ag-fondo));
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  pointer-events: none;
}
/* Rejilla de 5 columnas: la 3.ª centra el tooltip y las 4.ª-5.ª lo anclan a la derecha, para que no se salga de la tarjeta */
section.inecag .inecag-fi-aj-wrap:nth-child(5n+3) [data-tip]:hover::after,
.inecag .inecag-fi-aj-wrap:nth-child(5n+3) [data-tip]:hover::after,
section.inecag .inecag-fi-aj-wrap:nth-child(5n+3) [data-tip]:focus-visible::after,
.inecag .inecag-fi-aj-wrap:nth-child(5n+3) [data-tip]:focus-visible::after {
  left: 50%;
  transform: translateX(-50%);
}
section.inecag .inecag-fi-aj-wrap:nth-child(5n+4) [data-tip]:hover::after,
.inecag .inecag-fi-aj-wrap:nth-child(5n+4) [data-tip]:hover::after,
section.inecag .inecag-fi-aj-wrap:nth-child(5n+4) [data-tip]:focus-visible::after,
.inecag .inecag-fi-aj-wrap:nth-child(5n+4) [data-tip]:focus-visible::after,
section.inecag .inecag-fi-aj-wrap:nth-child(5n) [data-tip]:hover::after,
.inecag .inecag-fi-aj-wrap:nth-child(5n) [data-tip]:hover::after,
section.inecag .inecag-fi-aj-wrap:nth-child(5n) [data-tip]:focus-visible::after,
.inecag .inecag-fi-aj-wrap:nth-child(5n) [data-tip]:focus-visible::after {
  left: auto;
  right: 0;
}
/* Con el popover abierto el tooltip estorba (en táctil el hover se queda pegado) */
section.inecag .inecag-fi-aj-wrap [data-tip][aria-expanded="true"]::after,
.inecag .inecag-fi-aj-wrap [data-tip][aria-expanded="true"]::after {
  display: none;
}
section.inecag .inecag-fi-pop-aj, .inecag .inecag-fi-pop-aj,
section.inecag .p-finfo-pop, .p-finfo-pop {
  left: 0;
  right: 0;
  width: auto;
  padding: 12px;
  box-sizing: border-box;
}
section.inecag .inecag-fi-pop-aj h4, .inecag .inecag-fi-pop-aj h4 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
section.inecag .inecag-fi-pop-tit-fila, .inecag .inecag-fi-pop-tit-fila,
section.inecag .p-finfo-pop-tit-fila, .p-finfo-pop-tit-fila {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
section.inecag .inecag-fi-pop-tit-fila h4, .inecag .inecag-fi-pop-tit-fila h4 {
  margin: 0;
}
section.inecag .inecag-fi-pop-acc, .inecag .inecag-fi-pop-acc,
section.inecag .p-finfo-pop-tit-acciones, .p-finfo-pop-tit-acciones {
  display: flex;
  align-items: center;
  gap: 8px;
}
section.inecag .inecag-fi-pop-ayuda, .inecag .inecag-fi-pop-ayuda,
section.inecag .p-finfo-pop-ayuda, .p-finfo-pop-ayuda {
  margin: 0 0 10px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12.5px;
  line-height: 1.4;
}
section.inecag .inecag-fi-pop-fila-unica, .inecag .inecag-fi-pop-fila-unica,
section.inecag .p-finfo-pop-fila-unica, .p-finfo-pop-fila-unica {
  display: flex;
  align-items: center;
  gap: 8px;
}
section.inecag .inecag-fi-pop-fila-unica > :not(.inecag-fi-listo):not(.inecag-fi-toggle),
.inecag .inecag-fi-pop-fila-unica > :not(.inecag-fi-listo):not(.inecag-fi-toggle) {
  flex: 1;
  min-width: 0;
}
/* El interruptor conserva su tamaño (42x24); el botón Aceptar se va al extremo derecho */
section.inecag .inecag-fi-pop-fila-unica > .inecag-fi-toggle + .inecag-fi-listo,
.inecag .inecag-fi-pop-fila-unica > .inecag-fi-toggle + .inecag-fi-listo {
  margin-left: auto;
}
section.inecag .inecag-fi-listo, .inecag .inecag-fi-listo,
section.inecag .p-finfo-listo, .p-finfo-listo {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  padding: 0;
  background: var(--sb-activo-color, var(--inec-marca, #f16645));
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
}
section.inecag .inecag-fi-pop-sub[hidden], .inecag .inecag-fi-pop-sub[hidden],
section.inecag .p-finfo-pop-sub[hidden], .p-finfo-pop-sub[hidden] {
  display: none;
}
section.inecag .inecag-fi-grid2, .inecag .inecag-fi-grid2,
section.inecag .p-finfo-pop-grid2, .p-finfo-pop-grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
section.inecag .inecag-fi-grid2-goteo, .inecag .inecag-fi-grid2-goteo,
section.inecag .p-finfo-pop-grid2-goteo, .p-finfo-pop-grid2-goteo {
  grid-template-columns: 1.3fr 1fr;
}
section.inecag .inecag-fi-pc, .inecag .inecag-fi-pc {
  min-width: 0;
}
section.inecag .inecag-fi-etq-pc, .inecag .inecag-fi-etq-pc {
  display: block;
  margin-bottom: 4px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 11px;
}
section.inecag input.inecag-fi-in-pc, section.inecag select.inecag-fi-in-pc,
.inecag input.inecag-fi-in-pc, .inecag select.inecag-fi-in-pc {
  min-height: 34px;
  font-size: 13px;
}
section.inecag .inecag-fi-dur, .inecag .inecag-fi-dur,
section.inecag .p-finfo-dur, .p-finfo-dur {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 8px;
  min-height: 34px;
}

/* Interruptor tipo iOS (p-toggle y inecag-fi-toggle) */
section.inecag .inecag-fi-toggle, .inecag .inecag-fi-toggle,
section.inecag .p-toggle, .p-toggle {
  position: relative;
  display: inline-flex;
  flex: none;
  width: 42px;
  height: 24px;
  padding: 2px;
  background: #636363;
  border: 0;
  border-radius: 900px;
  cursor: pointer;
  box-sizing: border-box;
}
section.inecag .inecag-fi-toggle::after, .inecag .inecag-fi-toggle::after,
section.inecag .p-toggle::after, .p-toggle::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: var(--sb-fondo, #fff);
  border-radius: 50%;
  transition: transform .15s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
section.inecag .inecag-fi-toggle[aria-checked="true"], .inecag .inecag-fi-toggle[aria-checked="true"],
section.inecag .p-toggle[aria-checked="true"], .p-toggle[aria-checked="true"] {
  background: var(--inec-marca, var(--inec-primario, #f16645));
}
section.inecag .inecag-fi-toggle[aria-checked="true"]::after,
.inecag .inecag-fi-toggle[aria-checked="true"]::after,
section.inecag .p-toggle[aria-checked="true"]::after,
.p-toggle[aria-checked="true"]::after {
  transform: translateX(18px);
}

/* Lista de interruptores p-cadm-toggle-* del mockup */
section.inecag .p-cadm-toggles-lista, .p-cadm-toggles-lista {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.inecag .p-cadm-toggle-item, .p-cadm-toggle-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 12px;
  background: var(--sb-fondo, var(--ag-fondo));
}
section.inecag .p-cadm-toggle-item-txt h3, .p-cadm-toggle-item-txt h3 {
  margin: 0 0 4px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--sb-item-color, var(--ag-texto));
}
section.inecag .p-cadm-toggle-item-txt p, .p-cadm-toggle-item-txt p {
  margin: 0;
  font-size: 13px;
  color: var(--sb-sub-color, var(--ag-mute));
}

section.inecag .inecag-fi-buscador, .inecag .inecag-fi-buscador,
section.inecag .p-finfo-buscador, .p-finfo-buscador {
  display: grid;
  gap: 8px;
}
section.inecag .inecag-fi-chips, .inecag .inecag-fi-chips,
section.inecag .p-finfo-chips, .p-finfo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
section.inecag .inecag-fi-chips:empty, .inecag .inecag-fi-chips:empty,
section.inecag .p-finfo-chips:empty, .p-finfo-chips:empty {
  display: none;
}
section.inecag .inecag-fi-chip, .inecag .inecag-fi-chip,
section.inecag .p-finfo-chip, .p-finfo-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: var(--sb-hover, rgba(125, 125, 125, .15));
  border-radius: 99px;
  font-size: 12px;
}
section.inecag .inecag-fi-chip button, .inecag .inecag-fi-chip button,
section.inecag .p-finfo-chip button, .p-finfo-chip button {
  padding: 0 2px;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
section.inecag input.inecag-fi-lista-buscar, .inecag input.inecag-fi-lista-buscar,
section.inecag input.p-finfo-lista-buscar, .p-finfo-lista-buscar {
  height: 30px;
  padding: 0 10px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 6px;
  color: var(--sb-item-color, var(--ag-texto));
  font-family: inherit;
  font-size: 13px;
}
section.inecag .inecag-fi-lista-ops, .inecag .inecag-fi-lista-ops,
section.inecag .p-finfo-lista-opciones, .p-finfo-lista-opciones {
  max-height: 200px;
  overflow-y: auto;
}
section.inecag .inecag-fi-lista-op, .inecag .inecag-fi-lista-op,
section.inecag .p-finfo-lista-op, .p-finfo-lista-op {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  font-size: 13px;
}

@media (max-width: 1180px) {
  section.inecag .inecag-fi-meta-etq, .inecag .inecag-fi-meta-etq,
  section.inecag .p-finfo-meta-etq, .p-finfo-meta-etq,
  section.inecag .p-finfo-ajuste-etq, .p-finfo-ajuste-etq {
    font-size: 10px !important;
  }
}
@media (max-width: 600px) {
  section.inecag .inecag-fi-grid2, .inecag .inecag-fi-grid2,
  section.inecag .inecag-fi-grid2-goteo, .inecag .inecag-fi-grid2-goteo,
  section.inecag .p-finfo-pop-grid2, .p-finfo-pop-grid2 {
    grid-template-columns: 1fr;
  }
  section.inecag .inecag-fi-pop-aj, .inecag .inecag-fi-pop-aj,
  section.inecag .p-finfo-pop, .p-finfo-pop {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-height: 72vh !important;
    overflow-y: auto !important;
    border-radius: 12px 12px 0 0 !important;
    z-index: 1200 !important;
  }
}
@media (max-width: 360px) {
  section.inecag .inecag-fi-meta-etq, .inecag .inecag-fi-meta-etq,
  section.inecag .p-finfo-meta-etq, .p-finfo-meta-etq,
  section.inecag .p-finfo-ajuste-etq, .p-finfo-ajuste-etq {
    font-size: 9.5px !important;
  }
}

/* Modo oscuro */
body.oscuro section.inecag .inecag-fi-pop-aj,
body.oscuro section.inecag .p-finfo-pop,
body.oscuro section.inecag .p-cadm-toggle-item,
html.inec-oscuro section.inecag .inecag-fi-pop-aj,
html.inec-oscuro section.inecag .p-finfo-pop,
html.inec-oscuro section.inecag .p-cadm-toggle-item {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
  color: var(--sb-item-color, #e2e8f0);
}
html.inec-oscuro section.inecag .inecag-fi-meta[data-activo="1"],
html.inec-oscuro .inecag .inecag-fi-meta[data-activo="1"],
html.inec-oscuro section.inecag .inecag-fi-aj[data-activo="1"],
html.inec-oscuro .inecag .inecag-fi-aj[data-activo="1"],
html.inec-oscuro section.inecag .p-finfo-meta[data-activo="1"],
html.inec-oscuro .p-finfo-meta[data-activo="1"],
html.inec-oscuro section.inecag .p-finfo-ajuste[data-activo="1"],
html.inec-oscuro .p-finfo-ajuste[data-activo="1"],
html.inec-oscuro section.inecag .p-finfo-meta.activo,
html.inec-oscuro .p-finfo-meta.activo,
html.inec-oscuro section.inecag .p-finfo-ajuste.activo,
html.inec-oscuro .p-finfo-ajuste.activo,
body.oscuro section.inecag .inecag-fi-meta[data-activo="1"],
body.oscuro .inecag .inecag-fi-meta[data-activo="1"],
body.oscuro section.inecag .inecag-fi-aj[data-activo="1"],
body.oscuro .inecag .inecag-fi-aj[data-activo="1"],
body.oscuro section.inecag .p-finfo-meta[data-activo="1"],
body.oscuro .p-finfo-meta[data-activo="1"],
body.oscuro section.inecag .p-finfo-ajuste[data-activo="1"],
body.oscuro .p-finfo-ajuste[data-activo="1"],
body.oscuro section.inecag .p-finfo-meta.activo,
body.oscuro .p-finfo-meta.activo,
body.oscuro section.inecag .p-finfo-ajuste.activo,
body.oscuro .p-finfo-ajuste.activo {
  color: #ff9a80;
}
html.inec-oscuro section.inecag .inecag-fi-meta[data-activo="1"] .inecag-fi-meta-ico::after,
html.inec-oscuro .inecag .inecag-fi-meta[data-activo="1"] .inecag-fi-meta-ico::after,
html.inec-oscuro section.inecag .inecag-fi-aj[data-activo="1"] .inecag-fi-aj-ico::after,
html.inec-oscuro .inecag .inecag-fi-aj[data-activo="1"] .inecag-fi-aj-ico::after,
html.inec-oscuro section.inecag .p-finfo-meta[data-activo="1"] .p-finfo-meta-ico::after,
html.inec-oscuro .p-finfo-meta[data-activo="1"] .p-finfo-meta-ico::after,
html.inec-oscuro section.inecag .p-finfo-meta.activo .p-finfo-meta-ico::after,
html.inec-oscuro .p-finfo-meta.activo .p-finfo-meta-ico::after,
html.inec-oscuro section.inecag .p-finfo-ajuste.activo .p-finfo-ajuste-ico::after,
html.inec-oscuro .p-finfo-ajuste.activo .p-finfo-ajuste-ico::after,
body.oscuro section.inecag .inecag-fi-meta[data-activo="1"] .inecag-fi-meta-ico::after,
body.oscuro .inecag .inecag-fi-meta[data-activo="1"] .inecag-fi-meta-ico::after,
body.oscuro section.inecag .inecag-fi-aj[data-activo="1"] .inecag-fi-aj-ico::after,
body.oscuro .inecag .inecag-fi-aj[data-activo="1"] .inecag-fi-aj-ico::after,
body.oscuro section.inecag .p-finfo-meta[data-activo="1"] .p-finfo-meta-ico::after,
body.oscuro .p-finfo-meta[data-activo="1"] .p-finfo-meta-ico::after,
body.oscuro section.inecag .p-finfo-meta.activo .p-finfo-meta-ico::after,
body.oscuro .p-finfo-meta.activo .p-finfo-meta-ico::after,
body.oscuro section.inecag .p-finfo-ajuste.activo .p-finfo-ajuste-ico::after,
body.oscuro .p-finfo-ajuste.activo .p-finfo-ajuste-ico::after {
  background: #ff9a80;
}


/* ---- paso 1: precio y acceso ---- */
section.inecag .inecag-fi-slot-precio, .inecag .inecag-fi-slot-precio {
  display: block;
}
section.inecag .inecag-fi-card-edit, .inecag .inecag-fi-card-edit,
section.inecag .p-finfo-card-edit, .p-finfo-card-edit {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
section.inecag .inecag-fi-card-edit [hidden], .inecag .inecag-fi-card-edit [hidden],
section.inecag .p-finfo-card-edit [hidden], .p-finfo-card-edit [hidden] {
  display: none !important;
}
section.inecag .inecag-fi-card-precio, .inecag .inecag-fi-card-precio,
section.inecag .p-finfo-card-precio, .p-finfo-card-precio {
  flex: none;
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}
section.inecag .inecag-fi-card-precio s, .inecag .inecag-fi-card-precio s,
section.inecag .p-finfo-card-precio s, .p-finfo-card-precio s {
  margin-left: 6px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  font-weight: 400;
}
section.inecag .inecag-fi-card-falta, .inecag .inecag-fi-card-falta,
section.inecag .p-finfo-card-falta, .p-finfo-card-falta {
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 15px;
  font-weight: 500;
}
section.inecag .inecag-fi-modos, .inecag .inecag-fi-modos,
section.inecag .p-finfo-modos, .p-finfo-modos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 2px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 999px;
}
section.inecag .inecag-fi-modo, .inecag .inecag-fi-modo,
section.inecag .p-finfo-modo, .p-finfo-modo {
  height: 28px;
  padding: 0 6px;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--sb-sub-color, var(--ag-mute));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
section.inecag .inecag-fi-modo[aria-pressed="true"], .inecag .inecag-fi-modo[aria-pressed="true"],
section.inecag .p-finfo-modo[aria-pressed="true"], .p-finfo-modo[aria-pressed="true"] {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  color: var(--sb-item-color, var(--ag-texto));
  font-weight: 600;
}
section.inecag .inecag-fi-modo-ayuda, .inecag .inecag-fi-modo-ayuda,
section.inecag .p-finfo-modo-ayuda, .p-finfo-modo-ayuda {
  margin: -4px 0 0;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
}
section.inecag .inecag-fi-pago, .inecag .inecag-fi-pago,
section.inecag .p-finfo-pago, .p-finfo-pago {
  display: grid;
  gap: 10px;
}
section.inecag .inecag-fi-origenes, .inecag .inecag-fi-origenes,
section.inecag .p-finfo-origenes, .p-finfo-origenes {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  border-bottom: 1px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-fi-origen, .inecag .inecag-fi-origen,
section.inecag .p-finfo-origen, .p-finfo-origen {
  margin-bottom: -1px;
  padding: 4px 0 6px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--sb-sub-color, var(--ag-mute));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
}
section.inecag .inecag-fi-origen[aria-pressed="true"], .inecag .inecag-fi-origen[aria-pressed="true"],
section.inecag .p-finfo-origen[aria-pressed="true"], .p-finfo-origen[aria-pressed="true"] {
  border-bottom-color: var(--sb-activo-color, var(--inec-marca, #f16645));
  color: var(--sb-item-color, var(--ag-texto));
  font-weight: 600;
}
section.inecag .inecag-fi-pago-panel, .inecag .inecag-fi-pago-panel,
section.inecag .p-finfo-pago-panel, .p-finfo-pago-panel {
  display: grid;
  gap: 8px;
}
section.inecag .inecag-fi-pago-grid, .inecag .inecag-fi-pago-grid,
section.inecag .p-finfo-pago-grid, .p-finfo-pago-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
section.inecag .inecag-fi-pago-fila, .inecag .inecag-fi-pago-fila,
section.inecag .p-finfo-pago-fila, .p-finfo-pago-fila {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 13px;
}
section.inecag .inecag-fi-card-campo, .inecag .inecag-fi-card-campo,
section.inecag .p-finfo-card-campo, .p-finfo-card-campo {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 11px;
}
section.inecag .inecag-fi-precio-control, .inecag .inecag-fi-precio-control,
section.inecag .p-finfo-precio-control, .p-finfo-precio-control {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-height: 38px;
  height: 38px;
  box-sizing: border-box;
  padding: 0 10px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 8px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 13px;
}
section.inecag .inecag-fi-precio-control .inecag-fi-in,
.inecag .inecag-fi-precio-control .inecag-fi-in,
section.inecag .p-finfo-precio-control .p-campo-control,
.p-finfo-precio-control .p-campo-control {
  min-width: 0;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
section.inecag .inecag-fi-dur:has([data-fi-dur="n"][hidden]),
.inecag .inecag-fi-dur:has([data-fi-dur="n"][hidden]) {
  grid-template-columns: 1fr;
}
section.inecag input.inecag-fi-prod-buscar, .inecag input.inecag-fi-prod-buscar,
section.inecag input.p-finfo-prod-buscar, .p-finfo-prod-buscar {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 10px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 8px;
  color: var(--sb-item-color, var(--ag-texto));
  font-family: inherit;
  font-size: 13px;
}
section.inecag .inecag-fi-prod-lista, .inecag .inecag-fi-prod-lista,
section.inecag .p-finfo-prod-lista, .p-finfo-prod-lista {
  display: grid;
  max-height: 200px;
  overflow: auto;
}
section.inecag .inecag-fi-prod-op, .inecag .inecag-fi-prod-op,
section.inecag .inecag-fi-memb-op, .inecag .inecag-fi-memb-op,
section.inecag .p-finfo-prod-op, .p-finfo-prod-op,
section.inecag .p-finfo-memb-op, .p-finfo-memb-op {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 4px;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  text-align: left;
}
section.inecag .inecag-fi-prod-op:hover, .inecag .inecag-fi-prod-op:hover,
section.inecag .inecag-fi-memb-op:hover, .inecag .inecag-fi-memb-op:hover,
section.inecag .p-finfo-prod-op:hover, .p-finfo-prod-op:hover,
section.inecag .p-finfo-memb-op:hover, .p-finfo-memb-op:hover {
  background: var(--sb-hover, var(--ag-fondo));
}
section.inecag .inecag-fi-prod-op[aria-pressed="true"], .inecag .inecag-fi-prod-op[aria-pressed="true"],
section.inecag .inecag-fi-memb-op[aria-pressed="true"], .inecag .inecag-fi-memb-op[aria-pressed="true"],
section.inecag .p-finfo-prod-op[aria-pressed="true"], .p-finfo-prod-op[aria-pressed="true"],
section.inecag .p-finfo-memb-op[aria-pressed="true"], .p-finfo-memb-op[aria-pressed="true"] {
  font-weight: 600;
}
section.inecag .inecag-fi-prod-vacio, .inecag .inecag-fi-prod-vacio,
section.inecag .inecag-fi-memb-vacio, .inecag .inecag-fi-memb-vacio,
section.inecag .p-finfo-prod-vacio, .p-finfo-prod-vacio {
  margin: 4px 0;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
}

/* Modo oscuro */
body.oscuro section.inecag .inecag-fi-modo[aria-pressed="true"],
body.oscuro section.inecag .p-finfo-modo[aria-pressed="true"],
html.inec-oscuro section.inecag .inecag-fi-modo[aria-pressed="true"],
html.inec-oscuro section.inecag .p-finfo-modo[aria-pressed="true"] {
  background: var(--sb-hover, #2d3748);
  color: var(--sb-item-color, #e2e8f0);
}
body.oscuro section.inecag .inecag-fi-precio-control,
body.oscuro section.inecag .p-finfo-precio-control,
html.inec-oscuro section.inecag .inecag-fi-precio-control,
html.inec-oscuro section.inecag .p-finfo-precio-control {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}


/* ---- paso 2: currículo ---- */
section.inecag .inecag-cu, .inecag .inecag-cu {
  position: relative;
}
section.inecag .inecag-cu-cab, .inecag .inecag-cu-cab,
section.inecag .p-cur-cab, .p-cur-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
section.inecag .inecag-cu-cab-der, .inecag .inecag-cu-cab-der,
section.inecag .p-cur-cab-der, .p-cur-cab-der {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
section.inecag .inecag-cu-tit, .inecag .inecag-cu-tit,
section.inecag .p-cur-tit, .p-cur-tit {
  margin: 0;
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
section.inecag .inecag-cu-horas, .inecag .inecag-cu-horas,
section.inecag .p-cur-horas, .p-cur-horas {
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
section.inecag .inecag-cu-boton, .inecag .inecag-cu-boton,
section.inecag .p-cur-cab .p-boton, .p-cur-cab .p-boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 36px;
  padding: 0 14px;
  background: transparent;
  border: 1px solid var(--sb-item-color, var(--ag-texto));
  border-radius: 900px;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
section.inecag .inecag-cu-boton svg, .inecag .inecag-cu-boton svg,
section.inecag .p-cur-cab .p-boton svg, .p-cur-cab .p-boton svg {
  width: 18px;
  height: 18px;
}
section.inecag .inecag-cu-boton:hover, .inecag .inecag-cu-boton:hover,
section.inecag .p-cur-cab .p-boton:hover, .p-cur-cab .p-boton:hover {
  filter: brightness(.96);
  background: transparent;
}
section.inecag .inecag-cu-add:hover, .inecag .inecag-cu-add:hover,
section.inecag .p-cur-add:hover, .p-cur-add:hover {
  background: var(--sb-hover, var(--ag-suave, #f4f5f6));
}
section.inecag .inecag-cu [aria-disabled="true"], .inecag .inecag-cu [aria-disabled="true"] {
  opacity: .6;
  cursor: not-allowed;
}
section.inecag .inecag-cu-modulo, .inecag .inecag-cu-modulo,
section.inecag .p-cur-modulo, .p-cur-modulo {
  margin-bottom: 16px;
  overflow: hidden;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 16px;
}
section.inecag .inecag-cu-modulo.es-destino, .inecag .inecag-cu-modulo.es-destino {
  outline: 2px dashed var(--sb-activo-color, var(--inec-marca, #f16645));
}
section.inecag .inecag-cu-mod-cab, .inecag .inecag-cu-mod-cab,
section.inecag .p-cur-mod-cab, .p-cur-mod-cab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  background: #f4f5f6;
  border-bottom: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-cu-mod-cab-top, .inecag .inecag-cu-mod-cab-top,
section.inecag .p-cur-mod-cab-top, .p-cur-mod-cab-top {
  display: inline-flex;
  align-items: center;
  flex: none;
  gap: 12px;
}
section.inecag .inecag-cu-mod-etiqueta, .inecag .inecag-cu-mod-etiqueta,
section.inecag .p-cur-mod-etiqueta, .p-cur-mod-etiqueta {
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .04em;
  white-space: nowrap;
}
section.inecag .inecag-cu-asa, .inecag .inecag-cu-asa,
section.inecag .p-cur-asa, .p-cur-asa {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  padding: 0;
  color: var(--sb-sub-color, var(--ag-mute));
  cursor: grab;
  line-height: normal;
}
section.inecag .inecag-cu-asa svg, .inecag .inecag-cu-asa svg,
section.inecag .p-cur-asa svg, .p-cur-asa svg {
  width: 18px;
  height: 18px;
  display: block;
}
section.inecag input.inecag-cu-mod-titulo, .inecag input.inecag-cu-mod-titulo,
section.inecag input.p-cur-mod-titulo, .p-cur-mod-titulo {
  flex: 1;
  width: 100%;
  min-width: 0;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--sb-item-color, var(--ag-texto));
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  outline: none;
}
section.inecag input.inecag-cu-mod-titulo:focus, .inecag input.inecag-cu-mod-titulo:focus,
section.inecag input.p-cur-mod-titulo:focus, .p-cur-mod-titulo:focus {
  background: var(--sb-fondo, var(--ag-fondo));
  box-shadow: 0 0 0 1.5px var(--sb-activo-color, var(--inec-marca, #f16645));
}
section.inecag .inecag-cu-mod-conteo, .inecag .inecag-cu-mod-conteo,
section.inecag .p-cur-mod-conteo, .p-cur-mod-conteo {
  flex: none;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  line-height: normal;
  white-space: nowrap;
}
section.inecag .inecag-cu-mod-acciones, .inecag .inecag-cu-mod-acciones,
section.inecag .p-cur-mod-acciones, .p-cur-mod-acciones {
  display: inline-flex;
  align-items: center;
  flex: none;
  gap: 6px;
  margin-left: auto;
}
section.inecag .inecag-cu-fila, .inecag .inecag-cu-fila,
section.inecag .p-cur-fila, .p-cur-fila {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  background: var(--sb-fondo, var(--ag-fondo));
  border-bottom: 0.8px solid var(--c-borde, var(--ag-borde));
}
section.inecag .inecag-cu-fila-izq, .inecag .inecag-cu-fila-izq,
section.inecag .p-cur-fila-izq, .p-cur-fila-izq {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 12px;
  min-width: 0;
}
section.inecag .inecag-cu-fila-ico, .inecag .inecag-cu-fila-ico,
section.inecag .p-cur-fila-ico, .p-cur-fila-ico {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  background: #fdece8;
  border-radius: 8px;
  color: #d9482a;
}
section.inecag .inecag-cu-fila-info, .inecag .inecag-cu-fila-info,
section.inecag .p-cur-fila-info, .p-cur-fila-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
section.inecag .inecag-cu-fila-tit, .inecag .inecag-cu-fila-tit,
section.inecag .p-cur-fila-tit, .p-cur-fila-tit {
  overflow: hidden;
  color: var(--sb-item-color, var(--ag-texto));
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.inecag .inecag-cu-fila-sub, .inecag .inecag-cu-fila-sub,
section.inecag .p-cur-fila-sub, .p-cur-fila-sub {
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
  line-height: normal;
}
section.inecag .inecag-cu-fila-der, .inecag .inecag-cu-fila-der,
section.inecag .p-cur-fila-der, .p-cur-fila-der {
  display: flex;
  align-items: center;
  flex: none;
  gap: 8px;
}
section.inecag .inecag-cu-btn-editar, .inecag .inecag-cu-btn-editar,
section.inecag .p-cur-btn-editar, .p-cur-btn-editar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}
section.inecag .inecag-cu-btn-editar:hover, .inecag .inecag-cu-btn-editar:hover,
section.inecag .p-cur-btn-editar:hover, .p-cur-btn-editar:hover {
  background: var(--sb-hover, var(--ag-suave, #f4f5f6));
}
section.inecag .inecag-cu-btn-editar-ico, .inecag .inecag-cu-btn-editar-ico,
section.inecag .p-cur-btn-editar-ico, .p-cur-btn-editar-ico {
  display: none;
  width: 32px;
  height: 32px;
  place-items: center;
}
section.inecag .inecag-cu-btn-editar-txt, .inecag .inecag-cu-btn-editar-txt,
section.inecag .p-cur-btn-editar-txt, .p-cur-btn-editar-txt {
  display: inline;
  font-weight: 500;
  line-height: normal;
}
section.inecag .inecag-cu-btn-ico, .inecag .inecag-cu-btn-ico,
section.inecag .p-cur-btn-ico, .p-cur-btn-ico {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--sb-sub-color, var(--ag-mute));
  cursor: pointer;
  font-weight: 400;
  line-height: normal;
}
section.inecag .inecag-cu-btn-ico:hover, .inecag .inecag-cu-btn-ico:hover,
section.inecag .p-cur-btn-ico:hover, .p-cur-btn-ico:hover {
  background: var(--sb-hover, var(--ag-suave, #f4f5f6));
  color: var(--sb-item-color, var(--ag-texto));
}
section.inecag .inecag-cu-btn-del:hover, .inecag .inecag-cu-btn-del:hover,
section.inecag .p-cur-btn-del:hover, .p-cur-btn-del:hover {
  background: var(--c-peligro-fondo, color-mix(in srgb, var(--ag-error) 12%, transparent));
  color: var(--c-peligro-texto, var(--ag-error, #ef4444));
}
section.inecag .inecag-cu-mod-pie, .inecag .inecag-cu-mod-pie,
section.inecag .p-cur-mod-pie, .p-cur-mod-pie {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 12px 20px;
  background: var(--sb-fondo, var(--ag-fondo));
}
section.inecag .inecag-cu-add, .inecag .inecag-cu-add,
section.inecag .p-cur-add, .p-cur-add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}
section.inecag .inecag-cu-caret, .inecag .inecag-cu-caret,
section.inecag .p-cur-caret, .p-cur-caret {
  font-weight: 500;
  line-height: normal;
}
section.inecag .inecag-cu-vacio, .inecag .inecag-cu-vacio,
section.inecag .p-cur-vacio, .p-cur-vacio {
  padding: 40px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 1px dashed var(--c-borde, var(--ag-borde));
  border-radius: 16px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 14px;
  text-align: center;
}
section.inecag .inecag-cu-menu, .inecag .inecag-cu-menu,
section.inecag .p-cur-menu, .p-cur-menu {
  position: absolute;
  z-index: 3000;
  min-width: 220px;
  max-height: min(60vh, 420px);
  overflow-y: auto;
  padding: 6px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 1px solid var(--c-borde, var(--ag-borde));
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
}
section.inecag .inecag-cu-menu-item, .inecag .inecag-cu-menu-item,
section.inecag .p-cur-menu-item, .p-cur-menu-item {
  display: block;
  width: 100%;
  padding: 8px 10px;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--sb-item-color, var(--ag-texto));
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  text-align: left;
}
section.inecag .inecag-cu-menu-item:hover, .inecag .inecag-cu-menu-item:hover,
section.inecag .p-cur-menu-item:hover, .p-cur-menu-item:hover {
  background: var(--sb-hover, rgba(125, 125, 125, .12));
}
section.inecag .p-cur-menu-item-ia, .p-cur-menu-item-ia {
  color: var(--sb-activo-color, var(--inec-marca, #f16645));
  font-weight: 600;
}
section.inecag .inecag-cu-exist-buscar, .inecag .inecag-cu-exist-buscar {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  margin-bottom: 6px;
  padding: 0 10px;
  background: var(--sb-fondo, var(--ag-fondo));
  border: 0.8px solid var(--c-borde, var(--ag-borde));
  border-radius: 6px;
  color: var(--sb-item-color, var(--ag-texto));
  font-family: inherit;
  font-size: 13px;
}
section.inecag .inecag-cu-vacio-menu, .inecag .inecag-cu-vacio-menu {
  margin: 4px 6px;
  color: var(--sb-sub-color, var(--ag-mute));
  font-size: 12px;
}

@media (max-width: 760px), (max-width: 600px) {
  section.inecag .inecag-cu-cab, .inecag .inecag-cu-cab,
  section.inecag .p-cur-cab, .p-cur-cab {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  section.inecag .inecag-cu-cab-der, .inecag .inecag-cu-cab-der,
  section.inecag .p-cur-cab-der, .p-cur-cab-der {
    gap: 6px;
  }
  section.inecag .inecag-cu-mod-pie, .inecag .inecag-cu-mod-pie,
  section.inecag .p-cur-mod-pie, .p-cur-mod-pie {
    gap: 2px;
  }
  section.inecag .inecag-cu-mod-pie .inecag-cu-add, .inecag .inecag-cu-mod-pie .inecag-cu-add,
  section.inecag .p-cur-mod-pie .p-boton, .p-cur-mod-pie .p-boton {
    flex: 1 1 auto;
    justify-content: center;
    padding: 6px 8px;
    font-size: 12px;
  }
  section.inecag .inecag-cu-mod-cab, .inecag .inecag-cu-mod-cab,
  section.inecag .inecag-cu-fila, .inecag .inecag-cu-fila,
  section.inecag .inecag-cu-mod-pie, .inecag .inecag-cu-mod-pie,
  section.inecag .p-cur-mod-cab, .p-cur-mod-cab,
  section.inecag .p-cur-fila, .p-cur-fila,
  section.inecag .p-cur-mod-pie, .p-cur-mod-pie {
    padding-left: 12px;
    padding-right: 12px;
  }
  section.inecag .inecag-cu-mod-cab, .inecag .inecag-cu-mod-cab,
  section.inecag .p-cur-mod-cab, .p-cur-mod-cab {
    flex-wrap: wrap;
  }
  section.inecag input.inecag-cu-mod-titulo, .inecag input.inecag-cu-mod-titulo,
  section.inecag input.p-cur-mod-titulo, .p-cur-mod-titulo {
    flex: 1 1 100%;
    order: 3;
    min-width: 0;
  }
  section.inecag .inecag-cu-btn-editar-txt, .inecag .inecag-cu-btn-editar-txt,
  section.inecag .p-cur-btn-editar-txt, .p-cur-btn-editar-txt {
    display: none;
  }
  section.inecag .inecag-cu-btn-editar-ico, .inecag .inecag-cu-btn-editar-ico,
  section.inecag .p-cur-btn-editar-ico, .p-cur-btn-editar-ico {
    display: inline-grid;
  }
  section.inecag .inecag-cu-menu, .inecag .inecag-cu-menu,
  section.inecag .p-cur-menu, .p-cur-menu {
    left: 8px !important;
    right: 8px;
    width: auto;
    min-width: 0;
  }
}

/* Modo oscuro */
html.inec-oscuro section.inecag .inecag-cu-modulo,
html.inec-oscuro .inecag-cu-modulo,
html.inec-oscuro section.inecag .p-cur-modulo,
html.inec-oscuro .p-cur-modulo,
body.oscuro section.inecag .inecag-cu-modulo,
body.oscuro section.inecag .p-cur-modulo {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
html.inec-oscuro section.inecag .inecag-cu-mod-cab,
html.inec-oscuro .inecag-cu-mod-cab,
html.inec-oscuro section.inecag .p-cur-mod-cab,
html.inec-oscuro .p-cur-mod-cab,
body.oscuro section.inecag .inecag-cu-mod-cab,
body.oscuro section.inecag .p-cur-mod-cab {
  background: var(--sb-hover, rgba(255, 255, 255, .04));
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
html.inec-oscuro section.inecag .inecag-cu-fila,
html.inec-oscuro .inecag-cu-fila,
html.inec-oscuro section.inecag .p-cur-fila,
html.inec-oscuro .p-cur-fila,
body.oscuro section.inecag .inecag-cu-fila,
body.oscuro section.inecag .p-cur-fila {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
}
html.inec-oscuro section.inecag .inecag-cu-mod-pie,
html.inec-oscuro .inecag-cu-mod-pie,
html.inec-oscuro section.inecag .p-cur-mod-pie,
html.inec-oscuro .p-cur-mod-pie,
body.oscuro section.inecag .inecag-cu-mod-pie,
body.oscuro section.inecag .p-cur-mod-pie {
  background: var(--sb-fondo, #1e2530);
}
html.inec-oscuro section.inecag .inecag-cu-menu,
html.inec-oscuro .inecag-cu-menu,
html.inec-oscuro section.inecag .p-cur-menu,
html.inec-oscuro .p-cur-menu,
body.oscuro section.inecag .inecag-cu-menu,
body.oscuro section.inecag .p-cur-menu {
  background: var(--sb-fondo, #1e2530);
  border-color: var(--c-borde, rgba(255, 255, 255, .1));
  color: var(--sb-item-color, #e2e8f0);
}
html.inec-oscuro section.inecag .inecag-cu-fila-ico,
html.inec-oscuro .inecag-cu-fila-ico,
html.inec-oscuro section.inecag .p-cur-fila-ico,
html.inec-oscuro .p-cur-fila-ico,
body.oscuro section.inecag .inecag-cu-fila-ico,
body.oscuro section.inecag .p-cur-fila-ico {
  background: #4a2419;
  color: #ff9a80;
}
html.inec-oscuro section.inecag .inecag-cu-boton,
html.inec-oscuro .inecag-cu-boton,
html.inec-oscuro section.inecag .p-cur-cab .p-boton,
html.inec-oscuro .p-cur-cab .p-boton,
body.oscuro section.inecag .inecag-cu-boton,
body.oscuro section.inecag .p-cur-cab .p-boton {
  border-color: var(--sb-item-color, var(--ag-texto));
  color: var(--sb-item-color, var(--ag-texto));
}


/* inecadmcurso: «Crear curso» (paso 0). Acotado a .inecag-crear; el nativo solo se oculta bajo atributo propio. */
html[data-inecagcrear-escritorio] .vibebp_main>.wplms_create_course_overlay,
html[data-inecagcrear-movil] .vibebp_main>.wplms_create_course_overlay { display: none !important; }

.inecag-crear .inecag-cr-sub { margin: 0 0 20px; }
.inecag-crear .inecag-cr-tarjetas { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.inecag-crear .inecag-cr-tarjeta { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left; padding: 20px; font: inherit; color: inherit; cursor: pointer; border: 1px solid var(--inec-borde, rgba(127, 127, 127, .35)); border-radius: 12px; background: var(--inec-superficie, transparent); }
.inecag-crear .inecag-cr-tarjeta:hover:not([disabled]) { border-color: var(--inec-marca); }
.inecag-crear .inecag-cr-tarjeta:focus-visible { outline: 2px solid var(--inec-marca); outline-offset: 2px; }
.inecag-crear .inecag-cr-tarjeta[disabled] { opacity: .7; cursor: not-allowed; }
.inecag-crear .inecag-cr-ico { font-size: 1.4rem; color: var(--inec-marca); }
.inecag-crear .inecag-cr-pronto { font-style: normal; font-size: .75rem; padding: 2px 8px; border-radius: 999px; background: var(--inec-marca-suave); color: var(--inec-marca-fuerte); }
.inecag-crear .inecag-cr-borrador { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--inec-marca); border-radius: 12px; background: var(--inec-marca-suave); }
.inecag-crear .inecag-cr-borrador > span { flex: 1 1 220px; }
html.inec-oscuro .inecag-crear .inecag-cr-borrador { background: transparent; }

@media (max-width: 720px) {
  .inecag-crear .inecag-cr-tarjetas { grid-template-columns: 1fr; }
}