/*
 * Ajustes para encajar el diseño nuevo dentro de GeneratePress.
 * Solo afectan a páginas con el diseño nuevo (body.arctik-diseno): portada, blog y páginas interiores.
 */

/* Quitar el ancho máximo y los márgenes del contenedor de GeneratePress */
body.arctik-diseno .site.grid-container,
body.arctik-diseno .site-content {
	max-width: none;
	padding: 0;
	margin: 0;
}
body.arctik-diseno .site-content {
	display: block;
}

/* Fondo oscuro del diseño nuevo, por encima del color de fondo de GeneratePress */
body.arctik-diseno {
	background: var(--bg);
}

/* GeneratePress pinta de blanco los elementos .container (diseño "one-container");
   en la portada nueva .container solo centra el contenido, sin fondo propio */
body.arctik-diseno .container {
	background-color: transparent;
}

/* GeneratePress fija line-height en h1–h6; el diseño nuevo hereda el del body.
   "html h2" pesa más que "h2" de GeneratePress pero menos que cualquier clase del diseño
   (este archivo solo se carga donde se usa el diseño nuevo) */
html :is(h1, h2, h3, h4, h5, h6) {
	line-height: inherit;
}

/* GeneratePress pinta de blanco .site-header; la cabecera nueva es transparente
   y solo toma fondo oscuro al hacer scroll (lo gestiona portada.css) */
body.arctik-diseno .site-header {
	background-color: transparent;
}

/* GeneratePress da relleno y color de fondo (también al pasar el ratón) a todos los <button>;
   el botón del menú móvil es un círculo transparente con tres rayas centradas */
body.arctik-diseno .nav-toggle,
body.arctik-diseno .nav-toggle:hover,
body.arctik-diseno .nav-toggle:focus {
	padding: 0;
	background-color: transparent;
}

/* Menú lateral de GP Premium: su CSS y su JS ya no se cargan en el diseño nuevo (functions.php),
   pero el plugin sigue escribiendo su HTML al final de la página; se oculta aquí */
body.arctik-diseno #generate-slideout-menu {
	display: none !important;
}

/* GeneratePress da 1.5em de margen izquierdo a las listas dentro de un <li> ("li > ul");
   en las páginas de servicio esas listas (puntos de "Qué incluye", etc.) van alineadas con su texto */
body.arctik-diseno .sv-page li > ul,
body.arctik-diseno .sv-page li > ol {
	margin-left: 0;
}