/* Apuestasmax — capa del tema: cabecera, héroe, cuerpo, pie, rejillas. Colores/tipografía: theme.json.
 * Reglas: sin bordes finos, sin bordes degradados, sin franjas laterales, sin íconos de línea, sin glow.
 * Separación por tono de superficie, espacio y tipografía; texto a todo el ancho del contenedor. */
html { overflow-x: clip; scroll-behavior: smooth; }
body { overflow-x: clip; }
img { max-width: 100%; height: auto; }
.amx-strip p { margin: .35rem 0; }
.amx-top { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent); backdrop-filter: blur(10px); padding-top: .6rem; padding-bottom: .6rem; }
.amx-top .wp-block-site-logo img { max-height: 40px; width: auto; }
.amx-top .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.amx-top .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }
.amx-top__cta .wp-block-button__link { padding: .55em 1em; font-size: .9rem; }
@media (max-width: 60rem) { .amx-top__cta { display: none; } }

.amx-hero h1 { margin: .25rem 0 .5rem; text-wrap: balance; }
.amx-hero .amx-lede, .amx-lede { font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--ink-muted); margin: 0 0 1rem; }
.amx-hero--resena .amx-card--solo { margin-top: 1.25rem; }
.amx-body > * + * { margin-top: 1.25rem; }
.amx-body h2 { margin-top: 2.25rem; }
.amx-body p, .amx-body li { max-width: none; }

/* rejilla de archivos */
.amx-tile { border-radius: 12px; }
.amx-tile h2 { margin: 0 0 .5rem; } .amx-tile h2 a { text-decoration: none; color: var(--wp--preset--color--ink); }
.amx-tile p { margin: 0 0 .5rem; }

/* autor */
.amx-autor { border-radius: 12px; gap: .5rem 1rem; }
.amx-autor .wp-block-avatar img { border-radius: 50%; }
.amx-autor .wp-block-post-author-biography { flex-basis: 100%; margin: 0; color: var(--wp--preset--color--ink-muted); }

/* pie */
.amx-foot .amx-foot__h { text-transform: uppercase; letter-spacing: .06em; color: var(--wp--preset--color--ink-muted); margin: 0 0 .5rem; }
.amx-foot .amx-foot__nav a { color: var(--wp--preset--color--ink); text-decoration: none; }
.amx-foot .amx-foot__nav a:hover { text-decoration: underline; }
.amx-foot .wp-block-site-title { margin: 0 0 .5rem; }

/* tablas del editor sin bordes: filas por tono */
.wp-block-table table { border-collapse: collapse; }
.wp-block-table th, .wp-block-table td { border: 0; padding: .7em .9em; }
.wp-block-table thead th { background: var(--wp--preset--color--surface-2); font-size: .85em; text-transform: uppercase; letter-spacing: .04em; color: var(--wp--preset--color--ink-muted); }
.wp-block-table tbody tr:nth-child(even) td { background: var(--wp--preset--color--surface); }
.wp-block-table { overflow-x: auto; }

/* detalles/FAQ nativos del editor también por tono */
.wp-block-details { background: var(--wp--preset--color--surface); border-radius: 8px; padding: .6rem 1rem; }

/* accesibilidad */
:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }