/*
 * Universidad del Valle - OJS 3.4.0-10
 * Capa visual institucional para tema Bootstrap.
 *
 * Uso sugerido:
 * Ajustes > Sitio web > Apariencia > Avanzado > Hoja de estilo.
 *
 * No modifica Bootstrap ni archivos base de OJS.
 */

:root {
  --uv-red: #d9272e;
  --uv-red-dark: #a71920;
  --uv-red-soft: #fff3f3;
  --uv-yellow: #f6c445;
  --uv-orange: #f28c28;
  --uv-black: #1f1f1f;
  --uv-gray-900: #222222;
  --uv-gray-700: #555555;
  --uv-gray-500: #777777;
  --uv-gray-200: #eeeeee;
  --uv-gray-100: #f7f7f7;
  --uv-border: #e3e3e3;
  --uv-radius: 8px;
  --uv-shadow-sm: 0 4px 14px rgba(0, 0, 0, .06);
  --uv-shadow-md: 0 10px 26px rgba(0, 0, 0, .10);
  --uv-doi-icon: url("https://cuadernosdeadministracion.univalle.edu.co/plugins/themes/bootstrap3/images/doi.png");
}

html {
  scroll-behavior: smooth;
}

body {
  background: #ffffff;
  color: var(--uv-gray-900);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.62;
}

a {
  color: var(--uv-red);
}

a:hover,
a:focus {
  color: var(--uv-red-dark);
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--uv-black);
  font-weight: 800;
  line-height: 1.25;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 22px;
}

.page-header {
  border-bottom: 1px solid var(--uv-border);
  margin-top: 24px;
  padding-bottom: 14px;
}

.page-header h1,
.page-header h2 {
  margin-top: 0;
}

/* Header y navegacion */
.navbar-default {
  background: #ffffff;
  border: 0;
  border-bottom: 4px solid var(--uv-red);
  box-shadow: var(--uv-shadow-sm);
  margin-bottom: 0;
}

.navbar-brand {
  min-height: 74px;
  display: flex;
  align-items: center;
}

.navbar-brand-logo img {
  max-height: 58px;
  width: auto;
  margin-top: 0 !important;
  padding: 0 !important;
}

.navbar-default .navbar-nav > li > a {
  color: var(--uv-red);
  font-weight: 700;
  padding-top: 27px;
  padding-bottom: 27px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  background: var(--uv-red);
  color: #ffffff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: var(--uv-red);
  color: #ffffff;
}

/* Menu desplegable */
.navbar-nav > li > .dropdown-menu {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-top: 4px solid var(--uv-red);
  border-radius: 0 0 var(--uv-radius) var(--uv-radius);
  box-shadow: var(--uv-shadow-md);
  min-width: 250px;
  padding: 8px;
}

.navbar-nav > li > .dropdown-menu > li > a {
  border-radius: 6px;
  color: var(--uv-red);
  font-weight: 700;
  padding: 10px 12px;
  white-space: normal;
}

.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus {
  background: var(--uv-red);
  color: #ffffff;
}

.navbar-nav > li > .dropdown-menu .divider {
  background-color: var(--uv-border);
  margin: 6px 0;
}

.navbar-default .navbar-toggle {
  border-color: var(--uv-red);
  margin-top: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--uv-red);
}

.breadcrumb {
  background: var(--uv-gray-100);
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  font-size: 14px;
}

/* Enlaces principales de listas y contenidos */
.page_index_journal .current_issue a,
.issue-toc a,
.obj_issue_toc a,
.article-summary a,
.obj_article_summary a,
.media-heading a {
  color: var(--uv-red);
}

.page_index_journal .current_issue a:hover,
.page_index_journal .current_issue a:focus,
.issue-toc a:hover,
.issue-toc a:focus,
.obj_issue_toc a:hover,
.obj_issue_toc a:focus,
.article-summary a:hover,
.article-summary a:focus,
.obj_article_summary a:hover,
.obj_article_summary a:focus,
.media-heading a:hover,
.media-heading a:focus {
  color: var(--uv-black);
}

/* Botones y acciones */
.btn,
.cmp_button,
.obj_galley_link,
.galley-link {
  border-radius: var(--uv-radius);
  font-weight: 700;
}

.btn-primary,
.cmp_button {
  background: var(--uv-red);
  border-color: var(--uv-red);
  color: #ffffff !important;
  padding: 10px 18px;
}

.btn-primary:hover,
.btn-primary:focus,
.cmp_button:hover,
.cmp_button:focus {
  background: var(--uv-red-dark);
  border-color: var(--uv-red-dark);
  color: #ffffff !important;
}

.btn-default {
  background: #ffffff;
  border-color: var(--uv-border);
  color: var(--uv-red);
}

.btn-default:hover,
.btn-default:focus {
  background: var(--uv-red-soft);
  border-color: var(--uv-red);
  color: var(--uv-red-dark);
}

