/*
 * Your global styles here
 */
html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

/*
 * MONTPE-79 · SIN BARRAS DE DESPLAZAMIENTO.
 *
 * El tema le pone 1rem de relleno por dentro a CADA sección de la página, en los cuatro lados. En
 * este sitio el encabezado y el pie del tema están vacíos, pero igual ocupan 32 px cada uno por
 * ese relleno, y la sección del formulario suma 32 px más: 96 px de nada, que en una notebook con
 * Windows al 125% eran justo lo que hacía aparecer la barra vertical.
 *
 * El relleno de los costados es además la razón por la que el formulario usaba un ancho de 100vw
 * para llegar a los bordes. 100vw incluye la barra vertical, así que cuando aparecía, el formulario
 * quedaba unos píxeles más ancho que la ventana y salía también la horizontal. Sin relleno lateral
 * el formulario ocupa el ancho entero sin trucos.
 *
 * Va acá y no en el componente porque las secciones están fuera de su shadow DOM.
 */
:root {
    --dxp-s-section-content-spacing-block-start: 0;
    --dxp-s-section-content-spacing-block-end: 0;
    --dxp-s-section-content-spacing-inline-start: 0;
    --dxp-s-section-content-spacing-inline-end: 0;
    --dxp-s-section-content-spacing-block-start-mobile: 0;
    --dxp-s-section-content-spacing-block-end-mobile: 0;
    --dxp-s-section-content-spacing-inline-start-mobile: 0;
    --dxp-s-section-content-spacing-inline-end-mobile: 0;

    /* La sección además centra su contenido en 1800 px como máximo: en una pantalla de 1919 quedaban
       60 px grises a cada lado y la foto de fondo cortada. El formulario tiene que llegar al borde. */
    --dxp-s-section-columns-max-width: none;
    --dxp-s-section-columns-max-width-mobile: none;
}