/* ============================================================
   REVISTA DE CIENCIAS EMPRESARIALES — RCE
   Archivo: rce.css
   ============================================================ */
  
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');

/* — Variables cromáticas — */
.rce-journal {
  --rce-primary:       #324884;
  --rce-primary-dark:  #1e2e56;
  --rce-primary-light: #4a6aab;
  --rce-accent:        #e8edf7;
  --rce-border:        #c5cedf;
  --rce-radius:        6px;
}


/* ============================================================
   1. ANULAR HEADER DEL PORTAL
   ============================================================ */
.rce-journal .pkp_head_wrapper {
  display: block !important;
  background: none !important;
  padding: 0 !important;
}

.rce-journal .pkp_head_wrapper .pkp_site_nav_menu,
.rce-journal .pkp_head_wrapper .pkp_site_name_wrapper {
  display: none !important;
}

/* ============================================================
   2. HERO PROPIO
   ============================================================ */

/* Contenedor hero — se inserta por JS antes del #siteNav */
.rce-hero {
  position: relative;
  width: 100%;
  min-height: 220px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 40px;
  box-sizing: border-box;
  gap: 32px;
  overflow: hidden;
  background-color: var(--rce-primary-dark);
}

.rce-hero__bg {
  position: absolute;
  inset: 0;
  background-image: url('https://revistas.ubp.edu.ar/public/journals/5/hero-rce.jpg');
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.rce-hero__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    160deg,
    rgba(30, 46, 86, 0.82) 0%,
    rgba(50, 72, 132, 0.65) 60%,
    rgba(74, 106, 171, 0.45) 100%
  );
}

.rce-hero__logos {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.rce-hero__logo-sep {
  width: 1px;
  height: 52px;
  background: rgba(255,255,255,0.35);
  flex-shrink: 0;
  display: block;
}

.rce-hero__logo-ubp {
  height: 72px;
  width: 73.45px;
  object-fit: contain;
}

.rce-hero__logo-ms {
  height: 72px;
  width: 257px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.rce-hero__title {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}

.rce-hero__title-main {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: clamp(1.4rem, 2.8vw, 2.1rem);
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.rce-hero__right-pad {
  flex-shrink: 0;
  width: 330px;
  position: relative;
  z-index: 1;
}

/* ============================================================
   3. NAV DE LA REVISTA — reutiliza estructura del portal
   ============================================================ */
.pkp_page_journal #navigationPrimary,
.pkp_page_journal .pkp_navigation_primary_row {
  background-color: var(--rce-primary) !important;
}

.pkp_page_journal #navigationPrimary a {
  color: #fff !important;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}

.pkp_page_journal #navigationPrimary a:hover,
.pkp_page_journal #navigationPrimary .current > a {
  color: var(--rce-accent) !important;
  background-color: var(--rce-primary-dark) !important;
}

.rce-hero__bg {
     --rce-hero-img: url(https://revistas.ubp.edu.ar/public/journals/5/hero-rce.jpg);
   }

   .rce-journal .pkp_navigation_primary_row {
  display: flex !important;
}

/* Nav primario — color RCE */
.rce-journal .pkp_navigation_primary_row {
  background-color: var(--rce-primary) !important;
}

.rce-journal .pkp_navigation_primary_row a {
  color: #fff !important;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
}

.rce-journal .pkp_navigation_primary_row a:hover {
  background-color: var(--rce-primary-dark) !important;
  color: #fff !important;
}
/* Dropdowns del nav primario */
.rce-journal .pkp_navigation_primary_row .pkp_dropdown_toggle + ul,
.rce-journal .pkp_navigation_primary_row .dropdown-menu {
  background-color: var(--rce-primary-dark) !important;
}

.rce-journal .pkp_navigation_primary_row .dropdown-menu a,
.rce-journal .pkp_navigation_primary_row .dropdown-menu li a {
  color: #fff !important;
  background-color: transparent !important;
}

.rce-journal .pkp_navigation_primary_row .dropdown-menu a:hover {
  background-color: var(--rce-primary) !important;
  color: #fff !important;
}
/* Botones Ingresar / Registrarse */
#rce-user-nav a {
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  border-radius: var(--rce-radius) !important;
  padding: 4px 12px !important;
  font-size: 0.85rem !important;
  transition: background 0.2s !important;
}

#rce-user-nav a:hover {
  background-color: rgba(255,255,255,0.15) !important;
}
/* Dropdown usuario logueado */
#rce-user-nav .dropdown-menu a {
  color: #fff !important;
  text-decoration: none !important;
  display: block !important;
  padding: 6px 16px !important;
  border: none !important;
  border-radius: 0 !important;
}

#rce-user-nav .dropdown-menu a:hover {
  background-color: var(--rce-primary) !important;
  border: none !important;
}

#rce-user-nav li {
  border: none !important;
}
#rce-user-nav .dropdown-menu {
  list-style: none !important;
  padding-left: 0 !important;
}

#rce-user-nav .dropdown-menu li {
  list-style: none !important;
  list-style-type: none !important;
}
/* Nav primario en fila */
.rce-journal .pkp_navigation_primary_row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap:  space-between !important;
}

.rce-journal .pkp_navigation_primary_row .pkp_navigation_primary_wrapper {
  display: flex !important;
  flex: 1 !important;
  align-items: center !important;
}

/* Botones a la derecha */
.rce-journal #rce-user-nav {
  margin-left: auto !important;
  flex-shrink: 0 !important;
}
.rce-journal .pkp_navigation_primary_wrapper {
  flex: 1 !important;
}
.rce-hero {
  background-color: var(--rce-primary-dark) !important;
}
.rce-hero__logos {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.rce-hero__logo-sep {
  display: inline-block;
  width: 1px;
  height: 40px;
  background: rgba(255,255,255,0.5);
  flex-shrink: 0;
}

.rce-hero__logo {
  height: 52px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  flex-shrink: 0;
}

.rce-hero__logo-sep {
  display: none !important;
}

.rce-hero__logos a:first-child img {
  filter: none !important;
}


/* Título más grande */
.rce-hero__title {
  font-size: clamp(1.5rem, 3.5vw, 2.4rem) !important;
  text-align: center !important;
}
.rce-hero__content {
  width: 100% !important;
}