/* Formularios */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
  border: 1px solid #d6d6d6;
  border-radius: var(--uv-radius);
  box-shadow: none;
  min-height: 42px;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: var(--uv-red);
  box-shadow: 0 0 0 3px rgba(217, 39, 46, .12);
  outline: 0;
}

label,
.control-label {
  color: var(--uv-gray-900);
  font-weight: 700;
}

/* Home de revista y numero actual */
.page_index_journal .current_issue,
.page_issue .current_issue,
.issue-toc,
.obj_issue_toc {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-sm);
  padding: 22px;
}

.page_index_journal .current_issue h2,
.issue-toc h2,
.obj_issue_toc h2 {
  color: var(--uv-red);
  margin-top: 0;
}

.issue-summary,
.obj_issue_summary {
  border-bottom: 1px solid var(--uv-border);
  margin-bottom: 20px;
  padding-bottom: 18px;
}

.media,
.obj_article_summary,
.article-summary {
  border-bottom: 1px solid var(--uv-border);
  padding-bottom: 18px;
}

.media:last-child,
.obj_article_summary:last-child,
.article-summary:last-child {
  border-bottom: 0;
}

.media-heading,
.obj_article_summary .title,
.article-summary .title {
  color: var(--uv-black);
  font-size: 19px;
  font-weight: 800;
}

.obj_article_summary .authors,
.article-summary .authors,
.meta,
.published {
  color: var(--uv-gray-700);
  font-size: 14px;
}

.obj_galley_link,
.galley-link,
a.pdf,
a.html {
  background: #ffffff;
  border: 1px solid var(--uv-red);
  border-radius: var(--uv-radius);
  color: var(--uv-red) !important;
  display: inline-block;
  font-weight: 800;
  margin: 6px 6px 0 0;
  padding: 7px 12px;
}

.obj_galley_link:hover,
.galley-link:hover,
a.pdf:hover,
a.html:hover {
  background: var(--uv-red);
  border-color: var(--uv-red);
  color: #ffffff !important;
}

/* Vista de articulo */
.page_article .article-details,
.article-details {
  background: #ffffff;
}

.article-details h1,
.page_article h1 {
  color: #111111;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.article-details .authors,
.article-details .author,
.page_article .authors {
  color: var(--uv-gray-700);
  font-size: 16px;
  margin-bottom: 12px;
}

.article-details .doi,
.article-details .item.doi,
.page_article .doi {
  background-image: var(--uv-doi-icon);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 0;
  border-radius: 0;
  color: var(--uv-gray-900);
  display: flex;
  line-height: 20px;
  margin: 14px 0;
  padding: 0 0 5px 25px;
}

img.doi_img {
  width: 20px !important;
}

.doi,
.item.doi,
.pub-id.doi,
.article-details .pub-id,
.obj_article_details .pub-id,
.obj_article_summary .doi,
.article-summary .doi {
  background-image: var(--uv-doi-icon);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--uv-gray-900);
  display: flex;
  line-height: 20px;
  margin: 12px 0;
  padding: 0 0 5px 25px;
}

.doi a,
.item.doi a,
.pub-id.doi a,
.article-details .pub-id a,
.obj_article_details .pub-id a,
.obj_article_summary .doi a,
.article-summary .doi a {
  color: var(--uv-red);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.doi a:hover,
.item.doi a:hover,
.pub-id.doi a:hover,
.article-details .pub-id a:hover,
.obj_article_details .pub-id a:hover,
.obj_article_summary .doi a:hover,
.article-summary .doi a:hover {
  color: var(--uv-black);
}

p.pub_id.doi,
p.pub-id.doi,
p.published {
  font-size: 15px;
}

.article-details .abstract,
.article-details .article-abstract,
.item.abstract {
  background: #ffffff;
  border-left: 5px solid var(--uv-red);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-sm);
  margin: 22px 0;
  padding: 18px 22px;
}

.article-details .abstract h2,
.article-details .article-abstract h2,
.item.abstract h2 {
  color: var(--uv-red);
  font-size: 20px;
  margin-top: 0;
}

.article-details .keywords,
.item.keywords {
  margin: 18px 0;
}

.article-details .keywords a,
.item.keywords a,
.keywords .value {
  background: var(--uv-gray-100);
  border: 1px solid var(--uv-border);
  border-radius: 999px;
  color: var(--uv-gray-900);
  display: inline-block;
  font-size: 13px;
  margin: 4px 4px 4px 0;
  padding: 5px 10px;
}

.item.references,
.article-references {
  border-top: 1px solid var(--uv-border);
  margin-top: 24px;
  padding-top: 18px;
}

.item.references h2,
.article-references h2 {
  color: var(--uv-red);
}

