/* ============================================================
   TEMA REVISTA MEXICANA DE ENFERMERÍA CARDIOLÓGICA
   Paleta: blanco + rojo cardiología
   Aplica únicamente a la página de inicio (home)
   ============================================================ */

:root {
  --rmec-rojo: #B91C1C;
  --rmec-rojo-claro: #FECACA;
  --rmec-rojo-suave: #FEE2E2;
  --rmec-borde-rojo: #f0d4d4;
  --rmec-negro: #1a1a1a;
  --rmec-gris-texto: #6b6b6b;
}

/* --- Header / Navegación principal --- */
#headerNavigationContainer,
.pkp_head_wrapper,
.pkp_navigation_header {
  background-color: #ffffff !important;
  border-bottom: 2px solid var(--rmec-rojo) !important;
}

.pkp_site_name_wrapper a,
.pkp_site_name {
  color: var(--rmec-negro) !important;
  font-weight: 500;
  letter-spacing: 0.3px;
}

#navigationPrimary a,
.pkp_navigation_primary a,
.pkp_nav_list a {
  color: #444444 !important;
  font-size: 13px;
  transition: color 0.2s ease;
}

#navigationPrimary a:hover,
.pkp_navigation_primary a:hover,
.pkp_nav_list a:hover {
  color: var(--rmec-rojo) !important;
}

/* --- Logo del header (se mantiene el actual, solo se ajusta el espacio) --- */
.pkp_site_name_wrapper img,
#pageHeaderLogo img {
  max-height: 48px;
  width: auto;
}

/* --- Banner / Hero de la portada (home) --- */
.page_index .pkp_structure_main,
.pkp_homepage_content_wrapper {
  background-color: #ffffff;
}

.pkp_homepage_hero,
.page_index .journal_description,
.page_index .pkp_page_title {
  background-color: var(--rmec-rojo) !important;
  color: #ffffff !important;
  padding: 2rem 1.5rem;
  text-align: center;
  border-radius: 0;
}

.page_index .journal_description p,
.pkp_homepage_hero p {
  color: var(--rmec-rojo-claro) !important;
  font-size: 13px;
  margin-top: 6px;
}

/* --- Tarjetas de números publicados (home) --- */
.page_index .obj_issue_summary,
.page_index .issues_grid .obj_issue_summary {
  background-color: #ffffff;
  border: 1px solid var(--rmec-borde-rojo);
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.page_index .obj_issue_summary:hover {
  box-shadow: 0 4px 12px rgba(185, 28, 28, 0.12);
  transform: translateY(-2px);
  border-color: var(--rmec-rojo);
}

.page_index .obj_issue_summary .cover {
  background-color: var(--rmec-rojo-suave);
}

.page_index .obj_issue_summary .cover img,
.page_index .obj_issue_summary .issue_cover img {
  width: 100%;
  height: auto;
  display: block;
}

.page_index .obj_issue_summary .title,
.page_index .obj_issue_summary .series {
  color: var(--rmec-negro);
  font-weight: 500;
  font-size: 14px;
}

.page_index .obj_issue_summary .description {
  color: var(--rmec-gris-texto);
  font-size: 12px;
}

/* --- Botones de acción en home --- */
.page_index .pkp_button,
.page_index a.pkp_button.pkp_button_primary,
.page_index .read_more {
  background-color: var(--rmec-rojo) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.page_index .pkp_button:hover,
.page_index a.pkp_button.pkp_button_primary:hover {
  background-color: #7F1D1D !important;
}

/* --- Bloques laterales (sidebar) en home --- */
.page_index .pkp_block,
.page_index .sidebar .block {
  background-color: #ffffff;
  border: 1px solid var(--rmec-borde-rojo);
  border-radius: 10px;
  padding: 1rem;
}

.page_index .pkp_block .title,
.page_index .sidebar .block h2 {
  color: var(--rmec-negro);
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid var(--rmec-rojo);
  padding-bottom: 6px;
  margin-bottom: 10px;
}

/* --- Footer --- */
#footer,
.pkp_structure_footer,
.pkp_footer_wrapper {
  background-color: #ffffff !important;
  border-top: 1px solid var(--rmec-borde-rojo) !important;
  color: #888888 !important;
}

#footer a,
.pkp_structure_footer a {
  color: var(--rmec-rojo) !important;
}

#footer a:hover {
  color: #7F1D1D !important;
}

/* --- Enlaces generales dentro de home --- */
.page_index a {
  color: var(--rmec-rojo);
}

.page_index a:hover {
  color: #7F1D1D;
}