/* Bartolomé Mitre N° 264 — estilos */

:root{
  --grafito:#1A1F23; --grafito-2:#20262B;
  --caliza:#DCD8CE;  --caliza-2:#D2CDC1;
  --tinta:#22282C;   --azul:#2E4756;
  --laton:#9A8250;   --laton-claro:#C4AD75;
  --niebla:#9BA5A6;
  --display:"Spectral",Georgia,"Times New Roman",serif;
  --texto:"Karla","Helvetica Neue",Arial,sans-serif;
  --plomo:34px; --maxw:1080px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--texto);font-weight:300;font-size:17px;line-height:1.72;color:var(--tinta);background:var(--caliza);-webkit-font-smoothing:antialiased}

/* ── PLOMADA: el peso desciende con el scroll ─────────────────── */
.plomada{position:fixed;top:0;left:var(--plomo);width:1px;height:100vh;background:var(--laton);opacity:.3;z-index:40;pointer-events:none}
.peso{position:fixed;left:calc(var(--plomo) - 4.5px);top:96px;width:10px;height:10px;background:var(--laton);transform:rotate(45deg);z-index:41;pointer-events:none;box-shadow:0 0 0 3px rgba(154,130,80,.13)}
@media (max-width:860px){.plomada,.peso{display:none}}

/* ── CABECERA ─────────────────────────────────────────────────── */
.invocacion{background:#12161A;color:var(--laton);text-align:center;padding:9px 20px;font-family:var(--display);font-size:11px;letter-spacing:.34em;border-bottom:1px solid rgba(154,130,80,.2)}
.tope{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(26,31,35,.97);border-bottom:1px solid rgba(154,130,80,.28);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px)}
.tope-in{max-width:var(--maxw);margin:0 auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;flex-wrap:wrap}
.fila-alta{display:contents}
.menu{order:2}
.tab.reservada{order:3}
.marca{display:flex;flex-direction:column;line-height:1.15;padding:11px 0}
.marca-txt{display:flex;flex-direction:column;line-height:1.15}
.marca-txt b{font-family:var(--display);font-weight:500;font-size:15.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--caliza)}
.marca-txt span{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--laton);margin-top:4px}
.menu{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding-bottom:5px}
.tab{font-family:var(--texto);font-size:13px;letter-spacing:.05em;color:var(--niebla);background:none;border:0;padding:8px 12px;cursor:pointer;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}
.tab:hover{color:var(--caliza)}
.tab[aria-selected="true"]{color:var(--caliza);border-bottom-color:var(--laton)}
.tab:focus-visible{outline:2px solid var(--laton);outline-offset:2px}
.tab.reservada{margin-left:10px;padding-left:19px;border-left:1px solid rgba(154,130,80,.35);color:var(--laton)}
.tab.reservada:hover,.tab.reservada[aria-selected="true"]{color:var(--laton-claro)}
.etapa{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:2px}