/* Archivo de numeros */
.page_issue_archive .issues_archive,
.page_issue_archive .issues,
.page_issue_archive .cmp_issue_archive,
.page_issue_archive .obj_issue_summary {
  margin-top: 20px;
}

.page_issue_archive .issues_archive,
.page_issue_archive .issues,
.page_issue_archive .issues.media-list,
.page_issue_archive .cmp_issue_archive {
  display: grid !important;
  align-items: stretch;
  column-gap: 20px;
  grid-auto-flow: row;
  grid-template-columns: minmax(72px, 96px) repeat(4, minmax(0, 1fr));
  list-style: none;
  padding-left: 0;
  row-gap: 22px;
}

.page_issue_archive .issues_archive > h2,
.page_issue_archive .issues_archive > h3,
.page_issue_archive .issues_archive > h4,
.page_issue_archive .issues > h2,
.page_issue_archive .issues > h3,
.page_issue_archive .issues > h4,
.page_issue_archive .cmp_issue_archive > h2,
.page_issue_archive .cmp_issue_archive > h3,
.page_issue_archive .cmp_issue_archive > h4,
.page_issue_archive .issue-archive-year,
.page_issue_archive .year,
.page_issue_archive .archive_year {
  align-items: center;
  align-self: start;
  background: var(--uv-gray-100);
  border: 0;
  border-left: 4px solid var(--uv-red);
  border-radius: var(--uv-radius);
  color: var(--uv-red-dark);
  display: flex;
  font-size: 22px;
  font-weight: 900;
  grid-column: 1 / 2 !important;
  justify-content: center;
  line-height: 1.2;
  margin: 0;
  min-height: 82px;
  padding: 14px 10px;
  text-align: center;
}

.page_issue_archive .issues_archive > h2:first-child,
.page_issue_archive .issues_archive > h3:first-child,
.page_issue_archive .issues_archive > h4:first-child,
.page_issue_archive .issues > h2:first-child,
.page_issue_archive .issues > h3:first-child,
.page_issue_archive .issues > h4:first-child,
.page_issue_archive .cmp_issue_archive > h2:first-child,
.page_issue_archive .cmp_issue_archive > h3:first-child,
.page_issue_archive .cmp_issue_archive > h4:first-child,
.page_issue_archive .issue-archive-year:first-child,
.page_issue_archive .year:first-child,
.page_issue_archive .archive_year:first-child {
  margin-top: 0;
}

.page_issue_archive .obj_issue_summary,
.page_issue_archive .issue-summary,
.page_issue_archive .issue-archive-list,
.page_issue_archive .media {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-sm);
  display: block;
  float: none !important;
  margin: 0;
  min-height: 100%;
  padding: 16px 14px;
  text-align: center;
  transition: box-shadow .18s ease, transform .18s ease;
  width: auto !important;
}

.page_issue_archive .obj_issue_summary:hover,
.page_issue_archive .issue-summary:hover,
.page_issue_archive .issue-archive-list:hover,
.page_issue_archive .media:hover {
  box-shadow: var(--uv-shadow-md);
  transform: translateY(-2px);
}

.page_issue_archive .issue_card {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0 auto;
  max-width: 190px;
}

.page_issue_archive .cover,
.page_issue_archive .media-left,
.page_issue_archive .obj_issue_summary .cover {
  display: block;
  float: none !important;
  margin: 0 auto 12px !important;
  padding: 0;
  text-align: center;
  width: 100% !important;
}

.page_issue_archive .issue_card a.cover {
  color: inherit;
  margin: 0 !important;
  text-decoration: none;
}

.page_issue_archive .issue_card .card-body {
  padding: 0;
}

.page_issue_archive .issue_card .card-footer {
  background: transparent;
  border: 0;
  padding: 0;
}

.page_issue_archive .cover img,
.page_issue_archive .media-object,
.page_issue_archive .obj_issue_summary img,
.page_issue_archive .issue_card img {
  border-radius: 5px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
  display: block;
  height: 190px;
  margin: 0 auto;
  max-height: none;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

.page_issue_archive .media-body,
.page_issue_archive .description,
.page_issue_archive .obj_issue_summary .description {
  flex: 1 1 auto;
  text-align: center;
  width: 100%;
}

.page_issue_archive .media-heading,
.page_issue_archive .obj_issue_summary .title,
.page_issue_archive .issue-summary .title,
.page_issue_archive .issue_card .text-muted {
  color: var(--uv-red);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
  margin: 10px auto 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: center;
}

.page_issue_archive .media-heading a,
.page_issue_archive .obj_issue_summary .title a,
.page_issue_archive .issue-summary .title a {
  color: var(--uv-red);
}

.page_issue_archive .published,
.page_issue_archive .series,
.page_issue_archive .date,
.page_issue_archive .issue_identification {
  color: var(--uv-gray-700);
  display: block;
  font-size: 13px;
  margin: 5px 0;
}

.page_issue_archive .description p {
  color: var(--uv-gray-700);
  font-size: 13px;
  margin-bottom: 10px;
}

.page_issue_archive .read_more,
.page_issue_archive .btn,
.page_issue_archive a.cover {
  margin-top: 8px;
}

/* Login y autenticacion */
.page_login .page-header,
.page_user_login .page-header,
.page_register .page-header {
  border: 0;
  text-align: center;
}

.page_login main,
.page_login .main,
.page_user_login main,
.page_user_login .main,
.page_register main,
.page_register .main {
  position: relative;
}

.page_login form,
.page_user_login form,
.page_register form,
form#login {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-md);
  margin: 24px auto 34px;
  max-width: 520px;
  padding: 28px;
}

