/* Piezas de las páginas SEO/GEO generadas con tools/paginas-seo (v.37).
   Todo está por debajo del pliegue: se carga sin bloquear y no entra en el CSS crítico. */

/* Tabla citable en las páginas de servicio (misma estética que .art-table del blog) */
.landing-table{width:100%;max-width:1100px;border-collapse:collapse;margin:8px 0 32px;font-size:15px}
.landing-table th{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);padding:12px 16px 12px 0;text-align:left;border-bottom:1px solid var(--border-2);font-weight:500}
.landing-table td{padding:16px 16px 16px 0;border-bottom:1px solid var(--border);color:var(--fg-2);vertical-align:top;line-height:1.55}
.landing-table td:first-child{color:var(--fg);font-weight:500;min-width:14ch}
.landing-table .accent{color:var(--accent)}
@media(max-width:768px){.landing-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:15px}.landing-table th,.landing-table td{padding-right:12px}}

/* Lista con raya verde, como las del blog */
.landing-list{list-style:none;margin:0 0 28px;max-width:68ch}
.landing-list li{position:relative;padding:8px 0 8px 26px;color:var(--fg-2);font-size:var(--type-body,17px);line-height:1.65}
.landing-list li::before{content:'—';position:absolute;left:0;color:var(--accent)}
.landing-list strong{color:var(--fg);font-weight:500}
.landing-list a,.landing-table a,.landing-callout a{color:var(--fg);text-decoration:underline;text-underline-offset:5px}
.landing-list a:hover,.landing-table a:hover,.landing-callout a:hover{color:var(--accent)}

/* Nota destacada */
.landing-callout{max-width:68ch;margin:8px 0 28px;padding:20px 24px;border-left:2px solid var(--accent);background:rgba(0,255,102,.04)}
.landing-callout p{margin:0;color:var(--fg-2);line-height:1.65}
.landing-callout strong{color:var(--accent);font-weight:500}

/* Bloque de código (guía de llms.txt) */
.bloque-codigo{max-width:76ch;margin:8px 0 28px;padding:20px 24px;overflow-x:auto;background:var(--bg-2);border:1px solid var(--border-2);font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}
.art-content code,.landing-section code{font:.9em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--fg);background:rgba(250,250,247,.06);padding:1px 5px}