/* Operaria Edu · capa de marca sobre sistema.css (copia derivada del de Rubria).
   Marca propia (Francisco, 6-oct-2026): paleta y tipografías de la marca paraguas, orbital en el par azul de Flow,
   sin el violeta de Rubria.
   Fuera de default, firmado: el lugar de la «rebeldía» del sistema (círculos de acción, punto de dónde estás, la palabra
   destacada del título) lo ocupa por ahora el petrol claro, que es el acento de la vestidura flow_primaria del orbital.
   El color de rebeldía propio de Edu lo asignan Do y Francisco; cuando exista, se cambia solo en este bloque. */
:root{
  --violeta:#349891;--violeta-luz:#A9D9D3;--violeta-piso:#EAF3F1;--violeta-tinta:#1F5B57;
  --acento:#132649;--acento-texto:#132649;
}
html[data-modo="oscuro"]{--violeta:#5CC3BA;--violeta-piso:rgba(92,195,186,.18);--violeta-tinta:#A9D9D3}
.h1 em,.h2 em{color:var(--petrol)}
html[data-modo="oscuro"] .h1 em,html[data-modo="oscuro"] .h2 em{color:var(--violeta-luz)}
.ceja i{box-shadow:0 0 0 3px rgba(52,152,145,.22)}
.nl.on .pt{box-shadow:0 0 0 4px rgba(52,152,145,.18),0 0 14px rgba(52,152,145,.55)}
.ahora .p{box-shadow:0 0 0 3px rgba(52,152,145,.25)}

/* ── La marca en el riel: orbital pintado por su motor + nombre ── */
.marca-edu{display:flex;align-items:center;gap:12px;padding:0 8px}
.marca-edu canvas{flex:none}
.marca-edu .t{display:flex;flex-direction:column;min-width:0}
.marca-edu .k{font:400 .6rem/1.3 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--violeta-luz)}
.marca-edu .n{font:400 1.45rem/1.05 var(--serif);color:var(--riel-tinta);letter-spacing:.01em}
.marca-edu .c{font-size:.72rem;color:var(--riel-2)}
.isla .marca-isla{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font:500 1rem var(--serif);white-space:nowrap;overflow:hidden}

/* ── Portada de ingreso ── */
.vitrina-core .marca-grande{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.vitrina-core .marca-grande b{font:300 3rem/1 var(--serif);letter-spacing:.02em}
.vitrina-core .marca-grande b em{color:var(--violeta-luz)}
.aviso-ok{padding:12px 14px;border-radius:var(--r-md);background:var(--ok-piso);color:var(--ok-tinta);font-size:.86rem}

/* ── Formularios del encargo ── */
.form-grid{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:12px 18px;align-items:start}
.form-grid>label{font:400 .62rem/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2);padding-top:.8rem}
.form-grid .campo{width:100%}
select.campo{appearance:auto}
.elecciones{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto;padding:4px}
.eleccion{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:var(--r-md);background:var(--bandeja);cursor:pointer;font-size:.84rem;line-height:1.45}
.eleccion:has(input:checked){background:var(--papel);box-shadow:0 0 0 1.5px var(--petrol-claro)}
.eleccion input{margin-top:3px;accent-color:var(--petrol)}
.eleccion .cod{font:500 .74rem var(--mono)}
.eleccion.apagada{opacity:.55;cursor:not-allowed}
.chips-in{display:flex;flex-wrap:wrap;gap:6px}
.privacidad{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--hoja-calida);font-size:.8rem;line-height:1.45}

/* ── Editor por bloques (pantalla C) ── */
.bloque{position:relative;padding:14px 0;border-bottom:1px dashed var(--linea2)}
.bloque:last-child{border-bottom:0}
.bloque.pc{margin:6px -16px;padding:14px 16px;border-radius:var(--r-md);background:var(--warn-piso);border-bottom-color:transparent;box-shadow:inset 3px 0 0 var(--warn)}
.bloque.marcado{margin:6px -16px;padding:14px 16px;border-radius:var(--r-md);background:var(--err-piso);box-shadow:inset 3px 0 0 var(--err)}
.bloque .indic{display:flex;gap:8px;align-items:center;font-size:.76rem;color:var(--warn-tinta);margin-bottom:8px}
.bloque h2{font:500 1.9rem/1.1 var(--serif);margin:0 0 6px;letter-spacing:-.01em}
.bloque h3{font:500 1.25rem/1.2 var(--serif);margin:0 0 6px}
.bloque .meta{font:400 .66rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}
.bloque textarea.campo,.bloque input.campo{width:100%;background:#fff;color:#132649}
.bloque .alts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:center;margin-top:8px}
.bloque .alts .letra{font:500 .8rem var(--mono);color:var(--tierra)}
.bloque .alts label{display:flex;align-items:center;gap:6px;font:400 .6rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta2);white-space:nowrap}
.bloque .acciones-b{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.bloque .acciones-b .campo{flex:1;min-width:12rem;height:2.1rem}
.bloque figure{margin:8px 0;display:flex;flex-direction:column;gap:6px}
.bloque figure img{max-width:100%;max-height:320px;object-fit:contain;border-radius:6px;background:#fff;align-self:flex-start}
.agregar{display:flex;justify-content:center;margin:4px 0}
.agregar button{font:400 .6rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta3);background:transparent;border:0;padding:6px 10px;border-radius:999px}
.agregar button:hover{color:var(--tinta);background:var(--hover)}
.clave-sug{font:400 .6rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta3)}
.tabla-scroll{overflow-x:auto}
.versiones li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--linea);font-size:.8rem}
.diff-lista{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:.78rem}
.diff-lista code{font:400 .72rem var(--mono);color:var(--tinta2)}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;padding:12px 18px;border-radius:999px;background:var(--acento);color:#EDEAE3;font-size:.84rem;box-shadow:var(--sombra-alta);max-width:calc(100vw - 24px)}
.toast.err{background:var(--err-tinta)}
.vacio{padding:24px;border-radius:var(--r-md);background:var(--bandeja);color:var(--tinta2);font-size:.86rem;text-align:center}
.cargando{color:var(--tinta3);font:400 .66rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:24px 0}
.uso{font-size:.74rem;color:var(--tinta2);line-height:1.45}
.recurso{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--linea);font-size:.82rem}
.recurso a{color:var(--acento-texto);font-weight:500}
.familias{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pie-edu{display:flex;justify-content:center;padding:28px 0 0;font:400 .62rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}
.pie-edu a{color:var(--tinta2);text-decoration:none}
@media (max-width:760px){.form-grid{grid-template-columns:minmax(0,1fr);gap:6px}.form-grid>label{padding-top:10px}.familias{grid-template-columns:minmax(0,1fr)}}
/* enlaces con forma de botón o fila: sin subrayado (el prototipo usa <button>; aquí son enlaces reales) */
a.nl,a.btn,a.linkp,a.mrow,a.pieza,a.tile,.firma-rubria{text-decoration:none}
a.mrow,a.pieza{color:inherit}
main.main:focus,main.main:focus-visible{outline:none;box-shadow:none!important}
.eleccion{flex:none}
.form-grid input[type=file]{max-width:100%;font-size:.8rem}
.verif{flex-wrap:wrap}.verif .est{white-space:normal;text-align:left}
.bloque .indic{align-items:flex-start}.bloque .indic .est{flex:none}
.fila{flex-wrap:wrap}