.page_login form:before,
.page_user_login form:before,
.page_register form:before,
form#login:before {
  background: linear-gradient(90deg, var(--uv-red), var(--uv-orange), var(--uv-yellow));
  border-radius: var(--uv-radius) var(--uv-radius) 0 0;
  content: "";
  display: block;
  height: 6px;
  margin: -28px -28px 24px;
}

.page_login .form-group,
.page_user_login .form-group,
.page_register .form-group {
  margin-bottom: 18px;
}

.page_login .checkbox,
.page_user_login .checkbox {
  color: var(--uv-gray-700);
  font-size: 14px;
}

.page_login .btn-primary,
.page_user_login .btn-primary,
.page_register .btn-primary,
form#login .btn-primary {
  display: block;
  font-size: 16px;
  width: 100%;
}

.page_login a[href*="lostPassword"],
.page_login a[href*="password"],
.page_user_login a[href*="lostPassword"],
.page_user_login a[href*="password"] {
  display: inline-block;
  font-size: 14px;
  margin-top: 8px;
}

/* Contacto */
.page_about_contact .page-header,
.page_contact .page-header {
  border-bottom: 0;
}

.page_about_contact > h1,
.page_contact > h1 {
  border-bottom: 2px solid var(--uv-border);
  color: var(--uv-black);
  margin-bottom: 24px;
  padding-bottom: 12px;
}

.page_about_contact .contact_section,
.page_contact .contact_section,
.page_about_contact .cmp_contact,
.page_contact .cmp_contact {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
  position: static;
}

.page_about_contact .contact_section:before,
.page_contact .contact_section:before,
.page_about_contact .cmp_contact:before,
.page_contact .cmp_contact:before {
  content: none;
}

.page_about_contact .contact_section > .address,
.page_contact .contact_section > .address,
.page_about_contact .cmp_contact > .address,
.page_contact .cmp_contact > .address {
  grid-column: 1 / -1;
}

.page_about_contact .contact_section > .address,
.page_about_contact .contact_section > .contact,
.page_about_contact .cmp_contact > .address,
.page_about_contact .cmp_contact > .contact,
.page_contact .contact_section > .address,
.page_contact .contact_section > .contact,
.page_contact .cmp_contact > .address,
.page_contact .cmp_contact > .contact {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-sm);
  color: var(--uv-gray-900);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 1.65;
  min-height: 100%;
  overflow-wrap: anywhere;
  padding: 22px 24px 22px 72px;
  position: relative;
}

.page_about_contact .contact_section > .address:before,
.page_about_contact .contact_section > .contact:before,
.page_about_contact .cmp_contact > .address:before,
.page_about_contact .cmp_contact > .contact:before,
.page_contact .contact_section > .address:before,
.page_contact .contact_section > .contact:before,
.page_contact .cmp_contact > .address:before,
.page_contact .cmp_contact > .contact:before {
  align-items: center;
  background: var(--uv-red-soft);
  border: 1px solid rgba(217, 39, 46, .18);
  border-radius: 999px;
  color: var(--uv-red);
  display: flex;
  font-family: FontAwesome;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  left: 20px;
  position: absolute;
  top: 22px;
  width: 40px;
}

.page_about_contact .contact_section > .address:before,
.page_about_contact .cmp_contact > .address:before,
.page_contact .contact_section > .address:before,
.page_contact .cmp_contact > .address:before {
  content: "\f041";
}

.page_about_contact .contact_section > .contact:before,
.page_about_contact .cmp_contact > .contact:before,
.page_contact .contact_section > .contact:before,
.page_contact .cmp_contact > .contact:before {
  content: "\f007";
}

.page_about_contact .contact_section > .contact.support:before,
.page_about_contact .cmp_contact > .contact.support:before,
.page_contact .contact_section > .contact.support:before,
.page_contact .cmp_contact > .contact.support:before {
  content: "\f1cd";
}

.page_about_contact .contact_section > .address:first-line,
.page_about_contact .cmp_contact > .address:first-line,
.page_contact .contact_section > .address:first-line,
.page_contact .cmp_contact > .address:first-line {
  color: var(--uv-red-dark);
  font-weight: 900;
  text-transform: uppercase;
}

