/* Escuela Digital 360 — diseño «más humano» para las pantallas de adentro (15 de octubre de 2026).
   Va encima de diseno-nuevo.css: si se quita la línea que lo carga, todo vuelve a como estaba.
   Paleta de Ciénaga: arena de fondo, papel en tarjetas, muro para lo seleccionado, noche para el
   texto, azul solo para botones y enlaces, terracota para avisos y subrayados, verde mangle para
   lo que está bien. Títulos con letra de letrero (ED360 Titulos = Lora, licencia OFL).
   Sin sombras de colores ni degradados; esquinas más pequeñas; la trama de red de pesca bajo la barra. */
@font-face { font-family: "ED360 Titulos"; src: url(/fuentes/titulos-600.woff) format("woff"); font-weight: 600; font-display: swap; }
:root {
  --fondo: #f5efe3; --superficie: #fffdf8; --superficie-marca: #eadfc9; --tinta: #1e2b33; --tinta-2: #55606a;
  --linea: #dccfb5; --linea-control: #9c8f77; --marca: #0b4fa8; --sobre-marca: #ffffff; --acento: #a8482a; --acento-icono: #2e6a4e;
  --peligro: #b23a2e; --peligro-suave: #f6dcd5; --peligro-texto: #8e2c22;
  --exito: #2e6a4e; --exito-suave: #dfeadf; --exito-texto: #24553e;
  --aviso: #b07d12; --aviso-suave: #f6e8c4; --aviso-texto: #6e4f08;
  --radio-control: 6px; --radio-tarjeta: 8px;
  --red-pesca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M0 0 L8 5 L16 0 M0 10 L8 5 L16 10' fill='none' stroke='%23f5efe3' stroke-opacity='.6' stroke-width='1'/%3E%3Ccircle cx='8' cy='5' r='1.3' fill='%23f5efe3' fill-opacity='.75'/%3E%3C/svg%3E");
}
html body { background: var(--fondo); color: var(--tinta); }

/* Títulos con letra de letrero */
html body h1, html body .tb-hola h1, html body .tb-cab h2, html body main h2, html body .card > h2, html body .card > h3 {
  font-family: "ED360 Titulos", Georgia, serif; font-weight: 600; letter-spacing: -0.005em; color: var(--tinta);
}
html body .tb-hola h1 { font-size: 30px; line-height: 36px; }
html body .tb-cab h2 { font-size: 20px; line-height: 26px; }
html body .tb-cab h2 svg { color: var(--acento-icono); }

/* Barra de arriba: papel, con la trama de red de pesca (la atarraya de la Ciénaga Grande) en verde mangle */
html body .tb-arriba, html body header.top.bn { background: var(--superficie); border-bottom: 0; position: relative; }
/* En el rector y la Secretaría la trama va debajo del menú de arriba */
html body aside.ml-lado { position: relative; border-bottom: 0; }
html body .tb-arriba::after, html body aside.ml-lado::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; pointer-events: none; z-index: 1;
  background: #2e6a4e var(--red-pesca) 0 0 / 16px 10px repeat-x;
}

/* Menú lateral: papel; la opción abierta en color muro, letra negra en negrilla, sin azul */
html body .tb-lado { background: var(--superficie); border-right: 1px solid var(--linea); }
html body .tb-lado .pest button.on { background: var(--superficie-marca) !important; color: var(--tinta) !important; font-weight: 700; box-shadow: none; }
html body .tb-lado .pest button.on svg.ico { color: var(--acento) !important; stroke: var(--acento) !important; }
html body .tb-lado .pest button:hover { background: var(--fondo); }
html body .tb-marca b { font-family: "ED360 Titulos", Georgia, serif; font-weight: 600; font-size: 15px; }
html body .tb-seg button.on { color: var(--tinta); box-shadow: inset 0 -2px 0 var(--acento); }

/* Pestañas de las secciones: subrayado terracota, texto negro */
html body .sc-barra { background: var(--fondo); }
html body .sc-barra button.on, html body .sc-barra button.sc-todo.on { color: var(--tinta); box-shadow: inset 0 -3px 0 var(--acento); }
html body nav.tabs#tabs > button.on, html body nav.tabs#tabs .ml-g.actual > .ml-gb { color: var(--tinta); box-shadow: inset 0 -3px 0 var(--acento); }

/* Tarjetas: papel, borde fino, esquinas pequeñas, sin sombra */
html body .card, html body .tb-c, html body .tb-kpi, html body .tb-hb { background: var(--superficie); border-color: var(--linea); box-shadow: none; }
html body .tb-kpi b { font-family: "ED360 Titulos", Georgia, serif; font-weight: 600; color: var(--tinta); }
html body .tb-kpi.a b { color: var(--acento); }
html body .tb-hola .tb-chip { background: var(--superficie-marca); color: var(--tinta); letter-spacing: .03em; }
html body .tb-hola .tb-chip i { background: var(--acento); }

/* Botones: planos, sin degradado ni sombra */
html body button, html body .btn { background-image: none; }
html body button:not(.alt):not(.on):not([class*="tb-"]):not([class*="sc-"]):not([class*="ml-"]):not([class*="cu-"]):not(.rc-enlace) { box-shadow: none; }

/* Campos */
html body input:not([type=checkbox]):not([type=radio]), html body select, html body textarea { background-color: var(--superficie); border-color: var(--linea-control); }
html body input:focus, html body select:focus, html body textarea:focus { outline: 3px solid #e3b23c; outline-offset: 1px; }

/* Tablas: encabezado en arena */
html body table th { background: var(--fondo); color: var(--tinta-2); }

/* Avatar con iniciales: terracota en vez de azul */
html body .mp-av:not(:has(img)) { background: var(--acento) !important; color: #fffdf8 !important; }
/* Celular y tableta: el selector Docente / Director de grupo, en noche en vez de azul */
@media (max-width: 900px) {
  html body .tb-seg button.on { background: var(--tinta) !important; color: #f5efe3 !important; box-shadow: none !important; }
}

/* Íconos y rótulos que venían en azul claro (rector y Secretaría) */
html body .lt-ic, html body .lt-badge { background: var(--superficie-marca) !important; color: var(--tinta) !important; }