/* notasdeventa.com — guías. Misma paleta que la nota: papel, tinta y rojo carnicería. */
:root{
  --acento:#8E1B1B; --acento-cl:#B84040; --papel:#FBF7F0; --blanco:#FFFFFF;
  --tinta:#231A17; --gris:#6E635E; --linea:#E2D8CC; --suave:#F3EDE4;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--papel);color:var(--tinta);
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding-bottom:84px;-webkit-text-size-adjust:100%}
a{color:var(--acento)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--acento-cl);outline-offset:2px;border-radius:4px}
img{max-width:100%;height:auto}
.ancho{max-width:720px;margin:0 auto;padding:0 18px}

header.sitio{background:var(--blanco);border-bottom:1px solid var(--linea)}
header.sitio .ancho{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}
.marca{display:flex;align-items:center;gap:10px;color:var(--tinta);text-decoration:none;font-weight:800;font-size:16px}
.marca img{width:34px;height:34px;display:block}
.ir{background:var(--acento);color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:9px 14px;border-radius:10px;white-space:nowrap}

.migas{font-size:13.5px;color:var(--gris);margin:22px 0 0}
.migas a{color:var(--gris)}
h1{font-size:clamp(28px,6.2vw,40px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 14px;text-wrap:balance}
.entrada{font-size:19px;line-height:1.55;color:var(--tinta);margin:0 0 8px}
.fecha{font-size:13.5px;color:var(--gris);margin:0 0 26px}
h2{font-size:24px;line-height:1.25;letter-spacing:-.01em;margin:40px 0 12px;text-wrap:balance}
h3{font-size:18.5px;margin:24px 0 8px}
p{margin:0 0 14px}
ul,ol{padding-left:22px;margin:0 0 16px}
li{margin:0 0 6px}
strong{font-weight:700}

figure{margin:24px 0}
figure img{display:block;border:1px solid var(--linea);border-radius:12px;background:#fff}
figcaption{font-size:14px;color:var(--gris);margin-top:8px}

.tabla{overflow-x:auto;margin:18px 0 22px;border:1px solid var(--linea);border-radius:12px;background:var(--blanco)}
table{border-collapse:collapse;width:100%;min-width:380px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
th{background:var(--suave);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
tr:last-child td{border-bottom:0}
td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tfoot td{font-weight:800}

.texto{background:var(--blanco);border:1px solid var(--linea);border-radius:12px;padding:14px 16px;overflow-x:auto;
  font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;white-space:pre;margin:16px 0 20px}

.pasos{list-style:none;padding:0;counter-reset:paso}
.pasos li{counter-increment:paso;position:relative;padding-left:44px;margin:0 0 16px}
.pasos li::before{content:counter(paso);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;
  background:var(--acento);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center}

.recuadro{background:var(--blanco);border:1px solid var(--linea);border-left:4px solid var(--acento);border-radius:10px;
  padding:14px 16px;margin:20px 0;font-size:16px}
.recuadro p:last-child{margin:0}

.preg details{border-bottom:1px solid var(--linea);padding:14px 0}
.preg summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}
.preg summary::-webkit-details-marker{display:none}
.preg summary::after{content:"+";color:var(--acento);font-weight:800}
.preg details[open] summary::after{content:"–"}
.preg details p{margin:10px 0 0;color:var(--gris)}

.cta{background:var(--acento);color:#fff;border-radius:16px;padding:22px 20px;margin:40px 0 10px}
.cta b{display:block;font-size:21px;line-height:1.25}
.cta p{margin:6px 0 16px;opacity:.9}
.boton{display:inline-block;background:#fff;color:var(--acento);font-weight:800;text-decoration:none;
  padding:13px 18px;border-radius:12px;font-size:16px}

.relacionadas{margin:34px 0 10px}
.relacionadas ul{list-style:none;padding:0;display:grid;gap:8px}
.relacionadas a{display:block;background:var(--blanco);border:1px solid var(--linea);border-radius:12px;padding:12px 14px;
  text-decoration:none;color:var(--tinta);font-weight:700}
.relacionadas a span{display:block;font-weight:500;font-size:14px;color:var(--gris)}

footer.sitio{border-top:1px solid var(--linea);margin-top:40px;padding-block:22px;font-size:14px;color:var(--gris)}
footer.sitio a{color:var(--gris)}
footer.sitio nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:8px}

.barraCta{position:fixed;left:0;right:0;bottom:0;background:rgba(251,247,240,.97);border-top:1px solid var(--linea);
  padding:10px 18px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center}
.barraCta .boton{background:var(--acento);color:#fff;width:100%;max-width:420px;text-align:center}
@media (min-width:900px){ body{padding-bottom:0} .barraCta{display:none} }