.page_about_contact .contact_section h2,
.page_about_contact .cmp_contact h2,
.page_contact .contact_section h2,
.page_contact .cmp_contact h2 {
  border-bottom: 1px solid var(--uv-border);
  color: var(--uv-red-dark);
  font-size: 24px;
  margin: 0 0 16px;
  padding-bottom: 10px;
}

.page_about_contact .contact_section .name,
.page_about_contact .contact_section .affiliation,
.page_about_contact .contact_section .email,
.page_about_contact .cmp_contact .name,
.page_about_contact .cmp_contact .affiliation,
.page_about_contact .cmp_contact .email,
.page_contact .contact_section .name,
.page_contact .contact_section .affiliation,
.page_contact .contact_section .email,
.page_contact .cmp_contact .name,
.page_contact .cmp_contact .affiliation,
.page_contact .cmp_contact .email {
  margin: 6px 0;
  padding-left: 28px;
  position: relative;
}

.page_about_contact .contact_section .name:before,
.page_about_contact .contact_section .affiliation:before,
.page_about_contact .contact_section .email:before,
.page_about_contact .cmp_contact .name:before,
.page_about_contact .cmp_contact .affiliation:before,
.page_about_contact .cmp_contact .email:before,
.page_contact .contact_section .name:before,
.page_contact .contact_section .affiliation:before,
.page_contact .contact_section .email:before,
.page_contact .cmp_contact .name:before,
.page_contact .cmp_contact .affiliation:before,
.page_contact .cmp_contact .email:before {
  color: var(--uv-red);
  font-family: FontAwesome;
  font-size: 15px;
  left: 0;
  position: absolute;
  top: 2px;
}

.page_about_contact .contact_section .name:before,
.page_about_contact .cmp_contact .name:before,
.page_contact .contact_section .name:before,
.page_contact .cmp_contact .name:before {
  content: "\f007";
}

.page_about_contact .contact_section .affiliation:before,
.page_about_contact .cmp_contact .affiliation:before,
.page_contact .contact_section .affiliation:before,
.page_contact .cmp_contact .affiliation:before {
  content: "\f19c";
}

.page_about_contact .contact_section .email:before,
.page_about_contact .cmp_contact .email:before,
.page_contact .contact_section .email:before,
.page_contact .cmp_contact .email:before {
  content: "\f0e0";
}

.page_about_contact .contact_section .email a,
.page_about_contact .cmp_contact .email a,
.page_contact .contact_section .email a,
.page_contact .cmp_contact .email a {
  color: var(--uv-red);
  font-weight: 800;
}

.page_about_contact .contact_section .email a:hover,
.page_about_contact .contact_section .email a:focus,
.page_about_contact .cmp_contact .email a:hover,
.page_about_contact .cmp_contact .email a:focus,
.page_contact .contact_section .email a:hover,
.page_contact .contact_section .email a:focus,
.page_contact .cmp_contact .email a:hover,
.page_contact .cmp_contact .email a:focus {
  color: var(--uv-black);
}

.page_about_contact ul,
.page_contact ul {
  padding-left: 18px;
}

.page_about_contact li,
.page_contact li {
  margin-bottom: 7px;
}

/* Sidebar, bloques y paneles colapsables */
.pkp_block,
.block,
.panel,
aside .panel {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-sm);
  margin-bottom: 18px;
  overflow: hidden;
}

