/**
 * Tokens de marca — Manual NAIMAR ENVASES (borrador).
 * Fuente: docs/Manual NAIMAR ENVASES.pdf
 * Tipografías: docs/fuentes/ → assets/fonts/
 *
 * - Títulos: Lovelo Black 29pt
 * - Subtítulos: Agency FB 18pt
 * - Textos: Arial Regular 14pt
 */

@font-face {
	font-family: "Lovelo Black";
	src: url("../fonts/lovelo-black.otf") format("opentype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Agency FB";
	src: url("../fonts/agency-fb-regular.woff2") format("woff2"),
		url("../fonts/agency-fb-regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Agency FB";
	src: url("../fonts/agency-fb-bold.woff2") format("woff2"),
		url("../fonts/agency-fb-bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Primarios (PDF) */
	--naimar-blue: #12375b;
	--naimar-orange: #db7d2a;

	/* Derivados */
	--naimar-blue-dark: #0c2742;
	--naimar-orange-dark: #b8641c;
	--naimar-ink: #12375b;
	--naimar-muted: #5a6b7a;
	--naimar-paper: #f4f6f8;
	--naimar-white: #ffffff;
	--naimar-line: #d5dde5;
	--naimar-on-dark: #f0f4f8;
	--naimar-on-dark-muted: #a8b8c8;

	/* Tipografía (manual) */
	--naimar-font-body: Arial, Helvetica, sans-serif;
	--naimar-font-display: "Lovelo Black", Lovelo, Arial, Helvetica, sans-serif;
	--naimar-font-subtitle: "Agency FB", Arial, Helvetica, sans-serif;
	--naimar-fs-body: 14pt;
	--naimar-fs-subtitle: 18pt;
	--naimar-fs-title: 29pt;

	/* Layout */
	--naimar-max: 1120px;
	--naimar-radius: 2px;
}

body {
	font-family: var(--naimar-font-body);
	font-size: var(--naimar-fs-body);
	color: var(--naimar-ink);
	background: var(--naimar-white);
}

h1,
.naimar-display {
	font-family: var(--naimar-font-display);
	font-size: var(--naimar-fs-title);
	font-weight: 900;
	color: var(--naimar-ink);
}

h2,
h3,
.naimar-subtitle {
	font-family: var(--naimar-font-subtitle);
	font-size: var(--naimar-fs-subtitle);
	font-weight: 400;
	color: var(--naimar-ink);
}

h3 {
	font-weight: 700;
}

a {
	color: var(--naimar-blue);
}

a:hover,
a:focus {
	color: var(--naimar-orange);
}

/* Botón primario compartido (gana a Hello reset [type=submit]/#c36) */
button.naimar-btn,
a.naimar-btn,
input.naimar-btn,
.naimar-btn,
.naimar-btn.naimar-btn--primary {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0.65rem 1.15rem;
	border: 0 !important;
	border-radius: var(--naimar-radius);
	background: var(--naimar-orange, #db7d2a) !important;
	background-image: none !important;
	color: var(--naimar-white, #fff) !important;
	font-family: var(--naimar-font-body);
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.15s ease;
}
button.naimar-btn:hover,
button.naimar-btn:focus,
a.naimar-btn:hover,
a.naimar-btn:focus,
.naimar-btn:hover,
.naimar-btn:focus,
.naimar-btn.naimar-btn--primary:hover,
.naimar-btn.naimar-btn--primary:focus {
	background: #c97122 !important;
	color: var(--naimar-white, #fff) !important;
}

.naimar-btn--dark,
.naimar-btn.naimar-btn--secondary {
	background: var(--naimar-blue);
	color: var(--naimar-white) !important;
}
.naimar-btn--dark:hover,
.naimar-btn--dark:focus,
.naimar-btn.naimar-btn--secondary:hover,
.naimar-btn.naimar-btn--secondary:focus {
	background: var(--naimar-blue-dark);
	color: var(--naimar-white) !important;
}

/* Páginas con shell Figma (auth / presupuesto / cuenta / legales) */
.site-main.naimar-page {
	max-width: none !important;
	width: 100% !important;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
	box-sizing: border-box;
	background: #fff;
}
.naimar-page__inner {
	max-width: 1380px !important;
	width: 100% !important;
	margin-inline: auto;
	padding: 2.5rem 2.5rem 3.5rem;
	box-sizing: border-box;
}
.naimar-page__crumbs {
	margin: 0 0 0.85rem;
	font-size: 0.8125rem;
	line-height: 1.2;
	color: #8a96a3;
	font-family: var(--naimar-font-body, Arial, Helvetica, sans-serif);
	font-weight: 400;
}
.naimar-page__crumbs a {
	color: inherit;
	text-decoration: none;
}
.naimar-page__crumbs a:hover {
	color: var(--naimar-blue, #12375b);
	text-decoration: underline;
}
.naimar-page__crumbs [aria-current="page"] {
	color: var(--naimar-blue, #12375b);
	font-weight: 600;
}
.naimar-page .page-header {
	margin: 0 0 1.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #e8edf2;
}
.naimar-page .page-header .entry-title {
	margin: 0;
	font-family: var(--naimar-font-display);
	font-size: clamp(1.75rem, 3.2vw, 2.35rem);
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: 0.01em;
	color: var(--naimar-ink, #12375b);
}

/* Hero corto (auth / presupuesto / Mi cuenta) — patrón Contacto */
.naimar-page-hero {
	position: relative;
	background: var(--naimar-ink, #12375b);
	color: #fff;
	overflow: hidden;
}
.naimar-page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(167deg, rgba(219, 125, 42, 0.07) 0%, rgba(219, 125, 42, 0) 50%);
	pointer-events: none;
}
.naimar-page-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 1380px;
	margin: 0 auto;
	padding: 2.75rem 2.5rem 2.35rem;
	box-sizing: border-box;
}
.naimar-page-hero .naimar-page__crumbs {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.28);
}
.naimar-page-hero .naimar-page__crumbs a:hover {
	color: rgba(255, 255, 255, 0.55);
	text-decoration: underline;
}
.naimar-page-hero .naimar-page__crumbs [aria-current="page"] {
	color: rgba(255, 255, 255, 0.55);
	font-weight: 600;
}
.naimar-page-hero__title {
	margin: 0.55rem 0 0;
	font-family: var(--naimar-font-display);
	font-size: clamp(2rem, 4.5vw, 3rem);
	font-weight: 900;
	line-height: 1.05;
	color: #fff;
	text-transform: uppercase;
}
.naimar-page-hero__lead {
	margin: 0.7rem 0 0;
	max-width: 36rem;
	font-family: var(--naimar-font-body, Arial, Helvetica, sans-serif);
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.78);
}
.naimar-page-hero__accent {
	height: 2px;
	background: linear-gradient(90deg, #db7d2a 0%, rgba(219, 125, 42, 0.33) 50%, rgba(219, 125, 42, 0) 100%);
}
.naimar-page__body {
	background: #f4f6f8;
}

/* Acceso / registro / contraseña */
body.naimar-auth-page {
	background: #f4f6f8;
}
.site-main.naimar-page--auth {
	background: #f4f6f8;
	min-height: 50vh;
}
.naimar-page--auth .naimar-page__inner--auth {
	padding-top: 2.5rem;
	padding-bottom: 4rem;
}
.naimar-page--auth .page-content > *:first-child {
	margin-top: 0;
}

/* Presupuesto / Mi cuenta / solicitud enviada */
body.naimar-app-page {
	background: #f4f6f8;
}
.site-main.naimar-page--app {
	background: #f4f6f8;
	min-height: 50vh;
}
.naimar-page--app .naimar-page__inner--app {
	padding-top: 2.5rem;
	padding-bottom: 3.5rem;
}
.naimar-page--app .page-content > *:first-child {
	margin-top: 0;
}

@media (max-width: 980px) {
	.naimar-page__inner,
	.naimar-page-hero__inner {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}