/* ── BANDAS ───────────────────────────────────────────────────── */
.vista{display:none}
.vista.activa{display:block}
.banda{padding:82px 26px}
.banda>.caja{max-width:var(--maxw);margin:0 auto}
.pulida{background:var(--grafito);color:var(--caliza)}
.bruta{background:var(--caliza);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}
.bruta.alt{background-color:var(--caliza-2)}
.ojo{font-family:var(--display);font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--laton);margin:0 0 22px}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.005em}
h1{font-size:2.1rem;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.14;margin:0 0 24px}
h2{font-size:1.6rem;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.2;margin:0 0 20px}
h3{font-size:1.14rem;font-weight:500;margin:0 0 9px;letter-spacing:0}
.pulida h1,.pulida h2,.pulida h3{color:#EFEBE2}
.bruta h1,.bruta h2,.bruta h3{color:var(--azul)}
p{margin:0 0 20px;max-width:64ch}
.pulida p{color:#C9D0CF}
.guia{font-family:var(--display);font-size:1.08rem;font-size:clamp(1.08rem,2vw,1.28rem);font-weight:300;line-height:1.62;font-style:italic}
a{color:var(--azul);text-decoration:none;border-bottom:1px solid rgba(46,71,86,.35);transition:border-color .2s,color .2s}
a:hover{border-bottom-color:var(--azul)}
.pulida a{color:var(--laton-claro);border-bottom-color:rgba(154,130,80,.4)}

/* ── ENTRADA AL SCROLL ────────────────────────────────────────── */
.sube{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.7,.3,1),transform .7s cubic-bezier(.22,.7,.3,1)}
.sube.dentro{opacity:1;transform:none}
.sube:nth-child(2){transition-delay:.07s}
.sube:nth-child(3){transition-delay:.14s}
.sube:nth-child(4){transition-delay:.21s}

/* ── PORTADA ──────────────────────────────────────────────────── */
.portada{padding:74px 26px 76px;overflow:hidden;position:relative;
  background-image:linear-gradient(to right, rgba(20,25,28,.94) 0%, rgba(20,25,28,.86) 48%, rgba(20,25,28,.62) 100%), url(fachada.jpg?v=11);
  background-size:cover;background-position:center 62%}
.portada .caja{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr 262px;gap:56px;align-items:center}
.sello{width:262px;height:262px;display:block;object-fit:contain;opacity:0;transform:scale(.9) rotate(-9deg);animation:sellar 1.5s cubic-bezier(.19,1,.22,1) .25s forwards}
@keyframes sellar{to{opacity:.96;transform:none}}
.auspicios{font-size:.94rem;color:#B6BFBE;margin-top:18px;max-width:52ch}
.auspicios a{color:var(--laton-claro);border-bottom-color:rgba(154,130,80,.5)}
.regla{width:0;height:1px;background:var(--laton);margin:0 0 28px;animation:trazar .9s cubic-bezier(.5,0,.2,1) .5s forwards}
@keyframes trazar{to{width:64px}}

.mosaico{height:86px;background-image:linear-gradient(rgba(26,31,35,.55),rgba(26,31,35,.55)),url(mosaico.jpg?v=11);
  background-size:cover;background-position:center 40%;border-top:1px solid rgba(154,130,80,.22)}

/* ── BANDA DEL TEMPLO (lo dinámico) ───────────────────────────── */
.templo{background:var(--grafito-2);border-top:1px solid rgba(154,130,80,.22);border-bottom:1px solid rgba(154,130,80,.22);color:var(--caliza);padding:44px 26px}
.templo .caja{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;align-items:start}
.templo .caja.dos{grid-template-columns:1fr 1.1fr;gap:56px}
@media (max-width:860px){.templo .caja.dos{grid-template-columns:1fr;gap:34px}}
.ultima{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:start;text-align:left;
  background:none;border:0;padding:0;cursor:pointer;font-family:var(--texto);width:100%}
.ultima img{width:132px;height:92px;object-fit:cover;border:1px solid rgba(154,130,80,.3)}
.ultima h3{font-family:var(--display);font-size:1.1rem;color:#EFEBE2;margin:0 0 6px;font-weight:400;line-height:1.3}
.ultima:hover h3{color:var(--laton-claro)}
.ultima p{font-size:.84rem;color:var(--niebla);margin:0;line-height:1.55}
.ultima .cuando{font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--laton);margin-bottom:7px}
@media (max-width:520px){.ultima{grid-template-columns:1fr}.ultima img{width:100%;height:150px}}
.bloque h4{font-family:var(--display);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--laton);margin:0 0 14px;font-weight:500}
.proxima{font-family:var(--display);font-size:1.3rem;font-size:clamp(1.3rem,2.6vw,1.72rem);color:#EFEBE2;line-height:1.24;margin:0 0 7px;}
.faltan{font-size:.88rem;color:var(--niebla);margin:0}
.agenda{list-style:none;padding:0;margin:0;font-size:.9rem}
.agenda li{padding:6px 0;color:var(--niebla);display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.agenda li em{font-style:normal}
.agenda li b{font-family:var(--display);font-weight:400;font-style:italic;font-size:.83rem;color:var(--laton);flex-basis:100%;margin-left:47px;margin-top:-4px}
.agenda li span{color:var(--laton);flex:0 0 35px;font-family:var(--display);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.hoy{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:#7FA894;border:1px solid rgba(127,168,148,.4);padding:5px 12px;margin-bottom:14px}
.hoy i{width:6px;height:6px;border-radius:50%;background:#7FA894;animation:latir 2.4s ease-in-out infinite}
@keyframes latir{0%,100%{opacity:1}50%{opacity:.25}}
.dir{font-size:1.02rem;color:#EFEBE2;margin:0 0 5px}
.dir-sub{font-size:.88rem;color:var(--niebla);margin:0 0 12px}

/* ── PIEZAS ───────────────────────────────────────────────────── */
.dupla{display:grid;grid-template-columns:1fr .72fr;gap:48px;align-items:center}
.dupla img{width:100%;height:auto;display:block;border:1px solid rgba(154,130,80,.3)}
.dupla img.joya{border:0}
.fundacion{font-family:var(--display);font-size:1.14rem;font-size:clamp(1.14rem,2.1vw,1.36rem);line-height:1.6;
  font-weight:300;color:var(--azul);border-left:2px solid var(--laton);padding-left:20px;margin-bottom:28px}
.fundacion strong{font-weight:500}
.pie-joya{font-size:.8rem;color:var(--niebla);text-align:center;margin-top:10px;
  line-height:1.55;max-width:30ch;margin-left:auto;margin-right:auto}
@media (max-width:760px){.dupla{grid-template-columns:1fr;gap:28px}}
.grilla{display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:12px}
.grilla p{margin-bottom:0}
.columna{border-top:1px solid rgba(154,130,80,.3);padding-top:18px}
.bruta .columna{border-top-color:rgba(46,71,86,.22)}
.paso{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:22px 0;border-top:1px solid rgba(46,71,86,.16)}
.paso:last-of-type{border-bottom:1px solid rgba(46,71,86,.16)}
.paso .n{font-family:var(--display);font-size:.95rem;color:var(--laton);letter-spacing:.1em;padding-top:3px}
.paso p{margin:0;font-size:.96rem}
.lista{list-style:none;padding:0;margin:0}
.lista li{padding:11px 0 11px 24px;border-bottom:1px solid rgba(46,71,86,.14);position:relative;font-size:.97rem;max-width:64ch}
.lista li::before{content:"";position:absolute;left:2px;top:20px;width:6px;height:6px;background:var(--laton);transform:rotate(45deg)}
.pulida .lista li{border-bottom-color:rgba(154,130,80,.2)}
.dato{color:#7E6733;background:rgba(154,130,80,.13);border-bottom:1px dotted var(--laton);padding:1px 5px;font-size:.93em;white-space:nowrap}
.pulida .dato{color:var(--laton-claro);background:rgba(154,130,80,.16)}
.pendiente{font-family:var(--display);font-style:italic;font-size:.9rem;color:#7E6733;border-left:2px solid var(--laton);padding-left:14px;margin-top:26px;max-width:64ch}
.pulida .pendiente{color:var(--laton-claro)}
.cierre{margin-top:38px}

/* ── EDITOR DE PUBLICACIONES ──────────────────────────────────── */
.pubs-lista{max-width:760px;margin-top:8px}
.pub{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;
  padding:15px 2px;border-bottom:1px solid rgba(154,130,80,.17);cursor:pointer}
.pub:hover h4{color:var(--laton-claro)}
.pub img{width:64px;height:48px;object-fit:cover;border:1px solid rgba(154,130,80,.3)}
.pub .sinfoto{width:64px;height:48px;border:1px dashed rgba(154,130,80,.35);
  display:flex;align-items:center;justify-content:center;font-size:9px;
  letter-spacing:.1em;color:var(--niebla);text-align:center;line-height:1.2}
.pub h4{font-family:var(--display);font-size:1.04rem;color:#EFEBE2;margin:0 0 3px;font-weight:400}
.pub .meta{font-size:.8rem;color:var(--niebla)}
.sello-estado{font-family:var(--display);font-size:9.5px;letter-spacing:.19em;text-transform:uppercase;
  padding:3px 9px;border:1px solid;white-space:nowrap}
.sello-estado.borrador{color:var(--laton);border-color:rgba(154,130,80,.45)}
.sello-estado.publicado{color:#7FA894;border-color:rgba(127,168,148,.45)}
.pub{grid-template-columns:64px 1fr auto auto}
.pub-acc{display:flex;gap:7px;align-items:center}
.pub-acc .acc{padding:6px 11px;font-size:10px}
.aviso-editor{padding:12px 16px;margin:6px 0 4px;border-left:2px solid var(--laton);
  background:rgba(154,130,80,.1);font-size:.88rem;color:var(--niebla);max-width:62ch;line-height:1.55}
.aviso-editor.bien{border-color:#7FA894;background:rgba(127,168,148,.1);color:#A8C4B8}
.aviso-editor.mal{border-color:#C4756B;background:rgba(196,117,107,.1);color:#DDA79F}
.zona-roja{margin-top:44px;padding-top:24px;border-top:1px solid rgba(190,110,100,.3)}
.zona-roja h4{font-family:var(--display);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;
  color:#C4756B;margin:0 0 10px;font-weight:500}
.zona-roja p{font-size:.84rem;color:var(--niebla);margin:0 0 14px;max-width:56ch;line-height:1.6}
.acc.peligro{border-color:rgba(196,117,107,.5);color:#C4756B}
.acc.peligro:hover{background:rgba(196,117,107,.13)}
.aviso-vivo{border-left:2px solid #7FA894;background:rgba(127,168,148,.09);padding:12px 16px;
  font-size:.86rem;color:#A8C4B8;margin-bottom:26px;max-width:62ch;line-height:1.6}

.editor{max-width:720px;margin-top:10px}
.editor .bloque-campo{margin-bottom:26px}
.editor .ayuda{font-size:.79rem;color:var(--niebla);margin:7px 0 0;line-height:1.55}
.portada-caja{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}
@media (max-width:620px){.portada-caja{grid-template-columns:1fr}}
.portada-caja img{width:100%;height:132px;object-fit:cover;border:1px solid rgba(154,130,80,.34)}
.portada-vacia{width:100%;height:132px;border:1px dashed rgba(154,130,80,.4);display:flex;
  align-items:center;justify-content:center;font-size:.8rem;color:var(--niebla);text-align:center;padding:12px}
.galeria{display:grid;gap:12px;margin-top:14px}
.gitem{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:start;
  padding:13px;border:1px solid rgba(154,130,80,.24);background:rgba(255,255,255,.02)}
.gitem img{width:86px;height:64px;object-fit:cover;border:1px solid rgba(154,130,80,.26)}
.gitem .codigo{font-family:ui-monospace,Menlo,monospace;font-size:.82rem;color:var(--laton-claro);
  background:rgba(154,130,80,.15);padding:2px 7px;display:inline-block;margin-bottom:8px;cursor:copy}
.gitem input{font-size:14px;padding:8px 10px;margin-bottom:7px}
.quitar{background:none;border:0;color:var(--niebla);font-size:18px;cursor:pointer;line-height:1;padding:2px 6px}
.quitar:hover{color:#C4756B}
.barra-editor{display:flex;gap:11px;flex-wrap:wrap;align-items:center;
  padding-top:24px;margin-top:8px;border-top:1px solid rgba(154,130,80,.25)}

.tarjeta-wsp{max-width:400px;margin-top:14px;border:1px solid rgba(154,130,80,.3);
  background:rgba(255,255,255,.035);overflow:hidden}
.tarjeta-wsp img{width:100%;height:190px;object-fit:cover;display:block}
.tarjeta-wsp .sin{height:190px;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid rgba(154,130,80,.25);color:var(--niebla);font-size:.82rem;text-align:center;padding:16px}
.tarjeta-wsp .txt{padding:14px 16px}
.tarjeta-wsp b{display:block;font-family:var(--texto);font-weight:600;font-size:.94rem;
  color:#EFEBE2;margin-bottom:5px;line-height:1.35}
.tarjeta-wsp p{font-size:.83rem;color:var(--niebla);margin:0 0 8px;line-height:1.5}
.tarjeta-wsp .dom{font-size:.74rem;color:var(--laton);letter-spacing:.06em;text-transform:lowercase}

/* Portada en la lista pública */
.nota{display:grid;grid-template-columns:168px 1fr;gap:26px;align-items:start}
.nota img.tapa{width:168px;height:112px;object-fit:cover;border:1px solid rgba(46,71,86,.2)}
@media (max-width:620px){.nota{grid-template-columns:1fr;gap:14px}.nota img.tapa{width:100%;height:170px}}
.articulo .tapa-grande{width:100%;height:auto;display:block;margin:0 0 30px;border:1px solid rgba(46,71,86,.2)}
.articulo figure{margin:32px 0}
.articulo figure img{width:100%;height:auto;display:block;border:1px solid rgba(46,71,86,.2)}
.articulo figcaption{font-size:.84rem;color:#5E676B;margin-top:9px;font-style:italic;line-height:1.55}

/* ── ARTÍCULOS ────────────────────────────────────────────────── */
.notas{display:grid;gap:0;max-width:760px;margin-top:8px}
.nota{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid rgba(46,71,86,.16);
  padding:26px 0;cursor:pointer;font-family:var(--texto);transition:opacity .2s}
.nota:hover h3{color:var(--laton)}
/* Las tarjetas de notas son enlaces <a> (Google solo sigue enlaces).
   Esto las deja iguales a cuando eran botones: sin el color ni la línea
   de los enlaces, y con la misma letra base que tiene un botón. */
a.nota,a.ultima{color:inherit;font-weight:400;font-size:13.3333px;line-height:normal}
a.nota:hover{border-bottom-color:rgba(46,71,86,.16)}
.nota:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
.nota .cuando{font-family:var(--display);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--laton);margin:0 0 9px}
.nota h3{font-family:var(--display);font-size:1.42rem;font-weight:400;color:var(--azul);
  margin:0 0 9px;line-height:1.26;transition:color .2s}
.nota p{font-size:.94rem;color:#5E676B;margin:0;max-width:62ch;line-height:1.66}
.nota .min{font-size:.8rem;color:#7E8A8E;margin-top:10px}

.articulo{max-width:680px}
.articulo .cuando{font-family:var(--display);font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--laton);margin:0 0 20px}
.articulo h1{font-size:1.9rem;font-size:clamp(1.9rem,4.2vw,2.8rem);margin-bottom:22px}
.articulo .bajada{font-family:var(--display);font-style:italic;font-size:1.16rem;line-height:1.6;
  color:#3E4A50;margin:0 0 12px;padding-bottom:26px;border-bottom:1px solid rgba(46,71,86,.18)}
.articulo .cuerpo{font-size:1.04rem;line-height:1.82}
.articulo .cuerpo p{margin:0 0 24px;max-width:none}
.articulo .cuerpo h2{font-size:1.32rem;margin:40px 0 16px}
.articulo .firma{margin-top:44px;padding-top:24px;border-top:1px solid rgba(46,71,86,.18);
  font-size:.9rem;color:#5E676B}
.descargo{font-size:.83rem;line-height:1.6;color:#6B7478;font-style:italic;
  border-left:2px solid rgba(46,71,86,.25);padding-left:14px;margin:0 0 18px;max-width:58ch}
.url-nota{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;color:#7E6733;
  background:rgba(154,130,80,.11);padding:3px 8px;display:inline-block;margin-top:8px}

/* ── FORMULARIOS ──────────────────────────────────────────────── */
.forma{max-width:530px;margin-top:34px}
.campo{margin-bottom:20px}
label{display:block;font-size:11.5px;letter-spacing:.19em;text-transform:uppercase;margin-bottom:8px;color:var(--azul);font-weight:500}
.pulida label{color:var(--laton)}
input[type=text],input[type=email],input[type=password],textarea{width:100%;font-family:var(--texto);font-size:16px;font-weight:300;color:var(--tinta);background:rgba(255,255,255,.62);border:1px solid rgba(46,71,86,.28);border-radius:0;padding:12px 14px;transition:border-color .18s,background .18s}
.pulida input,.pulida textarea{background:rgba(255,255,255,.05);border-color:rgba(154,130,80,.34);color:#EFEBE2}
input:focus,textarea:focus{outline:none;border-color:var(--laton);background:rgba(255,255,255,.86)}
.pulida input:focus,.pulida textarea:focus{background:rgba(255,255,255,.09)}
textarea{min-height:132px;resize:vertical;line-height:1.62}
.opciones{display:flex;gap:9px;flex-wrap:wrap}
.op{font-family:var(--texto);font-size:12px;letter-spacing:.09em;background:none;border:1px solid rgba(154,130,80,.4);
    color:var(--niebla);padding:10px 16px;cursor:pointer;transition:all .18s}
.op:hover{color:#EFEBE2}
.op.activa{background:rgba(154,130,80,.18);border-color:var(--laton);color:var(--laton-claro)}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.boton{font-family:var(--texto);font-size:12.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;background:var(--azul);color:#F2EFE8;border:0;padding:15px 32px;cursor:pointer;transition:background .2s,transform .12s}
.boton:hover{background:#3B5A6D}
.boton:active{transform:translateY(1px)}
.boton:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
.pulida .boton{background:var(--laton);color:#1A1F23}
.pulida .boton:hover{background:#B0965F}
.boton.fantasma{background:none;border:1px solid var(--laton);color:var(--laton)}
.boton.fantasma:hover{background:rgba(154,130,80,.13)}
.aviso{margin-top:20px;padding:14px 17px;border-left:2px solid var(--laton);font-size:.9rem;line-height:1.6;background:rgba(154,130,80,.11);max-width:530px}
.legal{font-size:.83rem;line-height:1.62;color:#5E676B;margin-top:26px;max-width:64ch}
.pulida .legal{color:#8A9496}

/* ── ÁREA RESERVADA / PANEL ───────────────────────────────────── */
#panel{display:none}
.panel-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid rgba(154,130,80,.26)}
.salir{background:none;border:1px solid rgba(154,130,80,.45);color:var(--laton);font-family:var(--texto);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:9px 17px;cursor:pointer}
.salir:hover{background:rgba(154,130,80,.13)}

.tablero{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:34px;align-items:start}

/* ── Cámaras ── */
.camaras{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;max-width:840px}
@media (max-width:760px){.camaras{grid-template-columns:1fr;gap:14px}}
.camara{display:block;width:100%;text-align:left;background:rgba(255,255,255,.028);
  border:1px solid rgba(154,130,80,.3);padding:26px;cursor:pointer;font-family:var(--texto);
  transition:background .22s,border-color .22s,transform .16s;position:relative}
.camara:hover{background:rgba(154,130,80,.11);border-color:var(--laton);transform:translateY(-2px)}
.camara:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
.camara .rombo{width:9px;height:9px;background:var(--laton);transform:rotate(45deg);margin-bottom:17px}
.camara h3{font-family:var(--display);font-size:1.2rem;color:#EFEBE2;margin:0 0 7px;font-weight:400}
.camara p{font-size:.87rem;color:var(--niebla);margin:0;max-width:36ch;line-height:1.6}
.camara .marca-cuenta{position:absolute;top:22px;right:24px;font-size:10.5px;font-weight:700;
  color:#1A1F23;background:var(--laton);padding:2px 8px;border-radius:9px}
.camara.trabada{cursor:not-allowed;opacity:.32;background:none;border-style:dashed}
.camara.trabada:hover{transform:none;background:none;border-color:rgba(154,130,80,.3)}
.camara.trabada .rombo{background:var(--niebla)}
.camara .vedado{font-family:var(--display);font-size:10px;letter-spacing:.19em;text-transform:uppercase;
  color:var(--niebla);position:absolute;top:26px;right:24px}
.grupo-puertas{font-family:var(--display);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--laton);margin:34px 0 16px;padding-bottom:9px;border-bottom:1px solid rgba(154,130,80,.3);max-width:840px}
.grupo-puertas:first-of-type{margin-top:30px}
.puertas{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;max-width:840px}
@media (max-width:860px){.puertas{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.puertas{grid-template-columns:1fr}}
.puerta{text-align:left;background:rgba(255,255,255,.026);border:1px solid rgba(154,130,80,.26);
  padding:19px 20px;cursor:pointer;font-family:var(--texto);position:relative;
  transition:background .2s,border-color .2s,transform .15s}
.puerta:hover{background:rgba(154,130,80,.1);border-color:var(--laton);transform:translateY(-2px)}
.puerta:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
.puerta h4{font-family:var(--display);font-size:1.02rem;color:#EFEBE2;margin:0 0 5px;font-weight:400}
.puerta .quien{font-size:.76rem;color:var(--niebla);opacity:.8;line-height:1.55;margin:0}
.puerta .cant{font-size:.76rem;color:var(--laton);margin:8px 0 0}
.puerta.bandeja{grid-column:span 1;border-color:rgba(154,130,80,.42);background:rgba(154,130,80,.06)}
.puerta .globo{position:absolute;top:17px;right:18px;font-size:10.5px;font-weight:700;
  color:#1A1F23;background:var(--laton);padding:2px 8px;border-radius:9px}
.rotulo{font-size:.78rem;color:var(--niebla);border-left:2px solid rgba(154,130,80,.38);
  padding-left:13px;margin:0 0 26px;line-height:1.6;max-width:62ch}
.tomado{font-size:.78rem;color:#7FA894;margin-top:9px}
.volver{background:none;border:0;color:var(--laton);font-family:var(--texto);font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:6px 0;margin-bottom:20px}
.volver:hover{color:var(--laton-claro)}
.subir{border:1px dashed rgba(154,130,80,.42);padding:22px 24px;margin:26px 0 30px;
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.subir p{margin:0;font-size:.87rem;color:var(--niebla);max-width:48ch}
.doc{display:grid;grid-template-columns:1fr auto auto auto;gap:18px;align-items:baseline;
  padding:16px 2px;border-bottom:1px solid rgba(154,130,80,.17)}
.doc h4{font-family:var(--texto);font-size:.97rem;color:#EFEBE2;margin:0 0 4px;font-weight:400}
.doc .meta{font-size:.82rem;color:var(--niebla)}
.doc .fmt{font-family:var(--display);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--laton)}
.doc .baja{font-size:.8rem;color:var(--laton);white-space:nowrap}
@media (max-width:860px){.tablero{grid-template-columns:1fr;gap:34px}}
.pila-cab{display:flex;align-items:baseline;gap:11px;padding-bottom:11px;border-bottom:1px solid rgba(154,130,80,.34);margin-bottom:4px}
.pila-cab h3{font-family:var(--display);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--laton);margin:0;font-weight:500}
.cuenta{font-family:var(--texto);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#1A1F23;background:var(--laton);padding:1px 7px;border-radius:9px}
.cuenta.cero{background:none;color:var(--niebla);border:1px solid rgba(155,165,166,.35)}

.ficha{border-bottom:1px solid rgba(154,130,80,.16)}
.ficha-cab{width:100%;display:grid;grid-template-columns:9px 1fr auto 16px;gap:12px;align-items:center;
  background:none;border:0;padding:16px 2px;cursor:pointer;text-align:left;font-family:var(--texto);
  color:var(--niebla);transition:color .18s}
.ficha-cab:hover{color:#EFEBE2}
.ficha-cab:focus-visible{outline:2px solid var(--laton);outline-offset:2px}
.punto{width:7px;height:7px;background:var(--laton);transform:rotate(45deg);opacity:0}
.ficha.nueva .punto{opacity:1}
.ficha.nueva .ficha-nom{color:#EFEBE2;font-weight:500}
.ficha-nom{font-size:.98rem;color:var(--niebla);line-height:1.35}
.ficha-fecha{font-size:.8rem;color:var(--niebla);opacity:.7;white-space:nowrap}
.flecha{font-family:var(--display);font-size:1.1rem;color:var(--laton);transition:transform .3s cubic-bezier(.3,.7,.3,1);line-height:1}
.ficha.abierta .flecha{transform:rotate(45deg)}

.ficha-cuerpo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.3,.7,.3,1)}
.ficha.abierta .ficha-cuerpo{grid-template-rows:1fr}
.ficha-cuerpo>div{overflow:hidden}
.ficha-interior{padding:2px 2px 22px 21px}
.ficha-meta{font-size:.83rem;color:var(--niebla);margin:0 0 14px;line-height:1.7}
.ficha-meta a{color:var(--laton-claro)}
.ficha-msj{font-size:.95rem;line-height:1.68;color:#C9D0CF;margin:0 0 18px;padding-left:14px;border-left:2px solid rgba(154,130,80,.34);max-width:58ch}
.acciones{display:flex;gap:9px;flex-wrap:wrap}
.acc{font-family:var(--texto);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;background:none;
  border:1px solid rgba(154,130,80,.4);color:var(--laton);padding:7px 13px;cursor:pointer;transition:background .18s}
.acc:hover{background:rgba(154,130,80,.14)}
.acc.hecho{border-color:rgba(127,168,148,.45);color:#7FA894}
.sin-nada{padding:30px 0;color:var(--niebla);font-style:italic;font-family:var(--display);font-size:.93rem}

/* ── PIE ──────────────────────────────────────────────────────── */
.pie{background:#12161A;color:var(--niebla);padding:56px 26px 40px;font-size:.9rem}
.pie .caja{max-width:var(--maxw);margin:0 auto;display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pie h4{font-family:var(--display);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--laton);margin:0 0 13px;font-weight:500}
.pie p{margin:0 0 3px;color:var(--niebla);max-width:none}
.pie a{display:inline-block;padding:6px 0}
.dir-sub + a, .templo .bloque > a:not(.ultima){display:inline-block;padding:7px 0;margin-top:4px}
.pie a{color:var(--niebla);border-bottom-color:rgba(155,165,166,.28)}
.pie a:hover{color:var(--laton-claro)}
.obediencia{max-width:var(--maxw);margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(154,130,80,.2);font-size:.85rem;line-height:1.62;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
/* Pie (18/10): el enlace a la Gran Logia, como texto corrido (como bloque bajaba entero de renglón y dejaba el
   punto final solo); y en las páginas internas, donde va solo, sin la raya ni el margen de arriba */
.pie .obediencia a{display:inline;padding:0}
.pie>.obediencia:first-child{margin-top:0;padding-top:0;border-top:0}

@media (max-width:860px){
  .portada .caja{grid-template-columns:1fr;gap:28px}
  .templo .caja{grid-template-columns:1fr;gap:32px}
}
@media (max-width:760px){
  .banda,.portada{padding-left:20px;padding-right:20px}
  .banda{padding-top:46px;padding-bottom:46px}
  .portada{padding-top:28px;padding-bottom:42px;
    background-image:linear-gradient(rgba(20,25,28,.9),rgba(20,25,28,.82)),url(puerta.jpg?v=11);
    background-position:center 30%}
  .mosaico{height:56px}
  .templo{padding:34px 20px}
  .invocacion{letter-spacing:.22em;font-size:10px;padding:7px 14px}
  .tope-in{padding:0;min-height:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}
  .fila-alta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px}
  .menu,.tab.reservada{order:initial}
  .marca{padding:10px 0 8px}
  .tab.reservada{margin:0;padding:7px 12px;border:1px solid rgba(154,130,80,.4);border-left-width:1px;font-size:11.5px;flex:0 0 auto}
  .marca-txt b{font-size:14px;letter-spacing:.1em}
  .menu{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 20px;gap:0;border-top:1px solid rgba(154,130,80,.16);
        -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .menu::-webkit-scrollbar{display:none}
  .tab{white-space:nowrap;padding:11px;font-size:13px;flex:0 0 auto}
  .tab.reservada{margin-left:8px;padding-left:14px}
  .etapa{display:none}
  .sello{order:-1;width:158px;height:158px;margin:0}
  h1{font-size:2rem}
  .paso{grid-template-columns:30px 1fr;gap:12px}
  .pie{padding:44px 20px 34px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .sube{opacity:1;transform:none}
  .sello{opacity:.96;transform:none}
  .regla{width:64px}
}
/* ── Documentos del área reservada: descarga, borrado, aviso ──────── */
a.baja{color:var(--laton-claro);text-decoration:none;font-size:.9rem;white-space:nowrap;font-variant-numeric:tabular-nums}
a.baja:hover{color:#EFEBE2;text-decoration:underline}
a.baja:focus-visible{outline:2px solid var(--laton);outline-offset:3px}
.doc-borrar{background:none;border:1px solid rgba(196,117,107,.4);color:#C4756B;width:26px;height:26px;
  line-height:1;cursor:pointer;font-size:13px;padding:0;align-self:center;transition:background .15s,border-color .15s}
.doc-borrar:hover{background:rgba(196,117,107,.14);border-color:#C4756B}
.doc-borrar:focus-visible{outline:2px solid #C4756B;outline-offset:2px}
.aviso-repo{padding:11px 16px;margin:0 0 18px;border-left:3px solid var(--laton);
  background:rgba(154,130,80,.1);color:var(--caliza);font-size:.9rem;line-height:1.5}
.aviso-repo.bien{border-color:#7FA894;background:rgba(127,168,148,.1);color:#A8C4B8}
.aviso-repo.mal{border-color:#C4756B;background:rgba(196,117,107,.12);color:#DDA79F}

/* ── Sección Hermanos ────────────────────────────────────────────── */
.herm{border:1px solid rgba(154,130,80,.22);margin-bottom:10px;background:rgba(255,255,255,.015)}
.herm.abierta{border-color:rgba(154,130,80,.5)}
.herm.nueva{border-color:var(--laton)}
.herm-titulo{font-family:var(--display);font-size:1.05rem;color:#EFEBE2;padding:16px 18px 0}
.herm-cab{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:none;
  border:0;cursor:pointer;text-align:left;color:inherit;font:inherit}
.herm-cab:hover{background:rgba(154,130,80,.07)}
.herm-cab:focus-visible{outline:2px solid var(--laton);outline-offset:-2px}
.herm-ini{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:.8rem;letter-spacing:.04em;background:rgba(154,130,80,.16);
  color:var(--laton-claro);border:1px solid rgba(154,130,80,.3)}
.herm-datos{flex:1;min-width:0}
.herm-nom{display:block;font-size:.99rem;color:#EFEBE2;line-height:1.3}
.herm-meta{display:block;font-size:.8rem;color:var(--niebla);margin-top:2px}
.herm-sellos{flex:0 0 auto;display:flex;gap:6px}
.sello-h{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;
  border:1px solid rgba(155,165,166,.35);color:var(--niebla);white-space:nowrap}
.sello-h.admin{border-color:rgba(154,130,80,.55);color:var(--laton-claro)}
.herm-form{padding:4px 18px 20px;border-top:1px solid rgba(154,130,80,.16)}
.herm-form label{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--laton);margin:16px 0 6px}
.herm-form input[type=text],.herm-form select{width:100%;padding:11px 13px;font-size:16px;
  background:rgba(255,255,255,.05);border:1px solid rgba(154,130,80,.32);color:#EFEBE2;border-radius:0}
.herm-form input:focus,.herm-form select:focus{outline:none;border-color:var(--laton)}
.herm-fila2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.herm-form .ayuda{display:block;font-size:.8rem;color:var(--niebla);text-transform:none;
  letter-spacing:0;margin-top:6px;line-height:1.5}
.con-boton{display:flex;gap:8px}
.boton.mini{padding:0 16px;font-size:10.5px;flex:0 0 auto}
.herm-chk{display:flex!important;align-items:center;gap:10px;text-transform:none!important;
  letter-spacing:0!important;font-size:.93rem!important;color:var(--caliza)!important;margin:14px 0!important}
.herm-chk input{width:18px;height:18px;flex:0 0 auto}
.herm-acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px;
  padding-top:18px;border-top:1px solid rgba(154,130,80,.16)}
.credencial{display:flex;align-items:baseline;gap:10px;margin-top:10px}
.credencial span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--niebla);
  min-width:78px;flex:0 0 auto}
.credencial code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;
  color:#EFEBE2;background:rgba(0,0,0,.28);padding:5px 12px;letter-spacing:.02em;
  border:1px solid rgba(154,130,80,.3);user-select:all}
.credencial-nota{display:block;font-size:.83rem;color:var(--niebla);margin-top:12px;line-height:1.5}
@media(max-width:560px){
  .herm-fila2{grid-template-columns:1fr;gap:0}
  .herm-sellos{display:none}
  .credencial{flex-direction:column;gap:4px}
}

/* ── Contador de visitas: presente pero discreto ─────────────────── */
.pie .visitas{max-width:var(--maxw);margin:22px auto 0;padding:16px 0 0;
  border-top:1px solid rgba(154,130,80,.14);font-size:.74rem;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(155,165,166,.52);text-align:center;
  font-variant-numeric:tabular-nums}
.pie .visitas span{color:rgba(201,173,118,.72)}

/* El conteo por nota, en Publicaciones */
.pub-visitas{flex:0 0 auto;text-align:right;line-height:1.25;white-space:nowrap}
.pub-visitas b{display:block;font-size:1.12rem;font-weight:500;color:var(--laton-claro);
  font-variant-numeric:tabular-nums}
.pub-visitas span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--niebla)}
.pub-visitas i{display:block;font-style:normal;font-size:10px;color:var(--niebla);margin-top:3px}
@media(max-width:640px){.pub-visitas{display:none}}

/* ── v20 ───────────────────────────────────────────────────────── */
/* Página actual en los menús hechos con enlaces (notas, recorrido, 404) */
.tab[aria-current="page"]{color:var(--caliza);border-bottom-color:var(--laton)}
.tab.reservada[aria-current="page"]{color:var(--laton-claro)}
/* Contraste: los enlaces de la banda del templo eran azul sobre fondo oscuro */
.templo a{color:var(--laton-claro);border-bottom-color:rgba(154,130,80,.45)}
.templo a:hover{border-bottom-color:var(--laton-claro)}
/* Contraste (18/10): sobre fondo claro, el rótulo dorado chico (.ojo) y el epígrafe gris (.pie-joya, pensado para
   fondo oscuro) no llegaban a lo mínimo para leer (2,3 a 2,6 y 1,6 a 1,8 a 1). Un tono más oscuro: 5,1 y 5,2 sobre
   caliza, 4,6 y 4,7 sobre caliza-2 (WCAG AA pide 4,5) */
.bruta .ojo{color:#675427}
.bruta .pie-joya{color:#4F575B}
/* Contraste: el dorado en letra chica sobre fondo oscuro, un tono más claro */
.marca-txt span,.tab.reservada,.templo .bloque .rotulo-sec,.templo .bloque h4,.ultima .cuando,.pulida .boton.fantasma,.pulida label{color:#A68D59}
.pulida .boton:not(.fantasma){color:#0E1114}
/* Inicio: acceso al recorrido a pie */
.recorrido-ini{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.recorrido-ini .boton{display:inline-block;margin-top:6px;border-bottom:0}
.recorrido-mapa{display:block;border:0}
.recorrido-mapa svg{display:block;width:100%;max-width:330px;height:auto;margin-left:auto}
@media (max-width:760px){.recorrido-ini{grid-template-columns:1fr;gap:24px}.recorrido-mapa svg{max-width:240px;margin:0}}

/* ── MENÚ CON «SUDOESTE» (27/10, style.css v22) ─────────────────────
   · Celular: las pestañas que no entran pasan a una segunda fila, con el mismo diseño. Hasta la v21
     se corrían de costado y Recorrido e Ingreso quedaban afuera de la pantalla.
   · Compu: 10 px a cada lado (antes 12) para que las siete pestañas entren en una fila desde 1024 px.
   ─────────────────────────────────────────────────────────────────── */
@media (min-width:761px){.menu .tab{padding-left:10px;padding-right:10px}}
@media (max-width:760px){.menu{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}

/* ── CÓMO VER LOS ARTÍCULOS: «Todas» (la cuadrícula, /notas/) y «En el tiempo» (articulos.php) ── */
.vistas{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.vistas a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border:1px solid rgba(196,173,117,.6);color:var(--caliza);font-family:var(--texto);font-size:15px;font-weight:500;letter-spacing:.02em}
.vistas a:hover{border-color:var(--laton-claro);color:#FFFFFF}
.vistas a[aria-current="page"]{background:var(--laton-claro);border-color:var(--laton-claro);color:#12161A;font-weight:700}
.vistas svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
@media (max-width:760px){.vistas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:22px}.vistas a{min-height:44px;padding:0 6px;font-size:14px}}