/**
 * assets/css/legal.css — Sussanich Turismo
 * Estilos compartidos por las 3 páginas legales/placeholder: Ayuda,
 * Política de Privacidad, Botón de Arrepentimiento. Port de los bloques
 * `<section style="...">` inline de ayuda.php / politica-de-privacidad.php /
 * boton-de-arrepentimiento.php (front viejo) a clases reales.
 * Section/Column de Elementor Free NO admiten `_css_classes` (gotcha #1,
 * monolitico/README.md § 4a) — las reglas de Section van por `_element_id`
 * (selector `#id`); las de Column por `_element_id` también; solo los
 * WIDGETS internos (Heading/Text-editor) usan `_css_classes` reales.
 * Solo tokens de tokens.css. Sin hex hardcodeados. Sin rem.
 */

/* Section — mini-hero sin imagen (paridad con page-hero--solid del front viejo) */
#legal-hero {
    padding-top: calc(var(--header-min-h) + var(--space-8));
    padding-bottom: var(--space-8);
    background: var(--color-surface);
}

/* Inversion de capa de estilos (2026-07-16): color/tipografia/tamano/
   align/margin de `.legal-hero__title` y `.legal-content__texto[--center]`
   pasaron a widget settings reales (title_color/text_color/typography_* /
   align/_margin via runner _stgsetup/run-7fs.php action=migrate_v1) —
   editables desde el editor de Elementor. Regla de capas: monolitico/README.md. */

/* Section — bloque de contenido. Como en las páginas legales originales: sin
   relleno vertical y con el ancho del `.container` del sitio (el tope de 760px
   que traía su estilo en línea no llegaba a aplicarse). */
#legal-content {
    padding: 0;
}

#legal-content-col {
    max-width: none;
    margin: 0 auto;
}