/*
Theme Name: PortaDocumentos
Theme URI: https://portadocumentos.cl
Author: PortaDocumentos
Author URI: https://portadocumentos.cl
Description: Tema minimalista y app-first que aloja la plataforma PortaDocumentos. Diseño neutral inspirado en Apple, Linear y Stripe, con modo oscuro. Toda la lógica vive en el plugin PortaDocumentos.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: portadocumentos-theme
*/

:root {
	--t-bg: #f5f5f7;
	--t-text: #0b0b0f;
	--t-muted: #6b7280;
	--t-border: #e5e7eb;
	--t-accent: #2563eb;
	--t-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
	:root {
		--t-bg: #0b0b0f;
		--t-text: #f5f5f7;
		--t-muted: #9ca3af;
		--t-border: #2a2a33;
	}
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
	font-family: var(--t-font);
	background: var(--t-bg);
	color: var(--t-text);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
a { color: var(--t-accent); }
img { max-width: 100%; height: auto; }

.t-site { min-height: 100vh; display: flex; flex-direction: column; }
.t-main { flex: 1; }

/* App and landing skip the theme footer at the template level; this rule is
   just a belt-and-braces guard for any custom page that lands on the plugin
   shortcode via a non-standard template. */
body.home .t-footer { display: none; }

/* Slim topbar for simple content pages (legal, generic). Skipped by the app,
   the share landing and the front page (each owns its own header). */
.t-topbar {
	position: sticky; top: 0; z-index: 10;
	background: color-mix(in oklab, var(--t-bg) 92%, transparent);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--t-border);
}
.t-topbar__inner {
	max-width: 1140px; margin: 0 auto; padding: 14px 24px;
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.t-topbar__brand {
	display: inline-flex; align-items: center; gap: 10px;
	text-decoration: none; color: var(--t-text);
}
.t-topbar__mark {
	width: 30px; height: 30px; border-radius: 8px;
	background: var(--t-accent); color: #fff;
	display: inline-flex; align-items: center; justify-content: center; flex: none;
}
.t-topbar__wordmark { font-size: 16px; font-weight: 700; letter-spacing: -0.01em; }
.t-topbar__actions { display: flex; align-items: center; gap: 12px; }
.t-topbar__link {
	font-size: 14px; font-weight: 600; color: var(--t-text);
	text-decoration: none; padding: 8px 6px;
}
.t-topbar__cta {
	padding: 9px 16px; border-radius: 9px;
	background: var(--t-accent); color: #fff !important;
	font-size: 14px; font-weight: 600; text-decoration: none;
	white-space: nowrap;
}

/* Simple content pages (privacy, etc.). */
.t-content { max-width: 720px; margin: 0 auto; padding: 48px 20px; }
.t-content h1 { font-size: 32px; letter-spacing: -0.03em; }
.t-content h2 { font-size: 20px; margin-top: 32px; letter-spacing: -0.01em; }
.t-content p, .t-content li { color: var(--t-text); }

.t-footer {
	text-align: center; padding: 28px 20px;
	color: var(--t-muted); font-size: 13px;
	border-top: 1px solid var(--t-border);
}
.screen-reader-text {
	position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px);
}