/**
 * PortaDocumentos marketing landing (handoff "Landing"). Loaded only on the front
 * page. Nunito + petroleum-blue, matching the app's brand. Layout classes
 * come from the design; everything else is inline in front-page.php to keep
 * pixel fidelity with the handoff. Scoped under .ld-root so it never leaks
 * into the rest of the theme.
 */

/* Nunito se carga vía wp_enqueue_style en functions.php (sitewide). */

.ld-root {
	font-family: 'Nunito', system-ui, sans-serif;
	color: oklch(0.2 0.015 250);
	background: #fff;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	overflow-x: hidden;
	line-height: 1.5;
}
.ld-root a { color: oklch(0.32 0.07 230); text-decoration: none; }
.ld-root a:hover { color: oklch(0.26 0.07 230); }

.ld-nav-links { display: flex; }
.ld-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.ld-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ld-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.ld-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ld-footer-cols { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }

.ld-legal h2 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; margin: 32px 0 12px; }
.ld-legal p, .ld-legal li { font-size: 15px; line-height: 1.6; color: oklch(0.4 0.015 250); }
.ld-legal ul, .ld-legal ol { padding-left: 22px; }
.ld-legal strong { color: oklch(0.2 0.015 250); }

@media (max-width: 900px) {
	.ld-nav-links { display: none; }
	.ld-hero-grid { grid-template-columns: 1fr; gap: 32px; }
	.ld-features { grid-template-columns: 1fr; }
	.ld-steps { grid-template-columns: 1fr; }
	.ld-stats { grid-template-columns: repeat(2, 1fr); }
	.ld-footer-cols { grid-template-columns: 1fr 1fr; }
	.ld-section-pad { padding-left: 20px !important; padding-right: 20px !important; }
	.ld-hero-title { font-size: 36px !important; }
}