/* Infografias del Kit Restaurante: hojas A4 del folder "Auditoria" */
:root{--am:#FFC800;--am2:#FFF3C2;--tinta:#111;--gris:#3C3C3B;--ok:#2E7D32;--no:#C62828;--azul:#1f5fa8}
.folder{display:flex;flex-direction:column;align-items:center;gap:26px;padding:10px 0 40px}
.a4{width:210mm;min-height:297mm;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:13mm 13mm 11mm;display:flex;flex-direction:column;font-family:"Poppins",system-ui,sans-serif;color:var(--tinta);position:relative;overflow:hidden}
@media (max-width:820px){.a4{width:100%;min-height:auto;padding:18px}}
.a4 .pestana{position:absolute;top:0;right:14mm;background:var(--am);border:2px solid var(--tinta);border-top:0;border-radius:0 0 10px 10px;padding:4px 14px 6px;font-weight:800;font-size:12px}
.a4 header.ih{display:flex;align-items:center;gap:14px;border-bottom:3px solid var(--tinta);padding-bottom:10px;margin-bottom:14px}
.ih .logo-cli{width:150px;height:64px;border:2px dashed #aaa;border-radius:10px;display:grid;place-items:center;font-size:9px;color:#999;text-align:center;flex:none}
.ih h1{font-size:26px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.01em}
.ih p{margin:4px 0 0;font-size:13px;color:var(--gris)}
.pie-a4{margin-top:auto;padding-top:10px;border-top:1.5px solid #ddd;display:flex;justify-content:space-between;font-size:9.5px;color:#777}
.pasos-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.paso-g{border:2.5px solid var(--tinta);border-radius:14px;padding:12px;display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:start;background:#fff}
.paso-g .num{position:absolute}
.paso-g svg{width:78px;height:78px}
.paso-g h2{margin:0 0 4px;font-size:15px;line-height:1.2}
.paso-g h2 span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--am);border:2px solid var(--tinta);font-size:12px;margin-right:6px}
.paso-g p{margin:0;font-size:12px;line-height:1.45}
.dice{margin-top:6px;background:var(--am2);border-left:4px solid var(--am);border-radius:6px;padding:6px 8px;font-size:11.5px;font-style:italic}
.ley{display:block;margin-top:5px;font-size:10px;color:#666;font-style:normal}
.nunca{margin-top:12px;border:2.5px solid var(--no);border-radius:14px;padding:10px 14px;background:#FFF1F1}
.nunca h2{margin:0 0 6px;color:var(--no);font-size:15px}
.nunca ul{margin:0;padding-left:18px;font-size:12px;columns:2;column-gap:24px}
.escena{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;align-items:center;margin-bottom:12px}
.escena svg{width:100%;height:auto}
.burbujas{display:flex;flex-direction:column;gap:8px}
.burbuja{border:2.5px solid var(--tinta);border-radius:16px;padding:10px 12px;font-size:12.5px;background:#fff;position:relative}
.burbuja b{display:block;font-size:11px;text-transform:none;color:#666;margin-bottom:2px}
.burbuja.si{background:#EEF7EE;border-color:var(--ok)}
.burbuja.am{background:var(--am2)}
.caja{border:2.5px solid var(--tinta);border-radius:14px;padding:10px 14px;margin-top:10px}
.caja h2{margin:0 0 6px;font-size:15px}
.caja p,.caja li{font-size:12px;line-height:1.45}
.caja ul,.caja ol{margin:0;padding-left:18px}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.si-no{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.si-no > div{border-radius:14px;padding:10px 12px;border:2.5px solid}
.si-no .s{border-color:var(--ok);background:#EEF7EE}.si-no .n{border-color:var(--no);background:#FFF1F1}
.si-no h3{margin:0 0 6px;font-size:14px}
.si-no ul{margin:0;padding-left:18px;font-size:12px}
.linea-t{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 4px;counter-reset:t}
.linea-t div{border:2.5px solid var(--tinta);border-radius:12px;padding:8px;font-size:11.5px;text-align:center;position:relative;background:#fff}
.linea-t div b{display:block;font-size:13px;margin-bottom:3px}
.linea-t svg{width:46px;height:46px;display:block;margin:0 auto 4px}
.clave{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.clave span{border:2px solid var(--tinta);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;background:#fff}
table.cost{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px}
.cost th{background:var(--am);border:1.5px solid var(--tinta);padding:6px;text-align:left}
.cost td{border:1.5px solid var(--tinta);padding:6px}
.cost td.m{font-weight:800;white-space:nowrap}
.calc{display:grid;grid-template-columns:repeat(5,auto);align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:13px}
.calc .v{border:2.5px solid var(--tinta);border-radius:10px;padding:6px 10px;font-weight:800;background:#fff;text-align:center}
.calc .v small{display:block;font-weight:500;font-size:10px;color:#666}
.total{margin-top:8px;text-align:center;font-size:18px;font-weight:800;background:var(--tinta);color:var(--am);border-radius:12px;padding:10px}
.nota-p{font-size:10px;color:#666;margin-top:6px}
.cierre{margin-top:14px;background:var(--tinta);color:#fff;border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center}
.cierre h2{margin:0 0 6px;color:var(--am);font-size:18px}
.cierre p{margin:0;font-size:12.5px;line-height:1.5}
.cierre svg{width:90px;height:90px}
@media print{body{background:#fff}.barra,.por-que,.revision{display:none}.a4{box-shadow:none;margin:0;page-break-after:always}.folder{gap:0;padding:0}}
@page{size:A4;margin:0}

/* v2: logo rectangular, marca de agua, ilustraciones grandes */
.ih .logo-cli img{max-width:100%;max-height:100%;object-fit:contain}
.a4 > *:not(.marca-a4){position:relative;z-index:1}
.marca-a4{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}
.marca-a4 img{width:60%;opacity:.08;transform:rotate(-24deg)}
.pasos-img{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.paso-img{border:2.5px solid var(--tinta);border-radius:14px;padding:8px;display:grid;grid-template-columns:120px 1fr;gap:10px;background:#fff;align-items:start}
.paso-img h2{margin:0 0 3px;font-size:14px;line-height:1.2}
.paso-img h2 span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--am);border:2px solid var(--tinta);font-size:11px;margin-right:6px}
.paso-img p{margin:0;font-size:11.5px;line-height:1.4}
.ilu{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block}
.pendiente{display:grid;place-items:center;text-align:center;background:#f1f1ec;border:2px dashed #bbb;color:#888;font-size:10px;padding:6px;aspect-ratio:1/1;border-radius:10px}
.ilu-ancha{width:100%;border-radius:12px;display:block;margin-bottom:10px;border:2px solid var(--tinta)}
.burbujas-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.duo{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start;margin-bottom:8px}
.paso-largo{display:grid;grid-template-columns:40px 1fr;gap:10px;border:2.5px solid var(--tinta);border-radius:14px;padding:10px 12px;margin-top:8px;background:#fff}
.paso-largo > span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--am);border:2.5px solid var(--tinta);font-weight:800}
.paso-largo h3{margin:0 0 3px;font-size:14px}.paso-largo p{margin:0;font-size:12px;line-height:1.45}
.aviso-grande{background:var(--am);border:3px solid var(--tinta);border-radius:14px;padding:10px 14px;font-size:14px;margin-bottom:8px}
.fuentes-t{font-size:10px;color:#555;margin-top:6px}
.ilu-cierre{width:90px;height:90px;object-fit:cover;border-radius:12px}
.ley-link{color:#1f5fa8;text-decoration:underline;font-style:normal}
@media (max-width:820px){.pasos-img,.burbujas-2,.duo,.em-grid{grid-template-columns:1fr}.paso-img{grid-template-columns:90px 1fr}}