.pkp_block .title,
.block .title,
.panel-heading,
.pkp_block h2,
.pkp_block h3,
aside h2,
aside h3 {
  background: linear-gradient(90deg, #808285, #cccccc);
  border-bottom: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .02rem;
  margin: 0;
  padding: 13px 16px;
  transition: background .2s ease, color .2s ease;
}

.pkp_block .title:hover,
.pkp_block .title:focus-within,
.block .title:hover,
.block .title:focus-within,
.panel-heading:hover,
.panel-heading:focus-within,
.pkp_block h2:hover,
.pkp_block h3:hover,
aside h2:hover,
aside h3:hover {
  background: linear-gradient(90deg, var(--uv-red), var(--uv-red-dark));
  color: #ffffff;
}

.pkp_block .content,
.block .content,
.panel-body {
  background: #ffffff;
  padding: 0;
}

.pkp_block ul,
.block ul,
aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pkp_block li,
.block li,
aside li {
  border-bottom: 1px solid var(--uv-border);
  padding: 0;
}

.pkp_block li:last-child,
.block li:last-child,
aside li:last-child {
  border-bottom: 0;
}

.pkp_block a,
.block a,
aside a {
  color: var(--uv-gray-900);
  display: block;
  padding: 10px 14px;
  position: relative;
}

.pkp_block a:hover,
.pkp_block a:focus,
.block a:hover,
.block a:focus,
aside a:hover,
aside a:focus {
  background: var(--uv-red-soft);
  color: var(--uv-red);
}

.panel-heading a,
.pkp_block .title a,
.block .title a {
  background: transparent;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: block;
  outline: 0 !important;
  padding: 0;
  position: relative;
  text-decoration: none !important;
  transition: color .2s ease;
}

.panel-heading:hover a,
.panel-heading:focus-within a,
.panel-heading a:hover,
.panel-heading a:focus,
.pkp_block .title:hover a,
.pkp_block .title:focus-within a,
.pkp_block .title a:hover,
.pkp_block .title a:focus,
.block .title:hover a,
.block .title:focus-within a,
.block .title a:hover,
.block .title a:focus {
  background: transparent;
  color: #ffffff !important;
}

.panel-heading a:after,
.pkp_block .title a:after,
.block .title a:after {
  color: #ffffff;
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 0;
  transition: color .2s ease;
}

.panel-heading:hover a:after,
.panel-heading:focus-within a:after,
.panel-heading a:hover:after,
.panel-heading a:focus:after,
.pkp_block .title:hover a:after,
.pkp_block .title:focus-within a:after,
.pkp_block .title a:hover:after,
.pkp_block .title a:focus:after,
.block .title:hover a:after,
.block .title:focus-within a:after,
.block .title a:hover:after,
.block .title a:focus:after {
  color: #ffffff;
}

.panel-heading a.collapsed:after,
.pkp_block .title a.collapsed:after,
.block .title a.collapsed:after {
  content: "\f105";
}

.pkp_block .content a:before,
.block .content a:before,
aside .panel-body a:before {
  content: none;
  font-family: FontAwesome;
  font-size: 12px;
  margin-right: 0;
}

.pkp_block.block_make_submission .content a:before,
.block_make_submission .content a:before {
  content: "\f093";
  margin-right: 9px;
}

/* Variante visual para bloques creados como acordeon Bootstrap */
.uv-sidebar-accordion .panel {
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-sm);
  margin-bottom: 12px;
}

.uv-sidebar-accordion .panel-heading {
  background: linear-gradient(90deg, #808285, #cccccc);
  border-bottom: 0;
  padding: 0;
  transition: background .2s ease;
}

.uv-sidebar-accordion .panel-title > a {
  align-items: center;
  border: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, #808285, #cccccc);
  color: #ffffff !important;
  display: flex;
  font-weight: 900;
  justify-content: space-between;
  outline: 0 !important;
  padding: 13px 15px;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease;
}

.uv-sidebar-accordion .panel-title > a:hover,
.uv-sidebar-accordion .panel-title > a:focus {
  background: linear-gradient(90deg, var(--uv-red), var(--uv-red-dark));
  color: #ffffff !important;
}

.uv-sidebar-accordion .panel-title > a:after {
  color: #ffffff;
  content: "\f107";
  font-family: FontAwesome;
  transition: color .2s ease;
}

.uv-sidebar-accordion .panel-title > a:hover:after,
.uv-sidebar-accordion .panel-title > a:focus:after {
  color: #ffffff;
}

.uv-sidebar-accordion .panel-title > a.collapsed:after {
  content: "\f105";
}

.block_make_submission {
  border-color: var(--uv-red);
}

.block_make_submission .content {
  background: #ffffff;
  padding: 14px;
}

.block_make_submission a,
.block_make_submission_link {
  align-items: center;
  background: linear-gradient(to right, var(--uv-red-dark) 50%, var(--uv-red) 50%);
  background-position: right bottom;
  background-size: 205% 100%;
  border: 1px solid var(--uv-red);
  border-radius: 999px;
  box-shadow: 0 7px 18px rgba(217, 39, 46, .18);
  color: #ffffff !important;
  display: flex;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: .08rem;
  line-height: 1.25;
  overflow: hidden;
  padding: 12px 18px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background .28s ease, background-position .28s ease, border-color .28s ease, box-shadow .28s ease, color .28s ease, transform .28s ease;
  width: 100%;
  z-index: 1;
}

.block_make_submission a:before,
.block_make_submission_link:before {
  color: #ffffff;
  content: "\f093";
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 9px;
  position: relative;
  top: 1px;
}

.block_make_submission a:hover,
.block_make_submission a:focus,
.block_make_submission_link:hover,
.block_make_submission_link:focus {
  background: #666666;
  background-position: left bottom;
  border-color: #666666;
  box-shadow: 0 10px 24px rgba(102, 102, 102, .26);
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Tablas */
table,
.table {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  overflow: hidden;
}

table > thead > tr > th,
.table > thead > tr > th {
  background: var(--uv-red);
  border-bottom: 0;
  color: #ffffff;
  font-weight: 800;
}

table > tbody > tr > td,
.table > tbody > tr > td {
  border-top: 1px solid var(--uv-border);
  vertical-align: middle;
}

table > tbody > tr:nth-child(even),
.table > tbody > tr:nth-child(even) {
  background: #fafafa;
}

/* Footer */
footer,
.footer,
.pkp_structure_footer {
  background: var(--uv-red);
  color: #ffffff;
  margin-top: 36px;
  padding: 28px 0;
}

footer a,
.footer a,
.pkp_structure_footer a {
  color: #ffffff;
  font-weight: 700;
}

footer a:hover,
.footer a:hover,
.pkp_structure_footer a:hover {
  color: #ffe8e8;
}

/* Utilidades visuales para bloques editoriales */
.uv-card {
  background: #ffffff;
  border: 1px solid var(--uv-border);
  border-radius: var(--uv-radius);
  box-shadow: var(--uv-shadow-sm);
  padding: 20px;
}

.uv-tag {
  background: var(--uv-red-soft);
  border: 1px solid rgba(217, 39, 46, .22);
  border-radius: 999px;
  color: var(--uv-red-dark);
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 10px;
}

/* Responsive */
@media (max-width: 1199px) {
  .page_issue_archive .issues_archive,
  .page_issue_archive .issues,
  .page_issue_archive .issues.media-list,
  .page_issue_archive .cmp_issue_archive {
    grid-template-columns: minmax(66px, 86px) repeat(3, minmax(0, 1fr));
  }

  .page_issue_archive .cover img,
  .page_issue_archive .media-object,
  .page_issue_archive .obj_issue_summary img,
  .page_issue_archive .issue_card img {
    height: 175px;
  }
}

@media (max-width: 991px) {
  .navbar-brand {
    min-height: 64px;
  }

  .navbar-brand-logo img {
    max-height: 48px;
  }

  .navbar-default .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .navbar-nav > li > .dropdown-menu {
    border: 0;
    border-left: 4px solid var(--uv-red);
    border-radius: var(--uv-radius);
    box-shadow: none;
    margin: 0 12px 10px;
    min-width: auto;
  }

  .article-details h1,
  .page_article h1 {
    font-size: 28px;
  }

  .page_about_contact .contact_section,
  .page_about_contact .cmp_contact,
  .page_contact .contact_section,
  .page_contact .cmp_contact {
    grid-template-columns: 1fr;
  }

  .page_issue_archive .issues_archive,
  .page_issue_archive .issues,
  .page_issue_archive .issues.media-list,
  .page_issue_archive .cmp_issue_archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page_issue_archive .issue-archive-year,
  .page_issue_archive .year,
  .page_issue_archive .archive_year {
    grid-column: 1 / -1 !important;
    justify-content: flex-start;
    min-height: auto;
  }

  .page_issue_archive .cover img,
  .page_issue_archive .media-object,
  .page_issue_archive .obj_issue_summary img,
  .page_issue_archive .issue_card img {
    height: 170px;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 15px;
  }

  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 23px;
  }

  .page_about_contact .contact_section,
  .page_about_contact .cmp_contact,
  .page_contact .contact_section,
  .page_contact .cmp_contact {
    gap: 14px;
  }

  .page_about_contact .contact_section > .address,
  .page_about_contact .contact_section > .contact,
  .page_about_contact .cmp_contact > .address,
  .page_about_contact .cmp_contact > .contact,
  .page_contact .contact_section > .address,
  .page_contact .contact_section > .contact,
  .page_contact .cmp_contact > .address,
  .page_contact .cmp_contact > .contact {
    padding: 18px 16px 18px 60px;
  }

  .page_about_contact .contact_section > .address:before,
  .page_about_contact .contact_section > .contact:before,
  .page_about_contact .cmp_contact > .address:before,
  .page_about_contact .cmp_contact > .contact:before,
  .page_contact .contact_section > .address:before,
  .page_contact .contact_section > .contact:before,
  .page_contact .cmp_contact > .address:before,
  .page_contact .cmp_contact > .contact:before {
    height: 34px;
    left: 15px;
    top: 18px;
    width: 34px;
  }

  .page_about_contact .contact_section h2,
  .page_about_contact .cmp_contact h2,
  .page_contact .contact_section h2,
  .page_contact .cmp_contact h2 {
    font-size: 21px;
  }

  .page_issue_archive .issues_archive,
  .page_issue_archive .issues,
  .page_issue_archive .issues.media-list,
  .page_issue_archive .cmp_issue_archive {
    gap: 16px;
    grid-template-columns: 1fr;
  }

  .page_issue_archive .issues_archive > h2,
  .page_issue_archive .issues_archive > h3,
  .page_issue_archive .issues_archive > h4,
  .page_issue_archive .issues > h2,
  .page_issue_archive .issues > h3,
  .page_issue_archive .issues > h4,
  .page_issue_archive .cmp_issue_archive > h2,
  .page_issue_archive .cmp_issue_archive > h3,
  .page_issue_archive .cmp_issue_archive > h4,
  .page_issue_archive .issue-archive-year,
  .page_issue_archive .year,
  .page_issue_archive .archive_year {
    font-size: 20px;
    margin-top: 14px;
  }

  .page_issue_archive .obj_issue_summary,
  .page_issue_archive .issue-summary,
  .page_issue_archive .issue-archive-list,
  .page_issue_archive .media {
    display: block;
  }

  .page_issue_archive .cover,
  .page_issue_archive .media-left,
  .page_issue_archive .obj_issue_summary .cover {
    margin: 0 0 14px;
    text-align: center;
  }

  .page_issue_archive .cover img,
  .page_issue_archive .media-object,
  .page_issue_archive .obj_issue_summary img,
  .page_issue_archive .issue_card img {
    height: auto;
    max-height: 170px;
  }

  .page_index_journal .current_issue,
  .page_issue .current_issue,
  .issue-toc,
  .obj_issue_toc {
    padding: 16px;
  }

  .page_index_journal .current_issue *,
  .page_issue .current_issue *,
  .issue-toc *,
  .obj_issue_toc *,
  .page_article .article-details *,
  .article-details * {
    box-sizing: border-box;
    max-width: 100%;
  }

  .page_index_journal .current_issue,
  .page_issue .current_issue,
  .issue-toc,
  .obj_issue_toc,
  .obj_article_summary,
  .article-summary,
  .media {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .page_index_journal .current_issue .media,
  .page_index_journal .current_issue .issue-summary,
  .page_index_journal .current_issue .obj_issue_summary,
  .page_index_journal .current_issue .media-body,
  .page_index_journal .current_issue .media-left,
  .page_index_journal .current_issue .media-right,
  .page_issue .current_issue .media,
  .page_issue .current_issue .issue-summary,
  .page_issue .current_issue .obj_issue_summary,
  .page_issue .current_issue .media-body,
  .page_issue .current_issue .media-left,
  .page_issue .current_issue .media-right,
  .issue-toc .media,
  .issue-toc .media-body,
  .issue-toc .media-left,
  .issue-toc .media-right,
  .obj_issue_toc .media,
  .obj_issue_toc .media-body,
  .obj_issue_toc .media-left,
  .obj_issue_toc .media-right {
    display: block !important;
    float: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .page_index_journal .current_issue .cover,
  .page_index_journal .current_issue .media-left,
  .page_issue .current_issue .cover,
  .page_issue .current_issue .media-left,
  .issue-toc .cover,
  .issue-toc .media-left,
  .obj_issue_toc .cover,
  .obj_issue_toc .media-left,
  .obj_article_summary .cover,
  .obj_article_summary .media-left,
  .article-summary .cover,
  .article-summary .media-left {
    margin: 0 auto 16px !important;
    text-align: center !important;
  }

  .page_index_journal .current_issue img,
  .page_issue .current_issue img,
  .issue-toc img,
  .obj_issue_toc img,
  .obj_article_summary img,
  .article-summary img {
    display: block;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
  }

  .page_index_journal .current_issue .media-heading,
  .page_issue .current_issue .media-heading,
  .issue-toc .media-heading,
  .obj_issue_toc .media-heading,
  .obj_article_summary .title,
  .article-summary .title {
    line-height: 1.28;
    overflow-wrap: anywhere;
    white-space: normal !important;
    word-break: normal;
  }

  .doi,
  .item.doi,
  .pub-id.doi,
  .article-details .doi,
  .article-details .item.doi,
  .page_article .doi,
  .article-details .pub-id,
  .obj_article_details .pub-id,
  .obj_article_summary .doi,
  .article-summary .doi {
    align-items: flex-start;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .doi a,
  .item.doi a,
  .pub-id.doi a,
  .article-details .doi a,
  .article-details .item.doi a,
  .page_article .doi a,
  .article-details .pub-id a,
  .obj_article_details .pub-id a,
  .obj_article_summary .doi a,
  .article-summary .doi a {
    display: inline-block;
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: break-word;
  }

  .obj_galley_link,
  .galley-link,
  a.pdf,
  a.html {
    display: block;
    margin: 8px 0 0;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    width: 100%;
  }

  .btn,
  .btn-primary,
  .btn-default,
  .cmp_button,
  .block_make_submission a {
    display: block;
    margin-bottom: 8px;
    width: 100%;
  }

  .article-details h1,
  .page_article h1 {
    font-size: 24px;
  }

  .article-details .abstract,
  .article-details .article-abstract,
  .item.abstract {
    padding: 16px;
  }

  .page_login form,
  .page_user_login form,
  .page_register form,
  form#login {
    margin-top: 14px;
    padding: 22px;
  }

  .page_login form:before,
  .page_user_login form:before,
  .page_register form:before,
  form#login:before {
    margin: -22px -22px 20px;
  }
}