.pkp_site_name .is_img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.pkp_navigation_primary > li > a {
    margin: 1em;
    padding: 10px 0 8px;
    border: 0;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #545454, #7d7d7d);
    border-image-slice: 1;
    color: #181818;
}

.pkp_block .content ul li {
    line-height: 15px;
    padding: 5px 0;
}

.pkp_block a {
    text-decoration: none;
}

@media (min-width: 992px) {
    .pkp_site_name {
        text-align: center;
    }
}

a:link {
    color: #F49B00;
    text-decoration: none;
}

a {
    color: #F49B00;
    text-decoration: underline;
}

a:hover, a:focus {
    color: #F49B00;
    text-decoration: underline;
}

.cmp_button_wire, .obj_galley_link {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
    border: 1px solid #D28500;
    border-radius: 3px;
    font-size: 13px;
    line-height: 28px;
    color: #D28500;
    text-decoration: none;
}

.page_index_journal {
    display: flex;
    flex-direction: column;
}

.sections .page-header {
    background: rgba(0, 0, 0, 0.8);
    padding: auto;
    border-left: 7px solid #D28500;
    border-bottom: none;
}

.page_index_journal .current_issue {
    order: 2;
}

.obj_issue_toc .galleys h2, .obj_issue_toc .section h2 {
    position: sticky;
    left: -29px;
    margin-top: -10px;
    padding: 10px;
    background: #EAEAEA;
    background-image: linear-gradient(to right, #0E0E0E, #1A1A1A);
    border: 2px solid;
    border-image: linear-gradient(to right, #FF7400, #FFBB5A);
    border-image-slice: 1;
    font-size: 17px;
    font-weight: 520;
    color: #FF9700;
    display: block;
}

.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
    margin: 20px -15px 30px;
}

.pkp_block {
    padding: 13px;
}

.pkp_structure_main h2 {
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 15px;
    line-height: 22px;
}

.pkp_page_index .current_issue .current_issue_title {
    margin: 20px 0;
    font-size: 17px;
    font-weight: 500;
}

.obj_issue_toc .cover img {
    display: block;
    max-height: 300px;
    width: auto;
    float: left;
    margin-right: 40px;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .obj_issue_toc .heading:before, .obj_issue_toc .heading:after {
        content: normal;
    }

    .obj_issue_summary .cover img {
        max-height: 170px;
    }

    .obj_issue_summary .cover {
        float: left;
        height: auto;
    }
}

body {
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    text-align: justify;
    background: #fff;
}

.pkp_structure_main h1 {
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
}

.cmp_breadcrumbs {
    display: inline-block;
    margin-bottom: -30px;
}

.pkp_structure_main p {
    line-height: normal;
    margin: 20px 0;
    margin-bottom: -7px;
}

.pkp_navigation_primary ul a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #181818;
}

.pkp_nav_list ul a {
    display: block;
    padding-left: 5px;
    border-left: 5px solid transparent;
}

.pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .dropdown-menu a:hover {
    margin-left: 2px;
    border-color: #ff9b04;
    border-image: linear-gradient(to bottom, #FF7800, #FFB133);
    border-image-slice: 1;
    border-left: 3px solid;
}

.pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
    outline: 0;
    background: #EAEAEA;
    background-image: linear-gradient(to right, #ffffff, #e2e2e2);
}

.pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus {
    color: #e08900;
    outline: 0;
    border-image: linear-gradient(to right, #FF7400, #FFBB5A);
    border-image-slice: 1;
    text-decoration: none;
}

.pkp_page_index .additional_content {
    padding: 0 35px;
    border-top: 0;
}

.pkp_footer_content {
    padding: 20px;
    text-align: left;
    font-size: small;
}

.pkp_brand_footer {
    padding: 20px;
    margin-top: -30px;
}

.obj_announcement_summary .summary {
    font-size: 14px;
    margin-top: 10px;
}

.obj_announcement_summary .summary p:first-child {
    margin-top: 15px;
}

.cmp_button, .cmp_form .buttons button, .pkp_head_wrapper .pkp_search button, .page_lost_password .buttons button, .page_search .submit button, .block_make_submission a {
    display: inline-block;
    padding: 0 1em;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-top-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
    font-size: 13px;
    line-height: 28px;
    font-weight: 700;
    text-decoration: none;
}

.cmp_button_wire:hover, .cmp_button_wire:focus, .obj_galley_link:hover, .obj_galley_link:focus {
    background: #EAEAEA;
    background-image: linear-gradient(to right, #0E0E0E, #2d2d2d);
    color: #f9b906;
    text-decoration: none;
}

.pkp_page_index .current_issue .read_more {
    display: inline-block;
    position: relative;
    padding-right: 30px;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    color: #F49B00;
    text-decoration: none;
    margin-bottom: 20px;
}

.pkp_page_index .current_issue .read_more:hover, .pkp_page_index .current_issue .read_more:focus {
    color: #F49B00;
    text-decoration: underline;
}

.obj_announcement_summary .read_more {
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    color: #FF9700;
    margin-top: 15px;
}

.obj_announcement_summary .read_more:hover, .obj_announcement_summary .read_more:focus {
    color: #FF9700;
    text-decoration: underline;
    margin-top: 15px;
}

.obj_issue_toc .galleys, .obj_issue_toc .section {
    position: relative;
    padding: 30px;
    margin-bottom: -50px;
}

.obj_article_summary > .title a {
    font-size: 14px;
    color: #F49B00;
}

.obj_article_details > .subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    background: #eaeaea00;
    background-image: linear-gradient(to right, #0e0e0e00, #1a1a1a00);
    border: 2px solid;
    border-image: linear-gradient(to right, #ff780000, #ffb13300);
    border-image-slice: 1;
    color: #5f5f5f;
    padding: 2px;
    box-shadow: 0 0 0 0 grey;
}

li {
    display: list-item;
    margin-top: 1px;
}

.obj_issue_toc .galleys > h2, .obj_issue_toc .section > h2, .obj_issue_toc .galleys > h3, .obj_issue_toc .section > h3 {
    display: block;
    margin-top: 0;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    box-shadow: 0 5px 10px 0 grey;
    padding: 10px;
    background: #EAEAEA;
    background-image: linear-gradient(to right, #0E0E0E, #1A1A1A);
    border: 2px solid;
    border-image: linear-gradient(to right, #FF7800, #FFB133);
    border-image-slice: 1;
    color: #FF9700;
}

.obj_issue_summary .series {
    margin-bottom: .357rem;
    color: #868686;
    font-size: 13px;
}

.obj_issue_summary .cover img {
    display: block;
    width: auto;
    max-height: 300px;
}

.cmp_breadcrumbs ol {
    margin-bottom: 50px;
    padding: .357rem 0;
    line-height: 1.43rem;
    font-size: .93rem;
    text-align: left;
}

.obj_announcement_summary h2 a, .obj_announcement_summary h3 a, .obj_announcement_summary h4 a {
    text-decoration: none;
    box-shadow: 0 5px 10px 0 grey;
    padding: 10px;
    background: #EAEAEA;
    background-image: linear-gradient(to right, #0E0E0E, #1A1A1A);
    border: 2px solid;
    border-image: linear-gradient(to right, #FF7800, #FFB133);
    border-image-slice: 1;
    color: #FF9700;
    display: block;
}

.has_site_logo .pkp_site_name, .has_site_logo .pkp_navigation_primary_wrapper {
    width: auto;
    margin-left: 25px;
}

/* Add responsiveness for smaller screens */
@media (max-width: 767px) {
    .page_index_journal {
        padding: 15px;
    }
    
    .pkp_navigation_primary > li > a {
        padding: 5px 0;
        margin: 0.5em;
        font-size: 14px;
    }
    
    .obj_issue_toc .galleys h2, .obj_issue_toc .section h2 {
        font-size: 14px;
        padding: 5px;
    }
    
    .obj_issue_toc .cover img {
        max-height: 200px;
        margin-right: 20px;
    }
    
    .obj_issue_summary .cover img {
        max-height: 150px;
    }
    
    .pkp_page_index .current_issue .read_more {
        font-size: 12px;
        padding-right: 15px;
    }
    
    .pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
        font-size: 14px;
        margin: 15px -10px 20px;
    }
    
    .pkp_structure_main p {
        margin: 15px 0;
    }
}

/* Estilo base para imágenes dentro del contenedor .is_img */
.pkp_site_name .is_img img {
    display: block;
    max-width: 100%; /* La imagen no se ampliará más allá de su contenedor */
    height: auto; /* Mantiene la proporción de aspecto */
    margin-bottom: 30px; /* Espacio inferior */
}

/* Estilo para imágenes dentro de la portada del índice del número */
.obj_issue_toc .cover img {
    display: block;
    max-height: 300px; /* Altura máxima para imágenes de portada */
    width: auto; /* Respetar el ancho específico */
    float: left; /* Alineación a la izquierda */
    margin-right: 40px; /* Espacio a la derecha */
    margin-bottom: 25px; /* Espacio inferior */
}

/* Estilo para imágenes dentro del resumen del índice del número */
.obj_issue_summary .cover img {
    display: block;
    width: auto; /* Respetar el ancho específico */
    max-height: 300px; /* Altura máxima para imágenes de resumen */
}

/* Permite que las imágenes con tamaño específico establecido en el editor se ajusten */
img[style] {
    max-width: 100%; /* Asegura que las imágenes con estilos en línea no se desborden */
    height: auto; /* Mantiene la proporción de aspecto */
    width: auto; /* Respetar el tamaño específico si se define */
}

/* Ajuste específico para pantallas más pequeñas */
@media (max-width: 767px) {
    .obj_issue_toc .cover img {
        max-height: 200px; /* Altura reducida para pantallas pequeñas */
        margin-right: 20px; /* Espacio a la derecha reducido */
    }

    .obj_issue_summary .cover img {
        max-height: 150px; /* Altura reducida para pantallas pequeñas */
    }
}

/* Media query para pantallas grandes */
@media (min-width: 768px) {
    .obj_issue_toc .heading:before, .obj_issue_toc .heading:after {
        content: normal;
    }

    .obj_issue_summary .cover img {
        max-height: 170px; /* Ajusta la altura máxima según el diseño */
    }
}

