/* TDN · Panel de administración — piel Hierro (paleta y kit de assets-ui/interfaces-hierro/plantilla.html),
   adaptada a un panel de escritorio denso. Nada redondeado. */
:root{
  --pagina:#0f0b08; --pagina-2:#1a130d; --linea:#3a2a1c;
  --oro:#d8b468; --oro-2:#a8874a; --texto:#e8dcc6; --texto-2:#a99a84; --texto-3:#7d705f;
  --ok:#93c97e; --error:#e2846a; --info:#86b9e6; --aviso:#e0b45c;
  --bronce:#9c7a45; --bronce-2:#6a5232; --bronce-3:#3d2f1f; --fondo-v:#14100c; --campo:#0a0806;
  --f-gotica:"Pirata One","UnifrakturCook",Georgia,serif;
  --f-rotulo:"Alegreya SC",Georgia,serif;
  --f-texto:"Alegreya",Georgia,serif;
  --f-mono:ui-monospace,"DejaVu Sans Mono",Menlo,monospace;
  --tex:url(assets/hierro/tex_b.png);
  --esq-tl:url(assets/hierro/f_128.png); --esq-tr:url(assets/hierro/f_128_tr.png);
  --esq-bl:url(assets/hierro/f_128_bl.png); --esq-br:url(assets/hierro/f_128_br.png);
  --gema:url(assets/hierro/f_053.png);
  color-scheme:dark;
}
*{box-sizing:border-box;border-radius:0!important}
html,body{margin:0;height:100%;background:var(--pagina);color:var(--texto)}
body{font:15px/1.4 var(--f-texto);background:linear-gradient(#0f0b08e6,#0f0b08f2),var(--tex) 0 0/200px repeat,var(--pagina)}
[hidden]{display:none!important}
a{color:var(--oro)}
::selection{background:#6a523266}
:focus-visible{outline:2px solid #f0d390;outline-offset:1px}
.scroll,main,.lado,.modal .cuerpo{scrollbar-width:thin;scrollbar-color:var(--oro-2) #0000}

/* ======================= portada (login) */
#portada{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#0000 20%,#000d 85%),url(assets/hierro/fondo_login.jpg) center/cover no-repeat #0b0806}
#portada .logo{text-align:center;margin-bottom:18px}
#portada .logo h1{font:400 78px/1 var(--f-gotica);margin:0;background:linear-gradient(#f6dfa0,#c99a4a 60%,#9a7232);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #000) drop-shadow(0 0 24px #000)}
#portada .logo p{margin:4px 0 0;font:700 13px/1 var(--f-rotulo);letter-spacing:.3em;color:var(--texto-2);text-transform:uppercase}
#portada .caja{width:440px}
#portada form{display:flex;flex-direction:column;gap:14px}
#portada .aviso{min-height:20px;font-size:15px;text-align:center}

/* ======================= marco (ventana) */
.marco{position:relative;border:1px solid var(--bronce-2);padding:14px 16px 16px;
  background:linear-gradient(#ffffff07,#0000 120px),var(--tex) 0 0/200px repeat,var(--fondo-v);
  outline:1px solid #c9a25e26;outline-offset:-6px;
  box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000a,inset 0 0 40px #0009,0 10px 30px #000c}
.marco.ornado::before{content:"";position:absolute;inset:-7px;pointer-events:none;filter:saturate(.75) brightness(.85);
  background:var(--esq-tl) left top/30px no-repeat,var(--esq-tr) right top/30px no-repeat,var(--esq-bl) left bottom/30px no-repeat,var(--esq-br) right bottom/30px no-repeat}
.marco.ornado::after{content:"";position:absolute;left:50%;top:-13px;width:24px;height:26px;transform:translateX(-50%);background:var(--gema) center/contain no-repeat;filter:saturate(.7) brightness(.85) drop-shadow(0 2px 3px #000);pointer-events:none}
.marco>h3,.titulo-m{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:400 22px/1.1 var(--f-gotica);color:var(--oro)}
.marco>h3 .der,.titulo-m .der{margin-left:auto;display:flex;gap:6px;align-items:center;font:400 14px var(--f-texto)}
.marco>h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#c9a25e88,#c9a25e00);order:1}
.marco>h3 .der{order:2}
.hueco{background:#0b0806e8;border:1px solid var(--bronce-3);box-shadow:inset 0 2px 8px #000c}

/* ======================= estructura */
#app{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:54px minmax(0,1fr);height:100vh}
#lado{grid-row:1/3;display:flex;flex-direction:column;border-right:1px solid var(--bronce-3);background:linear-gradient(90deg,#120d09,#0d0907),var(--tex) 0 0/200px;box-shadow:inset -1px 0 0 #000}
#lado .marca{padding:12px 14px 10px;border-bottom:1px solid var(--bronce-3);text-align:center}
#lado .marca b{display:block;font:400 30px/1 var(--f-gotica);background:linear-gradient(#f6dfa0,#c99a4a 60%,#9a7232);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000)}
#lado .marca span{font:700 10.5px/1 var(--f-rotulo);letter-spacing:.32em;color:var(--texto-3);text-transform:uppercase}
#menu{flex:1;overflow:auto;padding:8px 8px 16px}
#menu h4{margin:12px 6px 4px;font:700 11px/1 var(--f-rotulo);letter-spacing:.16em;color:var(--texto-3);text-transform:uppercase;display:flex;align-items:center;gap:8px}
#menu h4::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#3d2f1f,#0000)}
#menu a{display:flex;align-items:center;gap:9px;padding:5px 8px;color:var(--texto-2);text-decoration:none;font:500 15px/1.2 var(--f-texto);border-left:2px solid transparent}
#menu a:hover{background:#1a130d;color:var(--texto)}
#menu a[aria-current="page"]{background:linear-gradient(90deg,#3a2b1a,#1a130d00);color:#f2d38c;border-left-color:var(--oro)}
#menu a i{width:8px;height:8px;transform:rotate(45deg);background:var(--bronce-2);flex:none}
#menu a[aria-current="page"] i{background:var(--oro);box-shadow:0 0 6px #c9a25e88}
#lado .pie{padding:8px 12px;border-top:1px solid var(--bronce-3);font:700 11px/1.4 var(--f-rotulo);letter-spacing:.06em;color:var(--texto-3)}

#barra{grid-column:2;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--bronce-3);background:linear-gradient(#1b140e,#100c08);box-shadow:0 1px 0 #000,0 4px 14px #0008;z-index:2}
#barra h2{margin:0;font:400 26px/1 var(--f-gotica);color:var(--oro);white-space:nowrap}
#barra .vivo{display:flex;gap:14px;align-items:center;margin-left:auto;font:700 13px/1 var(--f-rotulo);letter-spacing:.04em;color:var(--texto-2);white-space:nowrap}
#barra .vivo b{color:var(--texto);font-variant-numeric:tabular-nums}
#barra .usuario{display:flex;gap:10px;align-items:center;padding-left:14px;border-left:1px solid var(--bronce-3)}
#barra .usuario b{font:400 18px/1 var(--f-gotica);color:var(--oro)}
main{grid-column:2;overflow:auto;padding:16px 18px 40px;min-height:0}

/* ======================= tipografía y piezas */
.etq{display:block;font:700 11.5px/1 var(--f-rotulo);letter-spacing:.12em;color:var(--texto-3);margin:0 0 5px;text-transform:uppercase}
.ayuda{font-size:13.5px;color:var(--texto-3)}
.ayuda.error,.error-t{color:var(--error)}
.ok-t{color:var(--ok)} .mal-t{color:var(--error)} .info-t{color:var(--info)} .aviso-t{color:var(--aviso)} .tenue{color:var(--texto-3)} .oro-t{color:#e9c76f}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--f-mono);font-size:13px}
.pill{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--f-rotulo);letter-spacing:.06em;color:var(--ok)}
.pill::before{content:"";width:8px;height:8px;transform:rotate(45deg);background:currentColor;box-shadow:0 0 6px currentColor}
.pill.mal{color:var(--error)} .pill.apag{color:var(--texto-3)} .pill.aviso{color:var(--aviso)}
.chip{display:inline-block;font:700 11.5px/1.6 var(--f-rotulo);letter-spacing:.05em;padding:0 6px;background:#2a2016;color:var(--texto-2);border:1px solid #3a2a1c;white-space:nowrap}
.chip.ok{color:var(--ok);background:#1f2a18;border-color:#33452a}.chip.mal{color:var(--error);background:#2f1a14;border-color:#4a2a20}.chip.oro{color:var(--oro);border-color:#5a4426}.chip.info{color:var(--info);background:#14202a;border-color:#24384a}.chip.aviso{color:var(--aviso);background:#2a2212}

/* campos */
.campo{display:flex;flex-direction:column;min-width:0}
.campo.fila{flex-direction:row;align-items:center;gap:8px}
input,select,textarea{font:500 15px/1.2 var(--f-texto);color:var(--texto);background:var(--campo);border:1px solid var(--bronce-3);padding:6px 9px;min-width:0;box-shadow:inset 0 2px 5px #000c;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--bronce);box-shadow:inset 0 2px 5px #000c,0 0 0 2px #c9a25e26}
input[type=number]{font-variant-numeric:tabular-nums}
input::placeholder,textarea::placeholder{color:var(--texto-3)}
select option{background:#1a130d;color:var(--texto)}
textarea{resize:vertical;min-height:70px;font-family:var(--f-texto)}
textarea.mono{font-family:var(--f-mono);font-size:13px}
input.invalido,select.invalido{border-color:var(--error);box-shadow:inset 0 2px 5px #000c,0 0 0 2px #e2846a33}
input[type=checkbox]{appearance:none;width:18px;height:18px;padding:0;border:1px solid var(--bronce-2);background:var(--campo);cursor:pointer;display:inline-grid;place-items:center;vertical-align:middle;flex:none}
input[type=checkbox]:checked{background:linear-gradient(#80592a,#4c3216);border-color:var(--oro)}
input[type=checkbox]:checked::after{content:"";width:6px;height:10px;border:solid #fbecc6;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
input[type=color]{padding:0;height:32px;width:56px;cursor:pointer}
.check{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--texto-2);user-select:none;font-size:14.5px}

/* botones */
.btn{height:32px;border:1px solid var(--bronce-2);padding:0 13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;
  background:linear-gradient(#3b2e23,#241a13 55%,#1d1510);box-shadow:inset 0 1px 0 #ffffff14,inset 0 -2px 0 #0007,0 2px 4px #000a;
  font:700 13.5px/1 var(--f-rotulo);letter-spacing:.05em;color:#dcc89f;text-shadow:0 1px 0 #000}
.btn:hover:not(:disabled){border-color:var(--bronce);background:linear-gradient(#433427,#281d15);color:#f0dfb8}
.btn:active:not(:disabled){background:linear-gradient(#1d1510,#2a2018);box-shadow:inset 0 2px 4px #000c}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.primario{border-color:#b48c4c;background:linear-gradient(#8d6431,#5b3c1a 55%,#4a3013);color:#fbecc6;text-shadow:0 2px 0 #2a1708}
.btn.primario:hover:not(:disabled){background:linear-gradient(#9a6e36,#65431d);border-color:#d4ab64;color:#fff4d6}
.btn.peligro{border-color:#7a3a2a;background:linear-gradient(#5a2a1e,#341810 55%,#2a120c);color:#f2c2b0}
.btn.peligro:hover:not(:disabled){border-color:#b0493a;background:linear-gradient(#6a3224,#3a1a12)}
.btn.chico{height:25px;padding:0 8px;font-size:12px}
.btn.grande{height:42px;font:400 22px/1 var(--f-gotica);letter-spacing:.01em;padding:0 22px}
.btn.cargando{pointer-events:none;opacity:.7}
.btn.cargando::after{content:"…"}
.acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.acciones.der{justify-content:flex-end}

/* interruptor */
.sw{all:unset;flex:none;width:46px;height:22px;background:#0a0806;border:1px solid var(--bronce-3);position:relative;cursor:pointer;box-shadow:inset 0 2px 4px #000}
.sw::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:#4a3d30;border:1px solid #000;transition:left .15s,background .15s}
.sw[aria-checked="true"]{border-color:var(--bronce);background:linear-gradient(90deg,#2c3a22,#1a2414)}
.sw[aria-checked="true"]::after{left:26px;background:linear-gradient(#ecd090,#9a7434)}
.sw:disabled{opacity:.4;cursor:not-allowed}
.sw:focus-visible{outline:2px solid #f0d390;outline-offset:2px}

/* pestañas */
.tabs{display:flex;gap:3px;margin:0 0 12px;border-bottom:1px solid var(--bronce-3)}
.tabs button{height:32px;background:#15100b;border:1px solid var(--bronce-3);border-bottom:0;font:700 13px/1 var(--f-rotulo);letter-spacing:.06em;color:var(--texto-2);padding:0 14px;cursor:pointer;margin-bottom:-1px}
.tabs button:hover{color:var(--texto)}
.tabs button[aria-selected="true"]{background:linear-gradient(#45331e,#2a1f13);border-color:var(--bronce);color:#f2d38c;box-shadow:inset 0 1px 0 #ffe0a022}
.seg{display:inline-flex;gap:2px}
.seg button{height:28px;background:#15100b;border:1px solid var(--bronce-3);font:700 12.5px/1 var(--f-rotulo);letter-spacing:.05em;color:var(--texto-2);padding:0 10px;cursor:pointer}
.seg button[aria-pressed="true"]{background:linear-gradient(#45331e,#2a1f13);border-color:var(--bronce);color:#f2d38c}

/* tablas */
.tabla-w{overflow:auto;max-height:var(--alto,none);border:1px solid var(--bronce-3);background:#0b0806e0;box-shadow:inset 0 2px 8px #000a}
table.tabla{width:100%;border-collapse:collapse;font-size:14px}
.tabla th{font:700 11px/1 var(--f-rotulo);letter-spacing:.1em;color:var(--texto-3);text-align:left;padding:7px 8px;border-bottom:1px solid #d8b46833;text-transform:uppercase;position:sticky;top:0;background:#0f0b08;z-index:1;white-space:nowrap}
.tabla td{padding:4px 8px;border-bottom:1px solid #ffffff0b;color:var(--texto);vertical-align:middle}
.tabla tbody tr:nth-child(even) td{background:#ffffff04}
.tabla tbody tr.clic{cursor:pointer}
.tabla tbody tr.clic:hover td{background:#4a3a2640}
.tabla tr.sel td{background:#4a3a2699!important}
.tabla .n,.tabla th.n{text-align:right;font-variant-numeric:tabular-nums}
.tabla td.acc{white-space:nowrap;text-align:right}
.vacio-txt{color:var(--texto-3);font-style:italic;text-align:center;padding:16px}
.paginador{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:8px;font:700 12px/1 var(--f-rotulo);letter-spacing:.05em;color:var(--texto-3)}

/* grillas */
.g{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.g6{grid-template-columns:repeat(6,minmax(0,1fr))}
.g-12{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.g-21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.span2{grid-column:span 2}.span3{grid-column:span 3}.todo{grid-column:1/-1}
.pila{display:flex;flex-direction:column;gap:14px;min-width:0}
.fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fila.fin{align-items:flex-end}
.form{display:grid;gap:10px 12px}
.sep{height:1px;background:linear-gradient(90deg,#c9a25e55,#0000);margin:10px 0}

/* KPI */
.kpi{position:relative;border:1px solid var(--bronce-3);background:linear-gradient(#1b140e,#0d0a07);padding:10px 12px;box-shadow:inset 0 0 0 1px #000a}
.kpi span{display:block;font:700 11px/1 var(--f-rotulo);letter-spacing:.12em;color:var(--texto-3);text-transform:uppercase}
.kpi b{display:block;margin-top:6px;font:400 32px/1 var(--f-gotica);background:linear-gradient(#f6dfa0,#b8863a);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.kpi small{display:block;margin-top:3px;color:var(--texto-3);font-size:12.5px}
.kpi.ok b{background:linear-gradient(#cfe8b8,#7aa864);-webkit-background-clip:text;background-clip:text}
.kpi.mal b{background:linear-gradient(#f2b7a2,#b8583c);-webkit-background-clip:text;background-clip:text}
.kpi svg{position:absolute;right:8px;bottom:8px;opacity:.9}

/* medidores */
.barra-r{position:relative;height:14px;background:#0a0806;border:1px solid #000;box-shadow:inset 0 2px 4px #000;overflow:hidden}
.barra-r i{position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);background:var(--c,linear-gradient(#d8b46a,#8a6526))}

/* sistemas */
.sis-grupo{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px}
.sis{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:8px 10px;border:1px solid var(--bronce-3);background:#100c08;align-items:start}
.sis.on{border-color:#4a5a32;background:linear-gradient(90deg,#1a2214,#100c08 60%)}
.sis b{font:400 18px/1.1 var(--f-gotica);color:var(--oro)}
.sis .clave{font:500 12px var(--f-mono);color:var(--texto-3);margin-left:6px}
.sis p{grid-column:1/-1;margin:0;font-size:13.5px;color:var(--texto-2)}
.sis .hooks{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--texto-3)}
.sis .hooks span::before{content:"▸ ";color:var(--bronce)}
.sis .ctrl{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.toggle-fila{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #ffffff0a}
.toggle-fila small{display:block;color:var(--texto-3);font-size:12.5px}

/* feed */
.feed{display:flex;flex-direction:column;font-size:13.5px;overflow:auto;max-height:var(--alto,320px)}
.feed div{display:grid;grid-template-columns:62px 90px 1fr;gap:8px;padding:3px 6px;border-bottom:1px solid #ffffff08}
.feed time{color:var(--texto-3);font-variant-numeric:tabular-nums}
.feed .t{font:700 11px/1.6 var(--f-rotulo);letter-spacing:.05em;color:var(--oro-2);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* franjas */
.franja{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:6px;border:1px solid var(--bronce-3);background:#0d0a07;margin-bottom:6px}
.dias{display:inline-flex;gap:2px}
.dias button{width:26px;height:26px;background:#15100b;border:1px solid var(--bronce-3);font:700 12px/1 var(--f-rotulo);color:var(--texto-3);cursor:pointer;padding:0}
.dias button[aria-pressed="true"]{background:linear-gradient(#45331e,#2a1f13);border-color:var(--bronce);color:#f2d38c}

/* mapa de zona */
.mapa-zona{display:block;width:400px;height:400px;image-rendering:pixelated;cursor:crosshair;border:1px solid var(--bronce-2);background:#0a0806;box-shadow:inset 0 0 0 1px #000}

/* modales */
#capa{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:50;padding:20px}
.modal{width:min(720px,96vw);max-height:92vh;display:flex;flex-direction:column}
.modal.ancho{width:min(1100px,96vw)}
.modal .cuerpo{overflow:auto;min-height:0;padding-right:4px}
.modal .pie{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid #c9a25e2a}
.cerrarx{position:absolute;right:10px;top:8px;width:28px;height:28px;background:none;border:1px solid var(--bronce-3);color:var(--texto-2);font:700 15px/1 var(--f-rotulo);cursor:pointer}
.cerrarx:hover{color:var(--texto);border-color:var(--bronce)}

/* toasts */
#toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:60;max-width:440px}
.toast{padding:9px 14px;border:1px solid var(--bronce-2);background:#16100bf2;box-shadow:0 8px 24px #000c;font-size:14.5px;border-left:4px solid var(--oro)}
.toast.ok{border-left-color:var(--ok)}.toast.mal{border-left-color:var(--error)}.toast.info{border-left-color:var(--info)}

/* ficha / kv */
.kv{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:14px}
.kv>span:nth-child(odd){color:var(--texto-3);font:700 11.5px/1.7 var(--f-rotulo);letter-spacing:.06em;text-transform:uppercase}
.kv>span:nth-child(even){font-variant-numeric:tabular-nums}
.nombre-g{font:400 34px/1 var(--f-gotica);background:linear-gradient(#f6dfa0,#c99a4a 60%,#9a7232);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000);margin:0}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}
.slot{display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:center;padding:4px 6px;border:1px solid var(--bronce-3);background:#0b0806;font-size:13px;cursor:pointer}
.slot:hover{border-color:var(--bronce-2)}
.slot .s{color:var(--texto-3);font:700 11px var(--f-rotulo)}
.slot .q{color:#f3e6c6;font-variant-numeric:tabular-nums}
.slot.eq{border-color:var(--bronce);box-shadow:inset 0 0 0 1px #c9a25e44}
.slot.vacio{opacity:.45}

/* gráficos */
.graf{width:100%;display:block}
.graf text{font:600 10.5px var(--f-texto);fill:var(--texto-3)}
.graf .barra{fill:url(#oroGrad)}
.leyenda{display:flex;gap:12px;font-size:12.5px;color:var(--texto-3)}

/* línea de tiempo del reto */
.linea-reto{display:flex;flex-direction:column;font-size:13px;max-height:340px;overflow:auto}
.linea-reto div{display:grid;grid-template-columns:70px 44px 130px 1fr;gap:8px;padding:2px 6px;border-bottom:1px solid #ffffff08}

/* consola GM */
.consola{font:13px/1.45 var(--f-mono);white-space:pre-wrap;max-height:380px;overflow:auto;padding:8px 10px}

.cuenta-regr{font:400 64px/1 var(--f-gotica);background:linear-gradient(#f6dfa0,#b8863a);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;font-variant-numeric:tabular-nums}
.demo-cinta{position:fixed;left:0;bottom:0;z-index:70;padding:3px 10px;background:#5b3c1a;color:#fbecc6;font:700 11px/1.4 var(--f-rotulo);letter-spacing:.12em;border-top:1px solid #b48c4c;border-right:1px solid #b48c4c}
a.btn{text-decoration:none}
.tabla input,.tabla select{padding:3px 7px;font-size:14px}
.marco>h3.rotulo-t{font:700 19px/1.1 var(--f-rotulo);letter-spacing:.08em}
.franja .quitar{margin-left:auto}
.tabla a{text-decoration:none}.tabla a:hover{text-decoration:underline}