/* =========================================================================
   ACRD — Tema OJS (Revista Dominicana de Economía)
   Reskin del chrome del tema por defecto de OJS con la identidad del sitio
   principal: paleta dorado/verde, tipografía Satoshi/Inter, header blanco y
   footer verde. Se carga DESPUÉS del tema padre, así que gana en cascada.
   Solo afecta al frontend de lectura (.pkp_structure_*); el backend editorial
   usa otras clases y no se ve alterado.
   ========================================================================= */

/* ---- Satoshi (self-host) ---- */
@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Regular.woff2') format('woff2');
	font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Medium.woff2') format('woff2');
	font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Satoshi';
	src: url('../fonts/Satoshi-Bold.woff2') format('woff2');
	font-weight: 700; font-style: normal; font-display: swap;
}

/* ---- Tokens ---- */
:root {
	--acrd-gold: #C69D05;
	--acrd-gold-bright: #E6AC00;
	--acrd-green: #154A20;
	--acrd-green-dark: #0E3618;
	--acrd-teal: #006D7F;
	--acrd-ink: #0A0E1A;
	--acrd-body: #4A4F58;
	--acrd-muted: #6B7280;
	--acrd-bg: #FFFFFF;
	--acrd-bg-gray: #F2F3F6;
	--acrd-bg-green: #EEF5EE;
	--acrd-border: #E3E7E9;
	--acrd-shadow: 0 14px 40px rgba(10,14,26,.08);
	--acrd-radius: 10px;
	--acrd-font: 'Satoshi', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ---- Base tipográfica ---- */
.pkp_structure_page {
	font-family: var(--acrd-font);
	color: var(--acrd-body);
	background: var(--acrd-bg);
	-webkit-font-smoothing: antialiased;
}
.pkp_structure_page h1,
.pkp_structure_page h2,
.pkp_structure_page h3,
.pkp_structure_page h4,
.pkp_structure_page h5 {
	font-family: var(--acrd-font);
	color: var(--acrd-ink);
	font-weight: 700;
}

/* =========================================================================
   HEADER  (de banda azul PKP -> banda blanca con acentos dorado/verde)
   ========================================================================= */
.pkp_structure_head {
	background: #fff !important;
	border-bottom: 1px solid var(--acrd-border);
	box-shadow: 0 1px 0 rgba(10,14,26,.02);
	color: var(--acrd-ink);
}
.pkp_head_wrapper { background: transparent !important; }

/* Nombre del journal / logo */
.pkp_site_name_wrapper { padding-top: 14px; padding-bottom: 14px; }
.pkp_site_name .is_text,
.pkp_site_name a.is_text {
	color: var(--acrd-ink) !important;
	font-family: var(--acrd-font);
	font-weight: 700;
	letter-spacing: -.01em;
}
.pkp_site_name img { max-height: 56px; width: auto !important; height: auto !important; }

/* Botón hamburguesa (móvil) */
.pkp_site_nav_toggle { color: var(--acrd-ink); }
.pkp_site_nav_toggle:hover { color: var(--acrd-gold); }

/* Barra superior de usuario (Registrarse / Entrar) */
.pkp_navigation_user_wrapper { background: transparent !important; }
.pkp_navigation_user > li > a {
	color: var(--acrd-muted) !important;
	font-weight: 500;
	font-size: 13px;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus { color: var(--acrd-gold) !important; }

/* Banda de navegación: de azul PKP a blanca */
.pkp_site_nav_menu { background: #fff !important; }
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper { background: transparent !important; }

/* Navegación primaria (Actual, Archivos, Acerca de) */
.pkp_navigation_primary > li > a {
	color: var(--acrd-ink) !important;
	font-weight: 500;
	font-size: 15px;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li.active > a {
	background: transparent !important;
	color: var(--acrd-gold) !important;
}
/* Submenús del nav */
.pkp_navigation_primary ul {
	background: #fff;
	border: 1px solid var(--acrd-border);
	border-radius: 10px;
	box-shadow: var(--acrd-shadow);
	padding: 6px 0;
}
.pkp_navigation_primary ul a { color: var(--acrd-ink) !important; }
.pkp_navigation_primary ul a:hover { background: var(--acrd-bg-gray); color: var(--acrd-gold) !important; }

/* Buscar */
.pkp_search, .pkp_search:link, .pkp_search:visited { color: var(--acrd-ink) !important; }
.pkp_search:hover, .pkp_search .fa { color: var(--acrd-gold) !important; }

/* =========================================================================
   CONTENIDO
   ========================================================================= */
.pkp_structure_content a { color: var(--acrd-gold); }
.pkp_structure_content a:hover,
.pkp_structure_content a:focus { color: var(--acrd-green); }

/* Encabezados de página y bloques laterales */
.obj_article_details .page_title,
.page_title,
.cmp_page_header h1 { color: var(--acrd-ink); }
.pkp_block .pkp_block_header,
.pkp_block h2 {
	color: var(--acrd-ink);
	border-bottom: 2px solid var(--acrd-gold);
	padding-bottom: 6px;
}

/* Pestañas / secciones actuales (issue) */
.cmp_announcement .title,
.obj_issue_toc h2,
.sections h2 {
	color: var(--acrd-ink);
	border-bottom: 1px solid var(--acrd-border);
}

/* Botones */
.pkp_button,
button.pkp_button,
.cmp_button,
a.cmp_button,
.buttons button.submit,
.buttons button[type="submit"],
button[type="submit"].submit,
input[type="submit"] {
	background: var(--acrd-gold) !important;
	background-image: none !important;
	border: 1px solid var(--acrd-gold) !important;
	color: #fff !important;
	border-radius: 6px;
	font-weight: 700;
	box-shadow: none !important;
	text-shadow: none !important;
	padding: 9px 22px;
}
.pkp_button:hover,
button.pkp_button:hover,
.cmp_button:hover,
a.cmp_button:hover,
.buttons button.submit:hover,
.buttons button[type="submit"]:hover,
button[type="submit"].submit:hover,
input[type="submit"]:hover {
	background: var(--acrd-gold-bright) !important;
	border-color: var(--acrd-gold-bright) !important;
	color: #fff !important;
}

/* Enlace "leer más" / galley download buttons en verde acento */
.obj_article_summary .galleys_links a.obj_galley_link,
.obj_issue_toc .galleys_links a.obj_galley_link {
	background: var(--acrd-green) !important;
	border-color: var(--acrd-green) !important;
	color: #fff !important;
}
.obj_article_summary .galleys_links a.obj_galley_link:hover,
.obj_issue_toc .galleys_links a.obj_galley_link:hover {
	background: var(--acrd-green-dark) !important;
	border-color: var(--acrd-green-dark) !important;
}

/* Formularios: acento dorado y foco de marca */
.pkp_structure_content input[type="checkbox"],
.pkp_structure_content input[type="radio"] { accent-color: var(--acrd-gold); }
.pkp_structure_content input[type="text"]:focus,
.pkp_structure_content input[type="email"]:focus,
.pkp_structure_content input[type="password"]:focus,
.pkp_structure_content input[type="search"]:focus,
.pkp_structure_content textarea:focus,
.pkp_structure_content select:focus {
	border-color: var(--acrd-gold) !important;
	outline: none;
	box-shadow: 0 0 0 3px rgba(198,157,5,.15);
}

/* =========================================================================
   FOOTER  (verde institucional)
   ========================================================================= */
.pkp_structure_footer_wrapper { background: var(--acrd-green); }
.pkp_structure_footer {
	background: var(--acrd-green);
	color: rgba(255,255,255,.82);
	font-family: var(--acrd-font);
}
.pkp_structure_footer a { color: #fff; text-decoration: none; }
.pkp_structure_footer a:hover { color: var(--acrd-gold-bright); }
.pkp_footer_content { color: rgba(255,255,255,.82); line-height: 1.7; }
.pkp_footer_content h1,
.pkp_footer_content h2,
.pkp_footer_content h3,
.pkp_footer_content strong { color: #fff; }

/* Bloque institucional ACRD inyectado en el footer (pageFooter) */
.acrd-ojs-footer { padding: 16px 0 6px; }
.acrd-ojs-footer__brand { font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 6px; }
.acrd-ojs-footer p { margin: 0 0 6px; font-size: 14px; }
.acrd-ojs-footer__meta { font-size: 13px; color: rgba(255,255,255,.66); }

/* Marca OJS/PKP: discreta sobre el verde */
.pkp_brand_footer { opacity: .55; }
.pkp_brand_footer:hover { opacity: .85; }
.pkp_brand_footer img { filter: brightness(0) invert(1); }

/* =========================================================================
   RESPONSIVE: el toggle móvil del header en dorado
   ========================================================================= */
@media (max-width: 767px) {
	.pkp_site_nav_toggle { background: transparent; }
	.pkp_navigation_primary { background: #fff; border-top: 1px solid var(--acrd-border); }
}