:root{
  --tinta:#f4ede1; --suave:#b8ab95; --linea:#3a3128; --fondo:#151210;
  --papel:#1e1a16; --acento:#c9a24b; --acento2:#e0bd6c; --error:#e06060;
  --ok:#7cc47f; --aviso:#e0b060; --radio:10px;
}
@media (prefers-color-scheme: light){
  :root{ --tinta:#221c14; --suave:#5c5040; --linea:#e4dcc8; --fondo:#fbf8f2;
         --papel:#f2ead9; --acento:#8a6a24; --acento2:#6e5419; }
}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 Georgia,"Times New Roman",serif;color:var(--tinta);
  background:var(--fondo);-webkit-text-size-adjust:100%}
h1,h2,h3,.marca{font-family:"Arial Black",Impact,system-ui,sans-serif;
  letter-spacing:.02em;text-transform:uppercase}
a{color:var(--acento);text-decoration:none}
a:hover{text-decoration:underline}
.env{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{border-bottom:2px solid var(--acento);position:sticky;top:0;
  background:var(--fondo);z-index:10}
.top .env{display:flex;align-items:center;gap:20px;height:68px;flex-wrap:wrap}
.marca{font-weight:900;font-size:1.2rem;color:var(--tinta)}
.marca span{color:var(--acento)}
.marca img{height:38px;vertical-align:middle;margin-right:8px}
nav{display:flex;gap:18px;margin-left:auto;align-items:center;flex-wrap:wrap;
  font-size:.9rem}
nav a{color:var(--suave);text-transform:uppercase;letter-spacing:.05em}
.btn{display:inline-block;background:var(--acento);color:#1a1510;padding:11px 20px;
  border-radius:var(--radio);font-weight:700;border:0;cursor:pointer;font-size:1rem;
  text-transform:uppercase;letter-spacing:.04em}
.btn:hover{background:var(--acento2);text-decoration:none;color:#1a1510}
.btn.linea{background:transparent;color:var(--acento);border:1.5px solid var(--acento)}
.hero{padding:70px 0 50px;text-align:center;background:
  radial-gradient(ellipse at top, color-mix(in srgb, var(--acento) 12%, transparent), transparent 60%)}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;margin:0 0 14px}
.hero p.lead{font-size:1.15rem;color:var(--suave);max-width:52ch;margin:0 auto 28px}
.rejilla{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.tarjeta{border:1px solid var(--linea);border-radius:var(--radio);padding:22px;
  background:var(--papel);text-align:center}
.tarjeta img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;
  margin-bottom:14px;background:var(--linea)}
.tarjeta h3{margin:0 0 8px;font-size:1.05rem}
.precio{font-size:1.3rem;font-weight:700;color:var(--acento)}
section{padding:44px 0;border-top:1px solid var(--linea)}
section h2{font-size:1.6rem;margin:0 0 6px;text-align:center}
section p.sub{color:var(--suave);margin:0 0 26px;text-align:center}
.galeria-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.galeria-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--linea)}
th{color:var(--suave);text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}
form.caja{max-width:460px;margin:0 auto}
label{display:block;margin:14px 0 6px;font-weight:700;font-size:.88rem;
  text-transform:uppercase;letter-spacing:.03em;color:var(--suave)}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--linea);
  border-radius:8px;font:inherit;background:var(--fondo);color:var(--tinta)}
textarea{min-height:100px;resize:vertical}
input[type=color]{padding:4px;height:44px}
.avisos{margin:18px 0}
.msg{padding:12px 14px;border-radius:8px;margin:8px 0;font-size:.95rem;font-family:system-ui,sans-serif}
.msg.ok{background:#123d1a;color:var(--ok)}
.msg.error{background:#3d1414;color:var(--error)}
.msg.aviso{background:#3d2f10;color:var(--aviso)}
@media (prefers-color-scheme: light){
  .msg.ok{background:#e2f6e3;color:#1e6b23}
  .msg.error{background:#fbe4e4;color:#a32424}
  .msg.aviso{background:#fbf0d9;color:#8a5e0a}
}
footer{border-top:1px solid var(--linea);padding:30px 0;color:var(--suave);
  font-size:.85rem;margin-top:20px;text-align:center;font-family:system-ui,sans-serif}
.admin-nav{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 30px;font-family:system-ui,sans-serif}
.admin-nav a{background:var(--papel);border:1px solid var(--linea);padding:9px 16px;
  border-radius:8px;color:var(--tinta);font-size:.9rem}
.marcador{background:var(--papel);border:1px dashed var(--acento);padding:14px 16px;
  border-radius:8px;font-family:system-ui,sans-serif;font-size:.85rem;color:var(--suave)}
.fila-admin{display:flex;align-items:center;gap:12px;padding:10px 0;
  border-bottom:1px solid var(--linea);font-family:system-ui,sans-serif;font-size:.9rem}
.fila-admin form{display:inline}
.chip{font-size:.72rem;padding:2px 9px;border-radius:999px;background:var(--linea);
  color:var(--suave);font-family:system-ui,sans-serif}
.chip.pendiente{background:#3d2f10;color:var(--aviso)}