/**
 * Páginas de texto legal, clonadas de producción.
 *
 * Las clases `css-…` son los hashes que genera Emotion en el sitio viejo.
 * Se conservan literales para que el render sea idéntico.
 *
 * Es la única hoja del tema sin secciones debajo: estas dos páginas son un solo
 * bloque de texto, así que no hay nada que repartir.
 *
 * Generado desde https://www.icasa.pe — no editar a mano salvo para corregir.
 */

.css-62igne{margin-top: 0; margin-bottom: 48px;}
.css-13kxyx9{padding: 40px 32px; background-color: rgb(255, 255, 255);}
.css-wrbxof{width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; padding: 48px 16px;}
@media (min-width: 600px){
.css-wrbxof{padding-left: 24px; padding-right: 24px;}
}
@media (min-width: 1200px){
.css-wrbxof{max-width: 1200px;}
}
.css-d9opd{font-family: Poppins, sans-serif; text-align: justify;}
.css-d9opd img{max-width: 100%; height: auto; display: block; margin: 1rem 0px;}

/*
 * El texto viene del editor, así que son etiquetas desnudas: `<h1>`, `<p>`,
 * `<ul>`, `<a>`. `base.css` tiene el reset de `h3` a `h6` y de `p`, pero no el
 * de `h1`, `h2` ni las listas, porque hasta ahora ninguna página clonada las
 * usaba —todos los encabezados eran `Typography` de MUI con su clase—.
 *
 * Estos valores son los medidos en producción, que son los de Bootstrap: h1 a
 * 2.5rem con peso 500, listas con 2rem de sangría. Van acotados a `.css-d9opd`
 * para no alterar el resto del sitio.
 */
.css-d9opd h1, .css-d9opd h2{margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: inherit;}
.css-d9opd h1{font-size: calc(1.375rem + 1.5vw);}
.css-d9opd h2{font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px){
.css-d9opd h1{font-size: 2.5rem;}
.css-d9opd h2{font-size: 2rem;}
}
.css-d9opd ul, .css-d9opd ol{margin-top: 0px; margin-bottom: 1rem; padding-left: 2rem;}
.css-d9opd li{margin: 0px;}

/*
 * Un `<h1>` vacío no es un error de maquetación: el texto de la política de
 * privacidad trae uno detrás del titular, y así viene del editor. Se oculta
 * para que no deje un hueco de 40 px en medio.
 */
.css-d9opd h1:empty, .css-d9opd h2:empty, .css-d9opd p:empty{display: none;}