/* DSuerte593 - Estilo de marca para paginas de contenido simple que no usan
   una plantilla propia del plugin (Terminos, Politica de privacidad, Politica
   de reembolsos): viven dentro del tema Astra por defecto, asi que sin esto
   se ven como pagina blanca aislada, con el header generico y el logo oscuro
   del tema (pensado para fondo claro) casi invisible sobre un header oscuro.
   Mismo enfoque que ya usa thankyou.css para el checkout. */

body.dsuerte-legal-page {
	--dl2-onix: #0E0B1A;
	--dl2-onix-2: #15112A;
	--dl2-accent: #C6FF3D;
	--dl2-text: #F5F3FF;
	--dl2-text-muted: #BDB6E8;
	--dl2-text-muted-2: #8F89B8;
	--dl2-border: rgba(245, 243, 255, 0.14);
}

.dl2-container {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px;
}

body.dsuerte-legal-page,
body.dsuerte-legal-page #content,
body.dsuerte-legal-page #primary,
body.dsuerte-legal-page .entry-content {
	background: var(--dl2-onix) !important;
}

/* Header generico de Astra: se oscurece y el logo (version negra del tema,
   pensada para fondo claro) se reemplaza por la version blanca via la regla
   "content: url(...)" inyectada en PHP -- igual que en el checkout. */
body.dsuerte-legal-page .site-header,
body.dsuerte-legal-page #masthead,
body.dsuerte-legal-page .ast-primary-header-bar,
body.dsuerte-legal-page .site-primary-header-wrap {
	background-color: var(--dl2-onix) !important;
	border-bottom: 1px solid var(--dl2-border);
}

body.dsuerte-legal-page .menu-item a {
	color: var(--dl2-text-muted) !important;
}

body.dsuerte-legal-page .menu-item a:hover {
	color: var(--dl2-text) !important;
}

body.dsuerte-legal-page .custom-logo-link img {
	height: 34px !important;
	width: auto !important;
}

body.dsuerte-legal-page .site-title {
	display: none !important;
}

/* Titulo de la pagina ("Terminos y condiciones", etc.) y contenido */
body.dsuerte-legal-page .entry-header .entry-title {
	color: var(--dl2-text) !important;
	font-family: 'Syne', sans-serif;
}

body.dsuerte-legal-page .entry-content {
	max-width: 760px;
	margin: 0 auto;
	padding: 8px 0 60px;
	color: var(--dl2-text-muted) !important;
}

body.dsuerte-legal-page .entry-content h1,
body.dsuerte-legal-page .entry-content h2,
body.dsuerte-legal-page .entry-content h3,
body.dsuerte-legal-page .entry-content h4 {
	color: var(--dl2-text) !important;
	font-family: 'Syne', sans-serif;
	margin: 32px 0 12px;
}

body.dsuerte-legal-page .entry-content p,
body.dsuerte-legal-page .entry-content li {
	color: var(--dl2-text-muted) !important;
	line-height: 1.7;
}

body.dsuerte-legal-page .entry-content a {
	color: var(--dl2-accent) !important;
}

#ast-scroll-top {
	border-radius: 50% !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#ast-scroll-top .ast-icon.icon-arrow svg {
	transform: rotate(180deg) !important;
	margin: 0 !important;
}

/* Pie de pagina propio de la marca (ver dsuerte_render_dl2_footer() en
   dsuerte593-landing.php), inyectado via wp_footer en vez del pie de pagina
   generico de Astra ("Funciona gracias a Tema Astra para WordPress"), que se
   oculta aqui. Reglas identicas a las de landing-op4.css. */
body.dsuerte-legal-page #colophon {
	display: none !important;
}

.dl2-logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	flex-shrink: 0;
}

.dl2-logo__img {
	height: 28px;
	width: auto;
	display: block;
}

.dl2-footer {
	border-top: 1px solid var(--dl2-border);
	padding: 40px 0 0;
	background: #0A0816;
}

.dl2-footer__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 32px;
}

.dl2-footer__brand p {
	color: var(--dl2-text-muted);
	font-size: 13.5px;
	max-width: 320px;
	margin-top: 10px;
}

.dl2-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 64px;
}

.dl2-footer__col h5 {
	font-family: 'Syne', sans-serif;
	font-size: 11.5px;
	letter-spacing: 0.8px;
	color: var(--dl2-text-muted-2);
	margin: 0 0 10px;
}

.dl2-footer__col p {
	color: var(--dl2-text-muted);
	font-size: 13.5px;
	margin: 4px 0;
}

.dl2-social a {
	color: var(--dl2-text-muted);
	text-decoration: none;
	font-size: 13.5px;
}

.dl2-social a:hover {
	color: var(--dl2-accent);
}

.dl2-footer__legal {
	border-top: 1px solid var(--dl2-border);
	padding: 20px 24px 32px;
	text-align: center;
}

.dl2-footer__legal p {
	color: var(--dl2-text-muted);
	font-size: 12px;
	margin: 0 0 10px;
}

.dl2-footer__links a {
	color: var(--dl2-text-muted);
	text-decoration: underline;
}

.dl2-footer__links a:hover {
	color: var(--dl2-accent);
}

@media (max-width: 640px) {
	.dl2-footer__nav {
		gap: 32px;
	}
}