/* bigger Control · /desarrolladores (documentación de la API y los webhooks). Va sobre landing.css y guias.css: solo agrega lo que una guía no trae (código y tablas). Sin JavaScript. */
.guia code{padding:1px 6px;background:var(--crema-2,#efe0c6);border-radius:4px;font:600 .88em/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.guia pre{margin:0 0 22px;padding:16px 18px;overflow-x:auto;background:var(--negro);border:2px solid var(--tinta);border-radius:var(--radio);color:var(--crema);tab-size:2}
.guia pre code{padding:0;background:none;border-radius:0;font:500 14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:normal;white-space:pre;color:inherit}
.guia .tabla-caja{margin:0 0 22px;overflow-x:auto;border:2px solid var(--tinta);border-radius:var(--radio)}
.guia .tabla-caja:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}
.guia table{width:100%;min-width:560px;border-collapse:collapse}
.guia th,.guia td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--tinta);font-size:15px;line-height:1.5}
.guia th{background:var(--tinta);color:var(--crema);font:800 12px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase}
.guia tbody tr:last-child td{border-bottom:0}
.guia .aviso-doc{padding:16px 18px;border:2px solid var(--tinta);border-left:8px solid var(--rojo);border-radius:var(--radio);background:var(--crema-2,#efe0c6)}
.guia ol{margin:0 0 20px;padding-left:1.4em}
.guia ol > li{margin:0 0 10px}
