/* PORTAL DIF≠ERENTE — estilos compartidos de cuenta/comunidad/admin */
:root{
  --crema:#F3EDDC; --crema2:#EDE4CD; --verde:#2C4A39; --verde-osc:#223B2D;
  --naranja:#E8622C; --magenta:#8E2E5C; --rosa:#EFA8C3; --rosa-claro:#F6DCE7;
  --tinta:#231F1A; --gris:#6E6657; --linea:#DCD2B8; --blanco:#FFFDF7;
  --ok:#1F5C3D; --ok-bg:#E3EFE7; --alerta:#8A5B00; --alerta-bg:#F6ECD4; --mal:#8C1D18; --mal-bg:#F7E1DF;
  --grotesk:'Space Grotesk','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%;}
body{background:var(--crema);color:var(--tinta);font-family:var(--grotesk);margin:0;line-height:1.55;}
.wrap{max-width:860px;margin:0 auto;padding:0 16px 5rem;}
h1,h2,h3{font-weight:700;line-height:1.05;letter-spacing:-.01em;margin:0;}
.mono{font-family:var(--mono);}
.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--naranja);font-weight:500;}
header.top{position:sticky;top:0;z-index:40;background:rgba(243,237,220,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea);}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:0 16px;height:56px;}
.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--tinta);font-weight:700;letter-spacing:.1em;}
.logo .sello{width:30px;height:30px;border-radius:50%;background:var(--verde);color:var(--rosa-claro);display:grid;place-items:center;font-size:1.1rem;}
.logo .neq{color:var(--naranja);font-weight:400;}
.logo small{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.22em;color:var(--gris);font-weight:400;}
.btn{display:inline-block;background:var(--naranja);color:var(--blanco);border:none;border-radius:999px;padding:.7rem 1.3rem;font:700 .92rem var(--grotesk);cursor:pointer;text-decoration:none;}
.btn:hover{background:var(--magenta);}
.btn.sec{background:none;color:var(--tinta);border:1.5px solid var(--tinta);font-weight:500;}
.btn.sec:hover{border-color:var(--naranja);color:var(--naranja);}
.btn.mini{font-size:.74rem;padding:.35rem .8rem;}
.caja{background:var(--blanco);border-radius:14px;padding:1.3rem 1.4rem;margin-top:1rem;border:1px solid var(--linea);}
.caja h2{font-size:1.25rem;margin-bottom:.8rem;}
label{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);display:block;margin:.6rem 0 .25rem;}
input,select,textarea{font-family:var(--mono);font-size:.9rem;color:var(--tinta);border:1.5px solid var(--linea);background:var(--blanco);border-radius:10px;padding:.6rem .7rem;width:100%;}
input:focus,select:focus,textarea:focus{outline:2px solid var(--naranja);}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
.chip{display:inline-block;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;padding:.16rem .55rem;border-radius:999px;white-space:nowrap;}
.chip.ok{background:var(--ok-bg);color:var(--ok);}
.chip.alerta{background:var(--alerta-bg);color:var(--alerta);}
.chip.mal{background:var(--mal-bg);color:var(--mal);}
.chip.neutro{background:var(--crema);color:var(--gris);}
.chip.mesa{background:var(--magenta);color:var(--rosa-claro);}
.nota{font-family:var(--mono);font-size:.7rem;color:var(--gris);line-height:1.6;}
.aviso{background:var(--crema2);border:1.5px dashed var(--linea);border-radius:12px;padding:.8rem 1rem;font-family:var(--mono);font-size:.74rem;color:var(--gris);margin-top:.8rem;}
.error{color:var(--mal);font-family:var(--mono);font-size:.76rem;margin-top:.5rem;min-height:1em;}
nav.tabs{display:flex;gap:.3rem;overflow-x:auto;padding:.7rem 0;}
nav.tabs button{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid transparent;background:none;color:var(--gris);padding:.45rem .9rem;border-radius:999px;cursor:pointer;white-space:nowrap;}
nav.tabs button.on{border-color:var(--tinta);color:var(--tinta);font-weight:700;}
table{width:100%;border-collapse:collapse;font-size:.82rem;background:var(--blanco);}
th{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--crema);background:var(--verde);padding:.5rem .55rem;position:sticky;top:0;}
td{border-bottom:1px solid var(--linea);padding:.45rem .55rem;vertical-align:top;}
.scroll{overflow-x:auto;border:1px solid var(--linea);border-radius:10px;}
td input,td select{padding:.3rem .4rem;font-size:.76rem;}
.post{background:var(--blanco);border-radius:14px;border:1px solid var(--linea);padding:1.3rem 1.4rem;margin-top:1rem;}
.post .tipo{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);}
.post .tipo.edu{color:var(--verde);}
.post h2{font-size:1.3rem;margin:.3rem 0 .5rem;}
.post .cuerpo{color:#3d382f;font-size:.95rem;white-space:pre-wrap;}
.post .fecha{font-family:var(--mono);font-size:.64rem;color:var(--gris);margin-top:.6rem;display:block;}
.coment{border-top:1px solid var(--linea);margin-top:.9rem;padding-top:.7rem;}
.coment .quien{font-family:var(--mono);font-size:.66rem;color:var(--naranja);font-weight:700;}
.coment p{margin:.15rem 0 0;font-size:.88rem;}
.tile{background:var(--blanco);border:1px solid var(--linea);border-radius:12px;padding:.9rem 1rem;}
.tile .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);}
.tile .v{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem;}
@media(max-width:560px){.dos{grid-template-columns:1fr;}.tiles{grid-template-columns:1fr 1fr;}}