/* Fondo de Obras · tokens */
:root {
  --pared: #ECEEEC;      /* blanco de pared de sala */
  --papel: #F8F9F7;
  --tinta: #191E2A;      /* azul tinta casi negro */
  --gris: #6D7380;
  --linea: #CBD0CC;
  --cobalto: #2340D8;
  --amarillo: #F2C230;
  --rojo: #D7263D;
  --verde: #1F8A5B;
  --sombra: 0 1px 0 rgba(25,30,42,.06), 0 14px 32px -18px rgba(25,30,42,.35);
  --display: "Archivo", system-ui, sans-serif;
  --texto: "Archivo", system-ui, sans-serif;
  --titulo: "Instrument Serif", Georgia, serif;
  --r: 3px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--pared); color: var(--tinta); font: 400 16px/1.55 var(--texto); font-variation-settings: "wdth" 100; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--cobalto); outline-offset: 2px; }
[hidden] { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.titulo-obra { font-family: var(--titulo); font-style: italic; font-weight: 400; }
.btn { display: inline-flex; align-items: center; gap: .5em; border: 1.5px solid var(--tinta); background: var(--tinta); color: var(--papel);
  padding: .62em 1.1em; border-radius: var(--r); cursor: pointer; font-weight: 600; font-size: .92rem; text-decoration: none; transition: transform .12s, background .15s; }
.btn:hover { background: var(--cobalto); border-color: var(--cobalto); }
.btn:active { transform: translateY(1px); }
.btn.sec { background: transparent; color: var(--tinta); }
.btn.sec:hover { background: var(--tinta); color: var(--papel); border-color: var(--tinta); }
.btn.peligro { background: var(--rojo); border-color: var(--rojo); }
.btn.peligro:hover { background: #a91b2e; border-color: #a91b2e; }
.btn.mini { padding: .35em .7em; font-size: .82rem; }
.btn[disabled] { opacity: .45; pointer-events: none; }
.campo { display: grid; gap: .3rem; align-content: start; }
.campo label { font-size: .82rem; font-weight: 600; color: var(--gris); }
.campo input, .campo select, .campo textarea { background: var(--papel); border: 1.5px solid var(--linea); border-radius: var(--r); padding: .6em .75em; width: 100%; }
.campo input:focus, .campo select:focus, .campo textarea:focus { border-color: var(--cobalto); outline: none; }
.campo small { color: var(--gris); font-size: .78rem; }
.toast-zona { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); display: grid; gap: 8px; z-index: 100; }
.toast { background: var(--tinta); color: var(--papel); padding: .7em 1.1em; border-radius: var(--r); font-size: .9rem; box-shadow: var(--sombra);
  border-left: 5px solid var(--amarillo); animation: toastIn .25s ease-out; }
.toast.error { border-left-color: var(--rojo); }
@keyframes toastIn { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; } }

/* Logo de la Fundación Sala Mendoza */
.logo-sm { height: 34px; width: auto; display: block; }
.marca-sep { width: 1.5px; height: 26px; background: var(--linea); }
.marca-texto { white-space: nowrap; }