/* ============================================================
   ROOT VARIABLES & COLOR DEFINITIONS
   ============================================================ */

:root {
    --color01: #024C97;
    --color02: #27516D;
    --color03: #52748A;
    --color04: #000000;
    --color05: #ffffff;
    --color06: #E1F1F9;
    --color07: #8c8c8c;
    --color08: #ffffff;
    --color09: #202020;
    --colorblur: rgba(255, 255, 255, 0.3);
    --colorblancot: rgba(255, 255, 255, 0.7);
    --blanco: hsl(0, 0%, 100%);
    --negro70: hsl(0, 0%, 21%);
    --sombra01: 0 1px 3px rgba(53, 53, 53, 0.12), 0 1px 2px rgba(53, 53, 53, 0.24);
    --sombra02: 11px 11px 7px -8px rgba(45, 45, 45, 0.6);
    --transition: all 0.2s cubic-bezier(0.68, 0.12, 0.24, 0.91);
    --colornova: #83a5ee;
    --colormision: #e29a9d;
    --colortabula: #e76b5a;
}

/* ============================================================
   BASE & LAYOUT
   ============================================================ */

body.page_index.op_index.has_site_logo {
    background-color: var(--color08);
}

body a {
    color: var(--color01);
    text-decoration: none;
}

body a:hover {
    color: var(--color01);
    text-decoration: underline !important;
}

body.orcidapi .page.page_message {
    font-family: "Open Sans", sans-serif;
    margin-left: 95px;
    margin-right: 95px;
    text-align: justify;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--color01);
}

/* --- Enlaces del menú de navegación superior --- */
.nav_s a {
    color: var(--color01) !important;
}

/*span.dropdown-toggle {
    color: var(--color05) !important;
}*/

/* Background body */
body::after {
    content: "";
    /*background: url(/plugins/themes/pragma/resources/images/back.webp) no-repeat;*/
    background-size: cover;
    opacity: .1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
}

main#main {
    text-align: justify;
    font-family: "Open Sans", sans-serif;
    font-size: 17px !important;
    font-weight: 500;
}

.main__content {
    margin-top: 0rem !important;
}

main.container.main__content.home {
    display: block;
    text-align: center;
}

main.container.main__content p {
    font-size: 17px;
    text-align: justify;
}

.main__header {
    margin-top: 0px !important;
    margin-bottom: 1.5rem;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 0;
}

.row.home_container {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 20px;
    font-family: "Open Sans", sans-serif;
}

nav.cmp_breadcrumbs ol {
    background-color: #dddeff;
}

nav.cmp_breadcrumbs a {
    color: var(--color04);
}

.container.info_tittle .list-group-item.doi a {
    font-size: 14px;
}

/* ============================================================
   JOURNAL LIST & GRID
   ============================================================ */

.journal-grid {
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    gap: 0px;
}

div#journal-list {
    text-align: center;
}

.number_home {
    border: 1px solid #eee5e5;
    padding: 12px;
    border-radius: 15px;
}

.desc_div img {
    width: 100%;
    display: block;
    margin: auto;
}

section.recent-issues {
    margin-top: 20px;
}

.journal-item.card.card-deck.NOVA {

    background-color: var(--colornova);

}

.journal-item.card.card-deck.Misión.Jurídica {
    background-color: var(--colormision);
}


.journal-item.card.card-deck.Tabula.Rasa {
    background-color: var(--colortabula);
}

/* ============================================================
   NAVIGATION & HEADER
   ============================================================ */

.navbar {
    --bs-navbar-padding-y: 0 !important;
}

ul#navigationUser {
    list-style: none;
    margin: 0px;
}

div#journal-list img.img-fluid {
    height: 280px !important;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */

/* --- Agrupación de Fuentes --- */
main#main,
ul#navigationUser,
div#mainMenu,
div#issueCarousel,
section.issue-section,
.sidebar_block,
footer.main-footer,
main.galley,
body.orcidapi .page.page_message,
input.search-input-tag.form-control {
    font-family: "Open Sans", sans-serif;
}

h4.article__title a,
section.item.downloads_chart h2.panel-heading,
section.issue-section h3,
h3.issue-section__toc-title,
.how-to-cite .card-header,
.panel-heading,
span.title-translate-article,
.carousel_info h4,
.page_oauth form#oauth h1,
.page.page_openid_login h1,
h2,
header.main__header h1.main__title,
h1.tittle_gale,
.modal-header h1,
.journal-grid__item .button-overlay a.btn.btn-primary,
.author strong {
    font-family: "Open Sans", sans-serif;
}

ul#navigationPrimary {
    font-weight: 400;
}

text.keyword {
    font-family: "Open Sans", sans-serif !important;
}

h1.main__title {
    font-size: 19px !important;
    color: var(--color01);
}


h4.article__title a {
    color: var(--color04);
    font-size: 19px;
    font-weight: 600;
}

h4.article__title a:hover {
    color: var(--color01) !important;
}


h3.issue-section__toc-title {
    color: var(--color04) !important;
}

li.issue-section__toc-item {
    border-left: 1px solid #eee5e5;
    border-right: 1px solid #eee5e5;
}

h1.main__title,
h2 {
    font-size: 19px !important;
    color: var(--color01) !important;
}

h3 {
    font-size: 19px !important;
    color: var(--color01) !important;
}

section.item.downloads_chart h2.panel-heading {
    color: #fff !important;
}

section.issue-section h3 {
    font-size: 19px;
}

h3.issue-section__toc-title {
    font-size: 19px;
}

/* --- Agrupación de Tamaños de Fuente --- */
a.btn {
    font-size: 17px;
}

ul#navigationUser li a span {
    font-size: 17px !important;
    color: var(--blanco);
}

button.btn.btn-primary,
li.nav-item,
button.btn.btn-outline-secondary.dropdown-toggle,
.sidebar_block .col-md-3 ul li a,
button#connect-orcid-button,
.accordion-header-content,
.sidebar_block h2,
.panel-heading,
section.item.downloads_chart h2.panel-heading,
button#toggleButton,
h1,
h2,
h3,
h4,
h5,
h6 {
    /* This rule was conflicting with titles, removed them */
    font-size: 17px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.panel-heading,
.sidebar_block h2,
.issue-galleys__title,
.professional-directory .section h2,
.edition-title {
    font-size: 19px !important;
}

li.show a {
    color: var(--color04);
}

div#contentb p {
    font-size: 17px;
    font-weight: 100;
}

li a {
    font-size: 17px;
}

span {
    font-size: 17px !important;
}

div#mainMenu span {
    font-size: 17px !important;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: var(--color04);
}

li.nmi_type_user_login.main-menu__nav-item span {
    font-size: 17px !important;
}

li.nmi_type_user_register.main-menu__nav-item span {
    font-size: 17px !important;
}

a#languageToggleMenulanguageNav {
    font-size: 17px !important;
    color: var(--blanco) !important;
}

small.issue-stats.text-muted {
    font-size: 17px;
}

.offset-md-1.col-md-10.offset-lg-2.col-lg-8 a.btn.btn-primary {
    margin-bottom: 20px;
    margin-top: 20px;
}

.sidebar_block h2 {
    color: #fff !important;
}

/* ============================================================
   BUTTONS & FORMS
   ============================================================ */

a.btn.btn-primary {
    background-color: var(--color02);
    color: var(--color05);
    border: 0px !important;
}

.about h1.main__title {
    background-color: var(--color01);
    padding: 10px;
    color: var(--color05) !important;
}

h1.main__title {
    margin-top: 15px;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color01) !important;
    --bs-btn-border-color: var(--color01) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color01) !important;
    --bs-btn-disabled-border-color: var(--color01) !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color01) !important;
    --bs-btn-border-color: var(--color01) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color01) !important;
    --bs-btn-hover-border-color: var(--color01) !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color01) !important;
    --bs-btn-active-border-color: var(--color01) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color01) !important;
    --bs-btn-disabled-border-color: var(--color01) !important;
}

a.btn.btn-primary:hover {
    background-color: var(--color02);
    color: var(--color01);
    border: 0px;
    border-radius: 6px;
    font-weight: 600;
}

input.search-input-tag.form-control,
input#query,
input#authors,
select.form-control {
    font-size: 17px;
}

[role=alert] {
    padding: 0.5em !important;
    background-color: var(--color01) !important;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

.form-group input,
button.btn.btn-primary {
    border-radius: 5px !important;
}

.form-row select.form-control {
    cursor: pointer;
}

button.btn.btn-primary {
    background-color: var(--color01);
    border: 0px;
}

/* ============================================================
   AUTHOR BIOGRAPHY & ARTICLES
   ============================================================ */
/* Biografía de autores */

div#biograp {
    background-color: var(--color01);
    color: #fff;
    padding: 6px;
    cursor: pointer;
}

.authors {
    margin: 25px;
}

.number_block {
    text-align: center;
}

.keywords_div {
    margin: 25px;
}

details.accordion {
    text-align: center;
}

summary.accordion-header {
    display: block;
}

summary.accordion-header {
    background-color: var(--color01);
    padding: 6px;
    color: #fff;
}

span.accordion-header-content-label,
div#articlesBySameAuthorList h3,
h3.media-heading.biography-author,
h3.media-heading.biography-author,
span.affiliation,
div#articlesBySameAuthorList h3,
div#articlesBySameAuthorList h3 {
    font-size: 16px;
    font-weight: 100;
}

h3.media-heading.biography-author {
    font-size: 19px !important;
    font-weight: 800;
}

div#biography {
    margin-left: 10px;
    margin-right: 10px;
}

div#refer-tab-pane li {
    text-align: justify;
    margin: 25px;
}

div#refer-tab-pane a {
    color: var(--color01);
}

/* Ocultar contenido adicional */
.additional-content {
    display: none;
}

/* ============================================================
   GALLEYS
   ============================================================ */
/* Galeradas */

.article .galleys_art a.galley-link {
    padding: 10px !important;
}

.galleys_art section a.galley-link {
    margin: 5px;
}

.article .galleys_art .player_form {
    width: 100%;
    margin-top: 15px;
}

li.issue-section__toc-item a.galley-link.btn.obj_galley_link.file iframe {
    display: none;
}

li.issue-section__toc-item a.galley-link.btn.es.obj_galley_link.file p.iframe_galley {
    display: none;
}

article.row.article .col-sm-4 {
    width: 100%;
}

.home {
    padding-top: 25px;
}

.journal-thumbnail {
    padding: 25px;
    margin: 10px;
}

.journal-thumbnail a.btn.btn-primary {
    background-color: var(--color02);
}

/* Establece el orden deseado para cada elemento */
.galley-link {
    order: 1;
    /* Orden para los botones de enlace */
}

.player_form {
    order: 2;
    /* Orden para el reproductor de audio */
}

li.issue-section__toc-item iframe {
    display: none !important;
    /* Se oculta el iframe de video en la tabla de contenido */
}


a.galley-link.btn.obj_galley_link {
    font-size: 12px;
}

a.galley-link.flip,
a.galley-link.pdf,
a.galley-link.file {
    background-color: var(--color01);
    color: var(--bs-body-bg);
    font-weight: 600;
}

a.galley-link.flip:hover,
a.galley-link.pdf:hover,
a.galley-link.file:hover {
    background-color: var(--bs-body-bg);
    color: var(--color01);
}

a.galley-link.btn.file.application-epub\+zip.obj_galley_link.file {
    background-color: var(--color01);
    color: var(--bs-body-bg);
    font-weight: 600;
}

a.galley-link.btn.file.application-epub\+zip.obj_galley_link.file:hover {
    background-color: var(--bs-body-bg);
    color: var(--color01);
}

a.galley-link.btn.file.text-xml.obj_galley_link.file {
    background-color: var(--color01);
    color: var(--bs-body-bg);
    font-weight: 600;
}

a.galley-link.btn.file.text-xml.obj_galley_link.file:hover {
    background-color: var(--bs-body-bg);
    color: var(--color01);
}

a.galley-link.btn.obj_galley_link i {
    font-size: 30px;
}

.search.page_search .col-md-8 {
    margin-bottom: 20px;
}

/*a.galley-link.btn.obj_galley_link {
    width: 70px;
}*/

a.galley-link.btn.obj_galley_link {
    box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.1);
    width: 60px;
}

/* --- Estilos de información lateral en artículos --- */
.lateral_info .galleys_art {
    display: flex;
    justify-content: center;
}

.lateral_info .galleys_art {
    display: flex;
    justify-content: center;
}

div#refer-tab-pane a {
    font-size: 17px !important;
}

.desc_div p {
    font-weight: 400;
    text-align: justify;
    font-size: 17px !important;
    margin-bottom: 6px;
}

.current_issue.home_issue.row .col-md-8 {
    margin-top: 30px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent !important;
}

/* ============================================================
   SIDEBAR & BLOCKS
   ============================================================ */
/* Ocultar galeradas ING para el idioma español */

/*article.row.article.es a.galley-link.btn.en {
    display: none;
}

.galleys_art.es a.galley-link.btn.en {
    display: none;
}*/

/* Ocultar galeradas ES para el idioma inglés 

article.row.article.en a.galley-link.btn.es {
    display: none;
}

.galleys_art.en a.galley-link.btn.es {
    display: none;
}

.galleys_art.en a.galley-link.btn.es:last-child {
    display: block;
}*/

/* Mostrar galerada de video en inglés */


/* iframe video

.galleys_art a.galley-link.btn.es.obj_galley_link.file:last-child {
    display: block;
}

.galleys_art a.galley-link.btn.es.obj_galley_link.file i.fi.fi-rr-file-video {
    display: none;
}

.galleys_art a.galley-link.btn.es.obj_galley_link.file:last-child {
    padding: 0px;
    margin-top: 10px;
}

.galleys_art a.galley-link.btn.es.obj_galley_link.file:last-child {
    background-color: transparent;
}

.galleys_art a.galley-link.btn.es.obj_galley_link.file:last-child {
    font-size: 0px;
}
 */

.galleys_art section {
    margin-top: 10px;
}

img.logos_block {
    width: 100px;
    height: 50px;
}

section.FlexContainer_a {
    margin: 15px;
}

div#customblock-indexacion_block .panel-body .col-md-3 {
    border: 0px;
}

div#customblock-indexacion_block .panel-body {
    margin: 20px;
}

div#contentb span {
    text-decoration: none !important;
}

div#customblock-index_block .col-md-3 {
    border: 0px;
}

.how-to-cite .card-header {
    text-align: center;
    background-color: var(--color01);
    color: #fff;
    border: 0px;
    font-size: 16px !important;
}

div#wordcloud {
    padding-top: 15px;
}

section.item.downloads_chart h2.panel-heading {
    padding: 8px;
    margin-bottom: 20px;
    text-align: center;
}

div#customblock-index_block .panel-body {
    border: 1px solid #EBE9E9;
    border-top: 0px;
    border-radius: 0px 0px 10px 10px;
    padding-bottom: 20px;
}

div#terms_cont {
    border: 1px solid #EBE9E9;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 0px 0px 10px 10px;
    border-top: 0px;
}

.section_blocka .panel-body {
    border: 1px solid #EBE9E9;
    border-top: 0px;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
}

div#terms_cont img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

div#terms img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.btnn_list button.btn.btn-outline-secondary.dropdown-toggle {
    background-color: var(--color01);
    color: #fff;
    border: 0px;
    width: 100%;
    font-size: 16px !important;
}

.card.how-to-cite ul.dropdown-menu.show {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
}

.card.how-to-cite ul.dropdown-menu.show li a {
    text-decoration: none;
    font-size: 17px;
    color: var(--color01) !important;
}

.sidebar_block .col-md-3 {
    width: 100%;
    display: block;
    text-align: center;
}

.btnn_list {
    text-align: center;
    padding-top: 25px;
}

div#customblock-indexada_listada .col-md-3.col-sm-6 {
    border: 0px;
    padding: 20px;
}

div#customblock-indexacion .col-md-3 {
    border: 0px !important;

}

.sidebar_block .col-md-3 {
    border: 1px solid #d9d3d3;
    margin-top: 10px;
    border-top: 0px;
}

.pkp_block.block_keyword_cloud .content {
    border: 1px solid #d9d3d3;
    border-top: 0px;
}

.pkp_block.block_qr {
    border: 1px solid #d9d3d3;
    border-top: 0px;
}

div#customblock-scimagojr {
    border-top: 1px solid #d9d3d3;
    padding-top: 10px;
}

.pkp_block.block_qr {
    margin-top: 10px;
}

.pkp_block.block_keyword_cloud {
    margin-top: 20px;
}

.pkp_block.block_qr h2.title {
    text-align: center;
}

.panel-heading {
    font-size: 16px !important;
    font-weight: 500;
    color: #fff;
    background-color: var(--color01);
    padding: 8px;
    text-align: center;
}

.panel-body {
    padding-top: 18px;
}

.item.citation .panel.card {
    max-width: 100% !important;
}

.sidebar_block a.btn.btn-primary {
    background-color: var(--color01);
    border: 0px;
    border-radius: 5px;
}

.sidebar_block h2 {
    font-weight: 500;
    color: #fff;
    background-color: var(--color01);
    padding: 8px;
    font-size: 16px !important;
}

.panel.panel-default {
    margin-top: 15px;
}

.pkp_block.block_keyword_cloud h2.title {
    text-align: center;
    background-color: var(--color01);
    padding: 6px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 10px;
}

div#customblock-scimagojr {
    margin-top: 20px;
}

.sidebar_block {
    padding: 10px;
}

.sidebar_block .btn-primary {
    width: 100%;
}

.sidebar_block .col-md-3 ul li {
    margin-left: 45px;
    text-align: left;
}

.sidebar_block .col-md-3 ul {
    padding-left: 0px;
}

.sidebar_block.col-md-3 h2 {
    background-color: var(--color01);
    border: 1px solid var(--color01);
    font-weight: 500;
    color: #fff;
    font-size: 16px !important;
    text-decoration: none;
}

.sidebar_block {
    background-color: var(--colorblur) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.number_home {
    margin-bottom: 35px;
}

.current_issue_title {
    font-size: 16px;
    font-weight: 800;
    color: var(--color04);
}

.current_issue.home_issue.row span.text-capitalize {
    font-size: 17px !important;
}

.current_issue.home_issue.row {
    line-height: 25px;
}


/* Tabla de contenido */

/* ============================================================
   TABLE OF CONTENTS & ISSUE COVER
   ============================================================ */
img.img-fluid.homepage_image {
    width: 180px;
    border-radius: 0px;
    box-shadow: 0px 12px 6px -7px rgba(0, 0, 0, 0.3);
}

.current_issue.home_issue.row {
    border: 0px solid #dcdcdc;
    padding: 10px;
    border-radius: 10px;
    margin: 15px;
}

.cover_table_a img.img-fluid {
    /*width: 180px;*/
    box-shadow: 0px 4px 24px -7px rgba(0, 0, 0, 0.2);
    border: 1px solid #e1e1e1;
}

li.issue-section__toc-item {
    background-color: var(--colorblur);
    border-bottom: 1px solid #efe7e7;
    border-top: 1px solid #efe7e7;
    backdrop-filter: blur(4px);
    margin-bottom: 20px;
}

h3.issue-section__toc-title {
    margin-bottom: 20px;
}

.cover_issue_a {
    width: 100%;
    /*height: 45vh !important;*/
}

li.issue-section__toc-item {
    padding: 25px;
}

ol.issue-section__toc {
    padding-left: 0px;
}

hr.line_art {
    width: 98%;
    color: #d9d9d9;
}

h3.issue-section__title {
    /* background-color: var(--color07); */
    padding: 10px;
    color: #fff !important;
    text-align: left;
    border-radius: 0px;
    /* width: 25%; */
    /* border-bottom: 8px solid var(--color01); */
}

/*header.issue-section__header {
    background-color: var(--color01);
    border-bottom: 3px solid var(--color07);
}*/

header.issue-section__header {
    background-color: var(--color01);
}

li.issue-section__toc-item {
    list-style: none;
}


ul#navigationUser {
    list-style: none;
    margin: 0px;
}

ul#navigationUser a {
    text-decoration: none;
    /*color: #fff;*/
}

ul#navigationUser li {
    display: inline-flex;
}

ul#navigationPrimary li a {
    text-decoration: none;
}

/* ============================================================
   MISCELLANEOUS & GLOBAL STYLES
   ============================================================ */

section.journal-desc {
    border: 0px;
}

h3.issue-section__toc-title {
    margin-top: 0px;
}

.issue-section {
    padding: 0vh 0;
}

.issue {
    padding-top: 0;
}

body a {
    color: var(--color01);
    text-decoration: none;
}

body a:hover {
    color: var(--color01);
    text-decoration: none;
}

div#customblock-envios .panel-body {
    padding: 20px;
}

div#keywords a {
    text-decoration: none;
}

div#contact-tab-pane p.art_visits {
    text-align: center;
}

div#contact-tab-pane p.art_visits small.issue-stats.text-muted {
    color: var(--color01) !important;
}

/* Títulos en traducción */

span.title-translate-article {
    font-size: 16px;
    font-weight: 400;
    color: #5e5e5e;
    font-style: italic;
}

/* ============================================================
   ARTICLE & ISSUE
   ============================================================ */

/* Títulos de artículos */

h1.main__title {
    font-size: 16px;
    color: var(--color01);
}

/* --- Pestañas de Artículo (Resumen, Referencias, etc.) --- */

.tabs_journal button.nav-link.active {
    border-bottom: 3px solid var(--color02) !important;
    color: var(--color05);
    border-radius: 0px;
    border: 0;
    background-color: var(--color01);
}

div#refer-tab-pane li a {
    text-wrap: pretty;
}

.tabs_journal ul#myTab {
    border-bottom: 0px solid var(--color01);
    background-color: transparent;
}

.tabs_journal button.nav-link {
    border-bottom: 3px solid var(--color01) !important;
    color: var(--color04);
    border-radius: 0px;
    border: 0;
    border-right: 1px solid #fff;
}

.tabs_journal button.nav-link:hover {
    background-color: var(--color01);
    color: #fff;
    border: 0px solid;
    border-right: 1px solid #fff !important;
}

div#customblock-about_block_ li.show {
    text-align: left;
    margin-left: 10px;
    margin-right: 5px;
}

div#contact-tab-pane p {
    margin: 25px;
    text-align: justify;
}

/* --- Información lateral izquierda del artículo --- */

.lateral_info {
    text-align: center;
}

.item.citation .panel-heading {
    background-color: var(--color01);
    text-align: center;
    color: #fff;
    padding: 6px;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: var(--color01) !important;
    border-color: var(--color01) !important;
    color: #fff;
}

a.citation-link-custom.btn.btn-secondary.m-1.rounded-0 {
    width: 100%;
    font-size: 17px;
}

span.__dimensions_badge_embed__ {
    display: flex;
    justify-content: center;
}

.item.citation .panel.card {
    border: 0px;
}

.list-group-item.doi {
    text-align: center;
}

.citation-formats-span {
    padding: 8px;
    text-align: center;
    color: var(--color01);
    font-weight: 600;
}


.list-group-item.doi img {
    margin: 7px;
}

/* --- Plumx Metrics --- */

.PlumX-Popup {
    display: flex;
    justify-content: center;
}



.form-group input {
    border-radius: 5px !important;
}

.form-row select.form-control {
    cursor: pointer;
}

form.cmp_form .form-row {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.recent-issues a {
    color: #fff;
    font-size: 17px;
}

/* ============================================================
   JOURNAL PORTAL & CARDS
   ============================================================ */
/* Portal de revistas */

article.card {
    text-align: center;
}

.journal-item.card.card-deck {
    box-shadow: 0px 10px 10px -3px rgba(0, 0, 0, 0.1);
}

.journal-item.card.card-deck .img-fluid {
    height: 430px;
}

.journal-item.card.card-deck {
    text-align: center;
}

.journal-item.card.card-deck h6.journal-title a {
    color: #110F0F;
    font-weight: bold;
    font-size: 16px !important;
}

.journal-item.card.card-deck {
    border: 0px;
}

.journal-item.card.card-deck img.img-fluid {
    box-shadow: 0px 7px 3px -3px rgba(0, 0, 0, 0.4);
}

.journal-item.card.card-deck a.btn.btn-primary {
    width: 100%;
}

.journal-item.card {
    display: inline-block;
}

.journal-item.card.card-deck {
    width: 100%;
}

h6.journal-title {
    padding-top: 19px;
    padding-bottom: 19px;
}

h6.journal-title a {
    text-decoration: none;
    color: var(--color04);
}

.card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 50vh;
    margin-bottom: 32px;
}

article.card {
    display: inline-block;
}

article.card {
    width: 100%;
}

.main__header {
    margin-top: 0px !important;
    margin-bottom: 1.5rem;
}

li.media {
    list-style: none;
}

.modal-body {
    text-align: justify;
}

/* Filtros */

.btn_filter {
    margin-bottom: 25px;
    text-align: left;
}

.btn_filter {
    background-color: var(--colorblur);
    padding: 4px;
    border-radius: 6px;
    backdrop-filter: blur(10px);
}

.current_issue.home_issue {
    display: flex;
    justify-content: center;
}

.home_issue .card-footer {
    text-align: center;
}

.home_issue .current_issue_title.text-center {
    color: var(--color01);
}


.citations_info section {
    display: none;
}

a.btn-cit:hover {
    color: #fff !important;
    background-color: #454545;
}

/* ============================================================
   SIMILAR ARTICLES & AUTHOR ARTICLES
   ============================================================ */
/* Apartado de artículos similares */

div#articlesBySimilarityList h3 {
    font-size: 16px !important;
    font-weight: 100;
    color: #fff !important;
    background-color: var(--color01);
    padding: 8px;
    border-radius: 1px;
    width: 100%;
    font-weight: 400;
}

div#articlesBySimilarityList ul li {
    margin-bottom: 13px;
    text-align: justify;
    margin-right: 15px;
    list-style: circle;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
}

div#articlesBySameAuthorList h3 {
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    background-color: var(--color01);
    padding: 8px;
    width: 100%;
}

div#articlesBySameAuthorList ul li {
    margin-bottom: 13px;
    text-align: justify;
    margin-right: 15px;
    list-style: circle;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
}

/* ============================================================
   PAGINATION
   ============================================================ */

.cmp_pagination {
    text-align: center;
}

.cmp_pagination a.next {
    background-color: var(--color01);
    color: #fff;
    padding: 5px;
    text-decoration: none;
    font-weight: 400;
    border-radius: 5px;
}

.cmp_pagination a.prev {
    background-color: var(--color01);
    color: #fff;
    padding: 5px;
    text-decoration: none;
    font-weight: 400;
    border-radius: 5px;
}

a.galley-link.btn.file.audio-mpeg.obj_galley_link.file {
    display: none;
}

div#articlesBySameAuthorPages strong {
    background-color: #dbdada;
    padding: 5px;
    border-radius: 15px;
}

div#articlesBySameAuthorPages a {
    background-color: var(--color01);
    padding: 5px;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
}

/* Tabla equipo editorial */

table.MsoTableGrid tr {
    border-bottom: 1px solid #c9c9c9;
}

table.MsoTableGrid td p {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* ============================================================
   PDF & GALLEY VIEWER
   ============================================================ */
/* Visor de PDF */

main.galley {
    background-color: #fff !important;
}

main.galley {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

main.galley {
    padding-top: 25px;
}

main.galley {
    height: 200vh;
}

main.galley iframe {
    min-height: 170vh !important;
    width: 100%;
}

.galley__header {
    display: block;
}

header.offset-lg-1.col-lg-10.galley__header h1 {
    font-size: 16px;
    color: var(--color01);
}

.galley__header a.btn.btn-secondary:hover {
    color: var(--color01);
    background-color: #fff !important;
    font-weight: 700;
}

/* ============================================================
   REGISTER & LOGIN FORMS
   ============================================================ */
/* Formulario de registro */

div#reviewerInterests {
    margin-bottom: 30px;
}

fieldset.consent {
    margin-top: 20px;
}

div#reviewerOptinGroup {
    margin-bottom: 20px;
}

form#login fieldset.recaptcha_wrapper {
    margin-bottom: 20px;
}

.form-group label {
    margin-bottom: 10px;
}

input#interests {
    width: 100%;
    border: 1px solid #c9c9c9;
}

form#register label {
    margin-top: 20px;
    margin-bottom: 10px;
}

label.form-check-label {
    margin: 0px !important;
    cursor: pointer;
}

div#formErrors {
    margin-top: 30px;
}

span.pkp_form_error {
    background-color: #f44336;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}

span.required {
    color: var(--color01);
}

a.orcid_q {
    background-color: var(--color01);
    color: #fff;
    text-decoration: none;
    padding: 7px;
    border-radius: 8px;
}

legend.tittle_form {
    margin-top: 30px;
}

legend.login_t {
    margin-top: 20px;
}

form#login .form-check {
    margin-top: 20px;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 20px;
}

form#register legend {
    color: var(--color01);
}

input.form-check-input {
    cursor: pointer;
}

#connect-orcid-button {
    margin-top: 3px !important;
}

/* Ocultar intereses */

#reviewerInterests {
    display: none;
}

/* ============================================================
   INDEXING & BOXES SECTION
   ============================================================ */
/* Estilos para apartado indexaciones */

.box {
    display: inline-block;
    position: relative;
    width: 240px;
    height: 240px;
    margin: 7px;
}

.box:hover .box__img {
    transform: scale(0);
}

.box__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all 0.9s ease;
}

.box__img img {
    width: 240px;
    height: 240px;
    resize: both;
    border-radius: 2px;
}

.box__text {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #fff;
    text-align: left;
    border-radius: 2px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    transition: 0.9s ease-in-out;
}

.box__paragraph {
    font-size: 17px;
    padding: 16px;
    text-align: justify;
}

.box__btn {
    display: inline-block;
    background-color: var(--color01) !important;
    color: white;
    padding: 3px 10px;
    border-radius: 10px;
    margin-top: 1px;
    transition: all .9s ease;
}

.box__btn a {
    color: white;
}

.box__btn:hover {
    transform: scale(.9);
}


div#cookiePolicy {
    backdrop-filter: blur(10px) !important;
}

/* ============================================================
   MEDIA QUERIES
   ============================================================ */
/* Media Query */


@media only screen and (max-width: 600px) {

    body main#main {
        width: 100%;
        overflow-x: hidden;
        padding-left: 10px;
        padding-right: 10px;
    }

    form.cmp_form {
        margin-bottom: 30px;
    }

    form#register {
        margin-left: 20px;
        margin-right: 20px;
    }

    h1.main__title {
        margin-left: 20px;
    }

    .index_div {
        text-align: center;
    }

    form#login {
        margin-left: 40px;
        margin-right: 40px;
    }

    .alert_search {
        margin-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }

    h1.main__title {
        width: 86%;
    }

    .journal-item.card.card-deck {
        margin: 0px;
    }

    div#journal-list {
        display: block;
        text-align: center;
    }

    div#journal-list .journal-item.card.card-deck {
        border: 0px;
    }

    .galley_tab {
        display: flex !important;
    }

    a.galley-link {
        margin: 2px;
    }

    .btn_filter {
        margin-left: 20px;
        margin-right: 20px;
    }

    .galley__header {
        padding-left: 25px;
        padding-right: 25px;
        display: grid;
    }

    div#articlesBySimilarityList {
        margin-top: 30px;
    }

    form.cmp_form {
        margin-left: 30px;
        margin-right: 30px;
    }

    article.row.article {
        margin-left: 20px;
        margin-right: 20px;
    }

    .menu_user_nav {
        margin-bottom: 15px;
    }


    ul#navigationUser li {
        display: inline-flex;
    }

    div#issueCarousel img.img-fluid.issue-image-cover.float-left {
        margin-top: 35px;
    }

    /*div#issueCarousel {
        display: none;
    }*/

    .current_issue.home_issue.row img.img-fluid.homepage_image {
        margin-bottom: 20px !important;
        display: block;
        margin: auto;
    }

    .cover_table_a img.img-fluid {
        margin-bottom: 30px !important;
        display: block;
        margin: auto;
    }

    .journal-item.card.card-deck {
        margin-bottom: 35px;
    }

    .row.home_container {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .main-header a {
        font-size: 17px !important;
    }

    .redes-primer.alto_contraste {
        display: flow !important;
    }

}

.list-group-item.doi a {
    word-break: break-all;
    font-size: 17px;
}

div#search {
    padding-top: 120px;
}

.page_search .article {
    margin-bottom: 20px;
}

.page_search .article .img-fluid.cover_issue_a {
    border-radius: 10px;
}

.page_search .article {
    border-bottom: 1px solid #e5e0e0;
    padding-bottom: 15px;
}

div#issueCarousel {
    /*background-image: url(/plugins/themes/pragma/resources/images/background.webp);*/
    /*background-color: var(--color01);*/
    background-size: cover;
}

/*.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.6s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.journal-item:hover .overlay {
    opacity: 1;
}

.journal-item {
    position: relative;
}

.journal-thumbnail:hover .btn-group {
    transform: translateY(0%);
}

.button-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.journal-thumbnail:hover .button-overlay {
    opacity: 1;
}

*/

.button-overlay a.btn.btn-primary {
    display: inline-block;
    margin: 0 auto;
}

.btn-group {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: transform 0.3s ease-out;
    transform: translateY(100%);
}

.button-overlay a {
    margin-bottom: 10px;
}

.button-overlay a {
    display: block;
    margin-bottom: 10px;
    color: var(--color02);
    font-weight: 400;
}

/*.button-overlay a.btn.btn-primary {
    width: 240px;
}*/

.button-overlay {
    cursor: pointer;
}

.btn_rev {
    width: 80%;
}

.btn_info {
    width: 80%;
}


h3.issue-section__toc-title {
    border-bottom: 1px dashed #959595;
    padding-bottom: 10px;
}

h3 {
    font-size: 16px !important;
}


div#terms_cont a {
    word-break: break-all;
}

.page.page_message {
    font-size: 17px !important;
    margin-bottom: 30px;
}

/* ============================================================
   CAROUSEL - Scoped, cleaned & conflict-free styles
   Scope: section.recent-issues #issueCarousel
   Replace previous carousel styles with this block.
   ============================================================ */

/* Base scope */
section.recent-issues #issueCarousel {
    --carousel-bg: transparent;
    --carousel-accent: var(--color03);
    --carousel-cta-bg: var(--carousel-accent);
    --carousel-cta-foreground: #ffffff;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
    /* allow controls outside if needed */
}

section.recent-issues {
    background-color: var(--color03);
}

/* Carousel inner — a predictable container */
section.recent-issues #issueCarousel .carousel-inner {
    position: relative;
    width: 100%;
    min-height: 220px;
    /* reserve space while items load */
    box-sizing: border-box;
    overflow: hidden;
    background: var(--carousel-bg);
}

/* Each item: make visibility driven only by .active (Bootstrap toggles .active) */
/* Use fade (opacity) transition to avoid layout jumps and conflicting transforms */
section.recent-issues #issueCarousel .carousel-item {
    position: absolute;
    inset: 0 0 0 0;
    /* cover the .carousel-inner */
    width: 100%;
    display: block;
    /* keep children layout as authored */
    visibility: hidden;
    opacity: 0;
    transition: opacity .60s ease-in-out, visibility .01s linear .60s;
    will-change: opacity;
    box-sizing: border-box;
    padding: 0;
}

/* The active item becomes visible and occupies flow (position relative to preserve accessibility) */
section.recent-issues #issueCarousel .carousel-item.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    transition: opacity .60s ease-in-out;
}


section.recent-issues #issueCarousel .carousel-item {
    transition: opacity .60s ease-in-out;
}

section.recent-issues #issueCarousel .carousel-item-next,
section.recent-issues #issueCarousel .carousel-item-prev,
section.recent-issues #issueCarousel .carousel-item-start,
section.recent-issues #issueCarousel .carousel-item-end {
    /* NO BLOQUEAR transform */
    transform: translateX(0);
}

/* Estado base (fade) */
section.recent-issues #issueCarousel .carousel-item {
    opacity: 0;
    position: absolute;
    inset: 0;
}

/* Activo */
section.recent-issues #issueCarousel .carousel-item.active {
    opacity: 1;
    position: relative;
}

/* Cuando está entrando / saliendo */
section.recent-issues #issueCarousel .carousel-item.carousel-item-start,
section.recent-issues #issueCarousel .carousel-item.carousel-item-end {
    opacity: 0;
}



/* Layout inside item: two-column area (image + content) */
section.recent-issues #issueCarousel .row {
    margin: 0;
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-wrap: nowrap;
}

/* Image column */
section.recent-issues #issueCarousel .col-md-3 {
    flex: 0 0 200px;
    /* fixed width for logo/cover */
    max-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
}

/* Ensure consistent image sizing and remove problematic backdrop-filter */
section.recent-issues #issueCarousel img.issue-image-cover {
    display: block;
    width: 160px;
    height: auto;
    max-height: 260px;
    object-fit: contain;
    margin: 18px 12px;
    border-radius: 4px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    backdrop-filter: none !important;
    /* remove blur conflicts */
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Content column */
section.recent-issues #issueCarousel .col-md-9.info_art {
    flex: 1 1 auto;
    padding: 14px 28px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.02) 100%);
}

/* Inner content box for spacing */
section.recent-issues #issueCarousel .carousel_info {
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
}

/* Titles and meta */
section.recent-issues #issueCarousel .carousel_info h4 {
    margin: 0 0 8px 0;
    color: var(--blanco);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    font-style: italic;
}

section.recent-issues #issueCarousel .carousel_info p.publish_date_art {
    margin: 6px 0 12px 0;
    color: var(--color05);
    font-size: 14px;
}

/* CTA button */
section.recent-issues #issueCarousel .carousel_btns {
    margin-top: 8px;
}

section.recent-issues #issueCarousel a.btn_more_carousel {
    display: inline-block;
    background: var(--carousel-cta-bg);
    color: var(--carousel-cta-foreground) !important;
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    box-shadow: 0 6px 14px rgba(35, 100, 103, 0.12);
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
    line-height: 1;
}

section.recent-issues #issueCarousel a.btn_more_carousel:hover,
section.recent-issues #issueCarousel a.btn_more_carousel:focus {
    transform: translateY(-2px);
    background: color-mix(in srgb, var(--carousel-cta-bg) 85%, #000 15%);
    text-decoration: none;
    outline: none;
    box-shadow: 0 10px 24px rgba(35, 100, 103, 0.14);
}

/* Controls (prev/next) — visible, keyboard & touch friendly */
section.recent-issues #issueCarousel .carousel-control-prev,
section.recent-issues #issueCarousel .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 60;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    border: 0;
    text-decoration: none;
    transition: transform .12s ease, background .12s ease;
}

section.recent-issues #issueCarousel .carousel-control-prev {
    left: 8px;
}

section.recent-issues #issueCarousel .carousel-control-next {
    right: 8px;
}

section.recent-issues #issueCarousel .carousel-control-prev:focus,
section.recent-issues #issueCarousel .carousel-control-next:focus {
    outline: 3px solid rgba(35, 100, 103, 0.18);
}

/* Icon inside controls — use pseudo-element to create arrows (no reliance on Bootstrap icon display rules) */
section.recent-issues #issueCarousel .carousel-control-prev .carousel-control-prev-icon,
section.recent-issues #issueCarousel .carousel-control-next .carousel-control-next-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent;
    position: relative;
}

/* Prev arrow */
section.recent-issues #issueCarousel .carousel-control-prev .carousel-control-prev-icon::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2.5px solid var(--carousel-accent);
    border-left: 2.5px solid var(--carousel-accent);
    transform: rotate(-135deg);
    position: absolute;
    left: 3px;
    top: 3px;
}

/* Next arrow */
section.recent-issues #issueCarousel .carousel-control-next .carousel-control-next-icon::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2.5px solid var(--carousel-accent);
    border-left: 2.5px solid var(--carousel-accent);
    transform: rotate(45deg);
    position: absolute;
    left: 3px;
    top: 3px;
}

/* Hide default bootstrap icons if previously hidden */
section.recent-issues #issueCarousel .carousel-control-prev-icon,
section.recent-issues #issueCarousel .carousel-control-next-icon {
    background: none !important;
}

/* Accessibility: provide focus-visible outline for keyboard users */
section.recent-issues #issueCarousel a:focus-visible {
    outline: 3px solid rgba(35, 100, 103, 0.22);
    outline-offset: 2px;
}

/* Make sure inner article text does not overflow */
section.recent-issues #issueCarousel .carousel_info article.recent-issues__item {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* RESPONSIVE: stack layout on small screens */
@media (max-width: 767.98px) {
    section.recent-issues #issueCarousel .row {
        flex-direction: column;
        align-items: stretch;
    }

    section.recent-issues #issueCarousel .col-md-3 {
        flex: 0 0 auto;
        max-width: 100%;
        padding: 0;
    }

    section.recent-issues #issueCarousel img.issue-image-cover {
        width: 140px;
        margin: 12px auto;
    }

    section.recent-issues #issueCarousel .col-md-9.info_art {
        padding: 10px 14px;
    }

    /* Reduce min height so mobile doesn't create too much empty space */
    section.recent-issues #issueCarousel .carousel-inner {
        min-height: 160px;
    }

    section.recent-issues #issueCarousel .carousel-control-prev,
    section.recent-issues #issueCarousel .carousel-control-next {
        top: auto;
        bottom: 12px;
        transform: none;
        width: 38px;
        height: 38px;
        background: rgba(255, 255, 255, 0.95);
    }

    section.recent-issues #issueCarousel .carousel-control-prev {
        left: 12px;
    }

    section.recent-issues #issueCarousel .carousel-control-next {
        right: 12px;
    }
}

/* Small polish: avoid inherited color changes from global section.recent-issues a rules */
section.recent-issues #issueCarousel a {
    color: inherit;
}

/* Explicitly remove any previous backdrop / weird gradients applied to .carousel_info */
section.recent-issues #issueCarousel .carousel_info {
    background-image: none !important;
    background-color: transparent !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* =======================================================
   FIX: Evitar glitch inicial — ocultar items no activos
   ======================================================= */

/* Ocultar todos los items antes de que Bootstrap los procese */
section.recent-issues #issueCarousel .carousel-item {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    inset: 0;
}

/* Mostrar solo el item marcado como activo desde el HTML */
section.recent-issues #issueCarousel .carousel-item.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

/* Evitar que items prev/next aparezcan encima durante la carga */
section.recent-issues #issueCarousel .carousel-item-next,
section.recent-issues #issueCarousel .carousel-item-prev,
section.recent-issues #issueCarousel .carousel-item-start,
section.recent-issues #issueCarousel .carousel-item-end {
    opacity: 0;
    visibility: hidden;
}



/* ============================================================
   THIRD-PARTY PLUGINS (OpenID, Userway, etc.)
   ============================================================ */

/* Estilos Openid */

.page_oauth form#oauth h1 {
    margin-bottom: 20px;
    font-family: "Open Sans", sans-serif !important;
}

#oauth #showRegisterForm,
#oauth #showLoginForm {
    background-color: var(--color01);
    color: #fff !important;
    border: 0px;
    text-decoration: none;
    padding: 10px;
    display: block;
    width: 20%;
    text-align: center;
    border-radius: 4px;
}

span#showLoginForm:hover {
    background-color: var(--color03) !important;
}

span#showRegisterForm:hover {
    background-color: var(--color03) !important;
}

.page.page_openid_login h1 {
    margin-bottom: 20px;
}

ul#openid-provider-list input#username {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

ul#openid-provider-list input#password {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

form#oauth input#familyName {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

form#oauth input#givenName {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

form#oauth input#email {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

form#oauth input#username {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

form#oauth select#country {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.page_oauth div#register-form label {
    width: 100%;
}

form#oauth input#affiliation {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.page.page_oauth input#usernameLogin {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.page.page_oauth input#passwordLogin {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.page.page_oauth label {
    width: 100%;
}

#oauth #showRegisterForm,
#oauth #showLoginForm {
    text-decoration: none !important;
}

.page.page_oauth button.submit {
    background-color: var(--color01);
    color: #fff !important;
    border: 0px;
    text-decoration: none;
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}

.page.page_oauth button.submit:hover {
    background-color: var(--color03);
}

.page.page_oauth button.submit:hover {
    background-color: var(--color03);
}

#openid-provider-list li:not([class="page_login"]) a img {
    margin: 9px 6px 0 12px;
    max-height: 22px;
    max-width: 22px;
    display: inline-flex;
}

span.pkp_screen_reader {
    font-size: 11.2px;
}

#openid-provider-list span.required {
    font-size: 11.2px;
    color: #6c757d !important;
    margin-left: 15px;
}

#openid-provider-list li:not([class="page_login"]) a {
    display: block !important;
    width: 100% !important;
}

.page.page_openid_login label {
    width: 100%;
}


ul#openid-provider-list .label {
    font-weight: 400 !important;
}

ul#openid-provider-list li.margin-top-30 {
    color: var(--color01) !important;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    text-align: center;
    margin-top: 0px;
}

#openid-provider-list {
    padding: 0;
    width: 100% !important;
}

#openid-provider-list li:not([class="page_login"]) a>div {
    min-width: 215px;
    min-height: 40px;
    max-height: 40px;
    background-color: var(--color01) !important;
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    white-space: nowrap;
    border: 0px solid rgba(0, 0, 0, 0.4) !important;
    border-top-color: #bbbbbb;
    border-radius: 3px;
    color: #fff;
    font-weight: 100;
}

#openid-provider-list li:not([class="page_login"]) a>div>span {
    position: relative;
    bottom: 0px !important;
    top: 6px;
}

.form_1 {
    border-right: 2px solid #d1cccc;
}

#openid-provider-list {
    margin-top: 30px;
}

p.cmp_notification.warning {
    background-color: #d6d8d9;
    border: 1px solid #c6c8ca;
    padding: 13px;
    border-radius: .25rem;
}

.container_login {
    box-shadow: 0px 4px 14px -3px rgba(0, 0, 0, 0.2);
}

li.page_login {
    box-shadow: none !important;
}

button.btn_formlegacy {
    min-width: 100%;
    min-height: 40px;
    max-height: 40px;
    background-color: var(--color01) !important;
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    white-space: nowrap;
    border: 0px solid rgba(0, 0, 0, 0.4) !important;
    border-top-color: #bbbbbb;
    border-radius: 3px;
    color: #fff;
    font-weight: 100;
}

button.btn_formlegacy:hover {
    background-color: var(--color03) !important;
    color: #fff !important;
}

#openid-provider-list li:not([class="page_login"]) a>div:hover {
    background-color: var(--color03) !important;
}

#openid-provider-list button.submit {
    min-width: 100%;
    min-height: 40px;
    max-height: 40px;
    background-color: var(--color01) !important;
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    white-space: nowrap;
    border: 0px solid rgba(0, 0, 0, 0.4) !important;
    border-top-color: #bbbbbb;
    border-radius: 3px;
    color: #fff;
    font-weight: 100;
}

#openid-provider-list button.submit:hover {
    background-color: var(--color03) !important;
}

#openid-provider-list li:not([class="page_login"]) a>div {
    text-align: center;
}

#openid-provider-list li:not([class="page_login"]) a img {
    margin: 10px 9px 0 0px !important;
}

.container_login {
    padding-bottom: 15px;
}

#oauth #showRegisterForm,
#oauth #showLoginForm {
    width: 100%;
}

.page_oauth form#oauth h1 {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 15px;
}

/* Mostrar Formulario */

#oauth #register-form,
#oauth #login-form {
    display: block !important;
}

.row.content-center {
    display: flex;
    justify-content: center;
}

.page.page_oauth nav.cmp_breadcrumbs {
    display: none;
}

.page_oauth form#oauth h1 {
    font-size: 16px;
    color: var(--color01);
}

div#contentb p {
    font-size: 17px !important;
    text-align: center;
}

div#customblock-copyright {
    font-size: 17px !important;
}

.form-group a {
    font-size: 17px;
}

section.issue-galleys hr {
    display: none;
}

section.issue-galleys {
    margin-bottom: 40px;
}

h2.issue-galleys__title {
    padding-bottom: 10px;
    margin-bottom: 22px;
    font-size: 16px !important;
    font-weight: 800;
}

.current_issue.home_issue.row {
    text-align: left;
}

nav.cmp_breadcrumbs li {
    display: contents;
}

nav.cmp_breadcrumbs ol,
ul {
    padding-left: 10px;
    padding-right: 10px;
}

nav.cmp_breadcrumbs ol {
    background-color: #dddeff;
}

.num_act {
    border: 1px solid #e1e1e1;
    border-radius: 14px;
    padding: 15px;
}

.num_act table {
    display: flex;
    justify-content: center;
}

.num_act table th {
    border-right: 1px solid #d7d7d7;
}

.num_act table th:last-child {
    border: 0px;
}

.num_act table th {
    padding: 20px;
}

.num_act img {
    width: 190px;
    height: 260px;
    display: block;
    margin: auto;
}

.num_act h2 {
    color: var(--color04) !important;
    font-weight: 500;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 11px;
    margin-bottom: 25px;
}


div#userwayAccessibilityIcon {
    position: fixed !important;

    top: 16%;
    /* Ajusta la distancia desde el borde superior del viewport */
    left: 100%;
}

.dropdown-menu,
.dropdown-menu.dropdown-menu-right.show {
    --bs-dropdown-link-active-bg: var(--color01) !important;
}

ul.dropdown-menu.dropdown-menu-right {
    z-index: 999999999999 !important;
}

ul#navigationUser {
    margin-right: 5% !important;
}

nav.user-nav.navbar.navbar-expand-lg.navbar-dark {
    z-index: 9999999999999999999 !important;
}

@media only screen and (max-width: 480px) {
    header#headerNavigationContainer {
        Z-INDEX: 999999999999 !IMPORTANT;



    }
}


@media only screen and (max-width: 800px) {
    header#headerNavigationContainer {
        Z-INDEX: 999999999999 !IMPORTANT;


    }

    div#userwayAccessibilityIcon {
        top: 18%;
        left: 100%;
    }

    .a2a_kit.a2a_kit_size_32.a2a_default_style {
        margin-top: 60px;
    }






}

form.search_bar.voice-to-text-form path {
    fill: var(--color03);
}

div#customblock-inde_en img.mx-auto {
    width: 150px;
    height: 100%;
}

/*Credit syles */
li.creditRole a {
    font-size: 17px !important;
}

.orcid a {
    font-size: 17px !important;
}

.orcid_icon {
    width: 20px !important;
    height: 20px !important;
}


ul.userGroup {
    margin-bottom: 0px;
}

h3.h3Footer {
    display: inline-block;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* Ajustar Preprint */

article.row.article.\38 1 .col-md-3 {
    display: none;
}

article.row.article.es.\38 1 .col-md-9 {
    width: 100%;
}

.number_home.\38 1 .col-md-4 {
    display: none;
}

article.col-md-3.col-lg-2.archived-issue {
    border: 1px solid #dddcdc;
    margin: 10px;
    padding-top: 15px;
}

.container_credit {
    display: flex;
}

/*Text-to-voice styles */

#TextToVoiceDiv button {
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    border: none !important;
    margin: 2px !important;
    border-radius: 30% !important;
    box-shadow: 0px 0px 0px 0px #77889994 !important;
}


/*Text-to-voice styles end  */

/* Contenedor de palabras clave y sus enlaces */
.keyword-container {
    display: grid;
    grid-template-columns: 1fr repeat(7, 30px);
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
    text-align: left;
}

/* Asegúrate de que las imágenes mantengan su tamaño */
.keyword-container img {
    height: 20px;
    width: 20px;
}

h6.journal-title {
    margin: 0px;
}

a.btn.btn-primary.btn_rev {
    margin-bottom: 10px;
}

/* Efecto en portadas */

.journal-thumbnail img.img-fluid {
    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
}

.journal-thumbnail img.img-fluid:hover {
    -webkit-transform: scale(1.08) translateY(-10px);
    transform: scale(1.08) translateY(-10px);
    box-shadow: 0 15px 30px rgba(100, 255, 111, 0.3);
}

h6.journal-title a {
    font-weight: 400;
}

/* Colores grid */

.journal-grid__item.Opinión.Pública h6.journal-title {
    background-color: var(--color01);
}

.journal-grid__item.Opinión.Pública .button-overlay {
    background-color: var(--color01);
}

.journal-grid__item.Opinión.Pública h6.journal-title a {
    color: var(--color07);
}

.journal-grid__item.Negonotas.Docentes h6.journal-title {
    background-color: var(--color01);
}

.journal-grid__item.Negonotas.Docentes .button-overlay {
    background-color: var(--color01);
}

.journal-grid__item.Negonotas.Docentes h6.journal-title a {
    color: var(--color07);
}


button#btn_search_voice {
    border-radius: 50px;
}

.breathing-effect-button {
    animation: gradient 300ms;
    background: var(--color01) !important;
    color: #fff !important;
    box-shadow: none;
}

#TextToVoiceDiv button {
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    border: none !important;
    margin: 2px !important;
    border-radius: 30% !important;
    box-shadow: 0px 0px 0px 0px #77889994 !important;
}

#TextToVoiceDiv button svg {
    vertical-align: middle;
    width: 70% !important;
    height: 70% !important;
    padding: 6px !important;
    fill: var(--color01) !important;
}

h1.main__title span.text-to-voice-body {
    color: var(--color04);
    font-size: 19px !important;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
}

a.search_author i:hover {
    color: var(--color07);
}

a.btn.btn-primary.btn_info {
    margin-bottom: 10px;
}

/* Logos revistas */

.logo_head {
    width: 350px;
}

.card.how-to-cite ul.dropdown-menu.show {
    background-color: #fff;
    border: 1px solid var(--color01);
}

h1.convocatoria_tittle {
    background-color: var(--color07);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
}

header.main__header h1.main__title {
    background-color: var(--color01);
    color: var(--color05) !important;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
}

h1.main__title span {
    color: var(--color05);
}

.about a.btn.btn-primary {
    margin-bottom: 20px;
}

h2 {
    font-family: "Open Sans", sans-serif !important;
}

a.btn_conv {
    background-color: var(--color01);
    padding: 6px;
    text-align: center;
    display: block;
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

a.btn_conv:hover {
    background-color: var(--color07);
}

img.img_conv_a {
    width: 70%;
    display: block;
    margin: auto;
}

main.container.page_register.main__content h1.main__title span {
    font-size: 19px !important;
}

h1.tittle_gale {
    background-color: var(--color07);
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    padding: 10px;
}

.galeria li {
    list-style: none;
}

.galeria img {
    width: 100%;
    margin-bottom: 20px;
}

.galeria ul {
    padding: 0px;
}

.sidebar_block span {
    font-size: 17px !important;
}

.sidebar_block a {
    font-size: 17px;
}

.sidebar_block .col-md-3 a {
    font-size: 17px !important;
}

div#customblock-informacion p {
    margin-top: 20px;
}

main.galley .offset-lg-1 {
    margin-left: 0px;
}

main.galley .row {
    display: flex;
    justify-content: center;
}

main.galley {
    z-index: 99999 !important;
}

div#refer-tab-pane li a {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
    color: var(--color07);
}

div#refer-tab-pane li a.multiline {
    white-space: normal;
    text-overflow: unset;
    display: block;
    overflow: visible;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.info_tittle .row {
    margin: 0px !important;
}

.line_titt .list-group-item.doi {
    display: flex;
}

.line_titt .list-group-item.doi img {
    width: 30px !important;
    height: 30px !important;
}

.line_titt .list-group-item.doi a {
    font-size: 17px;
}

.line_titt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.line_titt .list-group-item.doi a {
    margin-top: 11px;
}

.line_titt p.metadata {
    margin: 0;
}

.line_titt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.line_titt .list-group-item.doi a {
    margin: 0;
}


.info_tittle {
    margin-bottom: 20px;
}

.page-header.cov_cont {
    background-color: var(--color07);
}

h1.cov_tit {
    font-size: 16px;
    padding: 10px;
    color: #fff;
}

img.conv_img_a {
    width: 450px;
    height: 100vh;
    display: block;
    margin: auto;
}

img.logorev {
    width: 120px;
    display: block;
    margin: auto;
}

section#authorGuidelines a.btn.btn-primary {
    margin-bottom: 20px;
}

section#authorGuidelines li.show {
    margin-bottom: 20px;
}


.author {
    margin-bottom: 20px;
}

.galeria img {
    height: 200px !important;
}

.journal-thumbnail {
    position: relative;
    border: 0px solid #d7d7d7;
    border-radius: 1px;
    background-color: #E9E9E9;
    overflow: hidden;
    z-index: 1;
    margin-top: 10px;
}

.contenedor_covers {
    width: 100%;
    display: block;
    margin: auto;
}

.journal-grid__item .button-overlay a.btn.btn-primary {
    width: 100%;
}

/*.journal-thumbnail::before {
    content: '';
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/plugins/themes/pragma/resources/images/pattern_cover.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.4;
    z-index: -1;
}*/

.journal-grid__item .button-overlay a.btn.btn-primary {
    width: 100%;
    font-size: 16px;
}

.modal-header h1 {
    font-weight: 800 !important;
    font-size: 16px !important;
}

.journal-grid__item .button-overlay a.btn.btn-primary {
    display: inline-block;
    position: relative;
    overflow: hidden;
    /*transform: skewX(-12deg); /* inclinación hacia la izquierda */
}

.journal-grid__item .button-overlay a.btn.btn-primary span,
.journal-grid__item .button-overlay a.btn.btn-primary strong,
.journal-grid__item .button-overlay a.btn.btn-primary b {
    display: inline-block;
    transform: skewX(12deg);
    /* corrige el texto para que no quede inclinado */
}

.number_home h3.issue-section__toc-title {
    color: var(--color04) !important;
    font-size: 16px;
    font-weight: 800;
}

h3.issue-section__toc-title {
    border-bottom: 1px solid #e9dfdf;
    padding-bottom: 10px;
    font-weight: 800;
    font-size: 16px;
}

li.issue-section__toc-item {
    border-radius: 10px;
}

.num_act img {
    width: 190px;
    height: 260px;
    display: block;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0px 12px 6px -7px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out;
}

.num_act img:hover {
    transform: scale(1.05);
}

th.num_text p {
    text-align: center !important;
}

.current_issue.home_issue .col-md-8 {
    line-height: 20px;
}

.line_titt {
    border: 1px solid #e7e6e6;
}

div#TextToVoiceSelectDiv select#TextToVoiceSelect {
    width: 190px;
    font-size: 8px;
}

div#customblock-indexada .d-flex {
    justify-content: center;
}

div#customblock-scholar .d-flex {
    justify-content: center !important;
}

.orcid a {
    display: inline-flex;
}

nav.cmp_breadcrumbs a {
    color: var(--color04);
}

nav.cmp_breadcrumbs ol li.current {
    font-weight: 700;
}

.datos_info .panel-body {
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}

div#customblock-formatos .panel-body {
    margin-left: 20px;
    margin-right: 20px;
}

div#customblock-envios ul {
    list-style: disc !important;
}

div#customblock-indexada_en ul li {
    margin-left: 11px !important;
}

div#customblock-indexada_en h4 {
    text-align: left !important;
    margin-left: 12px;
}

.sidebar_block.col-md-3 .col-md-3 a.btn.btn-primary {
    font-size: 17px !important;
    font-weight: 500;
    border-radius: 0px !important;
}

.sidebar_block .col-md-3 a.btn.btn-primary {
    font-size: 17px !important;
    font-weight: 500;
    border-radius: 0px !important;
}

div#customblock-about_block_ li {
    list-style: disc;
}

div#customblock-about_block_ .panel-body {
    padding: 10px;
}

div#customblock-formatos li {
    list-style: disc;
}

div#customblock-about_block_ .panel-body {
    padding: 22px;
}

div#customblock-index_block .panel-body .d-flex {
    justify-content: center;
}

div#customblock-acerca-de li {
    list-style: disc;
}

div#customblock-formatos li {
    list-style: none;
}

div#customblock-formatos .panel-body li {
    list-style: disc;
}

.button-overlay a.btn.btn-primary {
    border: 2px solid;
}

/* Corrección visor HTML */

main.container.galley {
    max-width: 100% !important;
}

header.offset-md-2.col-md-8.galley__header {
    margin: 0px;
}

.offset-md-2.col-md-8.galley__content {
    margin: 0px;
    width: 90%;
}

header.offset-md-2.col-md-8.galley__header {
    margin: 0px;
    width: 90%;
}

header.offset-md-2.col-md-8.galley__header h1 {
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    font-weight: 700 !important;
    font-size: 16px !important;
}

div#customblock-tutoriales68f1611cab535 p strong {
    font-weight: 500;
}

article.col-md-3.col-lg-2.archived-issue img.img-fluid {
    height: 220px;
    width: 200px;
}

.sidebar_block.col-md-3 a.btn.btn-primary {
    border: 2px solid var(--color01) !important;
}

.sidebar_block.col-md-3 a.btn.btn-primary:hover {
    border: 2px solid var(--color01) !important;
    background-color: var(--color05) !important;
    color: var(--color01) !important;
}

div#customblock-tutoriales p strong {
    font-weight: 500 !important;
    font-family: "Open Sans", sans-serif;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .25) !important;
}

img.img-fluid.homepage_image {
    border: 1px solid #e1e1e1;
}

.lateral_info img.img-fluid {
    border: 1px solid #e1e1e1;
}

.myCredits a:hover {
    color: #fff !important;
}

.sidebar_block a.btn.btn-primary {
    border: 2px solid var(--color01) !important;
}

.carousel-inner {
    /*position: initial !important;*/
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: initial !important;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}

div#license {
    text-transform: capitalize;
}

.panel-heading {
    font-weight: 500 !important;
    text-align: center;
}

div#articlesBySameAuthorList h3 {
    color: #fff !important;
    font-weight: 400;
}

/* Archivos */

.op_archive article.col-md-3.col-lg-2.archived-issue {
    border: 0px !important;
}

.archived-issue {
    text-align: left;
}

.archived-issue img.img-fluid {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7) !important;
}

h3.archived-issue__title {
    margin-top: 30px;
    height: 60px;
    font-size: 16px !important;
}

.archived-issue img.img-fluid {
    height: 340px;
}

a.archived-issue__series {
    font-size: 17px;
    color: var(--color01) !important;
}

article.col-md-3.col-lg-3.archived-issue p.metadata small {
    font-size: 17px !important;
    color: var(--color01) !important;
}

article.col-md-3.col-lg-3.archived-issue {
    line-height: 25px;
}

summary.accordion-header span.accordion-header-content-label {
    font-size: 16px !important;
    font-weight: 400 !important;
    display: flex;
}

details.accordion {
    margin-bottom: 20px;
    /*border: 1px solid #dfdfdf;*/
}

div#biography {
    padding-top: 0px;
}

.container-fluid.search-bar-container {
    margin-bottom: 10px;
}

a {
    font-size: 17px;
    color: var(--color01);
}

.professional-directory {
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.professional-directory .section {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.professional-directory .section h2 {
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--color03);
    color: var(--color03);
}

.professional-directory .section:last-of-type {
    border-bottom: none;
}

.contact-card {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.contact-card .name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color03);
}

.contact-card .position {
    font-size: 17px;
    color: #555;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.contact-card .contact {
    font-size: 17px;
}

.contact-card .contact a {
    color: var(--color03);
    text-decoration: none;
    transition: color 0.2s ease;
}

.contact-card .contact a:hover {
    color: var(--color01);
    text-decoration: underline;
}

.edition-card {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.edition-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.edition-title {
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--color03);
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f1f3f4;
}

.editor-name {
    font-size: 17px;
    color: #555;
    font-weight: 500;
}

.editors-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.5rem;
}

.editor {
    flex: 1;
    min-width: 200px;
}

.editor .name {
    font-size: 17px;
    font-weight: 500;
}

.editor .name a {
    color: var(--color03);
    text-decoration: none;
    transition: color 0.2s ease;
}

.editor .name a:hover {
    color: var(--color01);
    text-decoration: underline;
}

.member-card {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    transition: all 0.2s ease;
}

.member-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-color: #d0d7de;
}

.member-card .name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--color03);
}

.member-card .institution {
    font-size: 17px;
    color: #666;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.member-card .links {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.member-card .links a {
    font-size: 17px;
    color: var(--color03);
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
    transition: all 0.2s ease;
    border: 1px solid #e9ecef;
}

.member-card .links a:hover {
    background: var(--color03);
    color: white;
    text-decoration: none;
    border-color: var(--color03);
}

/* Responsive design */
@media (max-width: 768px) {
    .professional-directory {
        padding: 15px;
    }

    .section {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
    }

    .contact-card,
    .edition-card,
    .member-card {
        padding: 1rem;
    }

    .editors-list {
        flex-direction: column;
        gap: 0.5rem;
    }

    .editor {
        min-width: 100%;
    }

    .member-card .links {
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .professional-directory {
        padding: 10px;
    }

    .section h2 {
        font-size: 16px !important;
    }

    .contact-card .name,
    .member-card .name {
        font-size: 17px;
    }
}

@media only screen and (max-width: 600px) {

    div#issueCarousel img.img-fluid.issue-image-cover {
        display: block;
        margin: auto;
        text-align: center;
    }

    section.issue-section a.galley-link.btn.obj_galley_link {
        display: list-item;
    }

    .tabs_journal ul#myTab button {
        width: 275px;
        display: flex;
        justify-content: center;
    }

    section.issue-section li.issue-section__toc-item .player_form {
        width: 100%;
    }

    .carousel_info {
        margin-top: 20px;
        height: 220px;
    }
}

ul#myTab {
    font-weight: 300;
}

a.btn-cit {
    display: block;
    background-color: var(--color03) !important;
    color: #fff;
    padding: 7px;
    border-radius: 10px;
}

h4.article__title b {
    font-weight: 600;
}

body.user.page_user.op_register.has_site_logo span.publicaciones-title {
    display: none;
}

a.orcid_q:hover {
    background-color: #fff ! IMPORTANT;
    border: 1px solid;
}

.row.text-center.issue_block_descripcion p {
    text-align: justify !important;
}

main#main {
    margin-top: 20px !important;
}

p {
    text-align: justify;
}

.col-md-9.info_art p.publish_date_art {
    text-align: center;
}

li.show {
    text-align: justify;
}

li.show a {
    word-break: break-all;
}

a.galley-link {
    text-transform: uppercase;
}

div#peerReviewProcess h3 {
    font-size: 16px !important;
    font-weight: 800;
    color: #211e1e !important;
}

div#openAccessPolicy h3 {
    font-size: 16px !important;
    font-weight: 800;
    color: #211e1e !important;
}

div#custom-0 h3 {
    font-size: 16px !important;
    font-weight: 800;
    color: #211e1e !important;
}

div#custom-0 h3 strong {
    font-size: 16px !important;
    font-weight: 800;
    color: #211e1e !important;
}

div#focusAndScope h3 {
    font-weight: 800;
    font-size: 16px !important;
    color: #211e1e !important;
}

section#authorGuidelines h2 {
    font-size: 16px !important;
    font-weight: 800;
    color: #211e1e !important;
}

section h2 {
    font-size: 16px !important;
    font-weight: 800;
    color: #211e1e !important;
}

.page_article h1.main__title span.title-translate-article {
    color: var(--color01);
}

.nav_sup_contenedor {
    position: relative;
    box-sizing: border-box;
}

.nav_sup_contenedor::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 1px solid white;
    background-image: linear-gradient(to bottom, transparent 134px, white 134px, white 135px, transparent 135px);
    background-repeat: no-repeat;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
}

li.issue-section__toc-item a {
    overflow-wrap: break-word;
}