/* =========================================================
   SIDEBAR - DECISIÓN GERENCIAL
   CARDS MODERNAS
   ========================================================= */


/* ESPACIADO GENERAL DEL SIDEBAR */

#sidebar .pkp_block {
    margin-bottom: 22px !important;
}


/* =========================================================
   CARD INFORMACIÓN
   ========================================================= */

#sidebar .block_information {
    background: #ffffff !important;

    border: 1px solid #f0ddd1 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(71, 38, 20, 0.07) !important;
}


/* TÍTULO */

#sidebar .block_information .title {
    margin: 0 !important;

    padding: 18px 22px !important;

    background:
        linear-gradient(
            135deg,
            #fff8f3 0%,
            #ffede1 100%
        ) !important;

    color: #28211d !important;

    border: none !important;
    border-bottom: 1px solid #f0ddd1 !important;

    font-size: 25px !important;
    font-weight: 700 !important;
}


/* CONTENIDO */

#sidebar .block_information .content {
    padding: 8px 22px 16px 22px !important;
}


/* ENLACES */

#sidebar .block_information .content a {
    color: #333333 !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    transition:
        color .2s ease,
        padding-left .2s ease !important;
}


#sidebar .block_information .content a:hover {
    color: #e65a0a !important;
    padding-left: 4px !important;
}



/* =========================================================
   BOTÓN ENVÍE SU ARTÍCULO
   ========================================================= */

#sidebar .block_make_submission {
    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
}


/* BOTÓN */

#sidebar .block_make_submission .content a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    padding: 17px 18px !important;

    background:
        linear-gradient(
            135deg,
            #e85a0c 0%,
            #c94700 100%
        ) !important;

    color: #ffffff !important;

    border-radius: 13px !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 7px 18px rgba(232, 90, 12, .22) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}


#sidebar .block_make_submission .content a:hover {
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 11px 25px rgba(232, 90, 12, .30) !important;
}



/* =========================================================
   CARD IDIOMA
   ========================================================= */

#sidebar .block_language {
    background: #ffffff !important;

    border: 1px solid #f0ddd1 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(71, 38, 20, .07) !important;
}


#sidebar .block_language .title {
    margin: 0 !important;

    padding: 18px 22px !important;

    background:
        linear-gradient(
            135deg,
            #fff8f3 0%,
            #ffede1 100%
        ) !important;

    border: none !important;
    border-bottom: 1px solid #f0ddd1 !important;

    color: #28211d !important;

    font-size: 25px !important;
    font-weight: 700 !important;
}


#sidebar .block_language .content {
    padding: 12px 22px 18px 22px !important;
}


#sidebar .block_language a {
    color: #333333 !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}


#sidebar .block_language a:hover {
    color: #e65a0a !important;
}



/* =========================================================
   CARDS PERSONALIZADAS
   ========================================================= */

#custombturnitin,
#custombfaceinsta,
#custombgoogle,
#custombvisitorcounter,
#custombindicadores-de-impacto-y-visibilidad-cientfica {

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffaf6 100%
        ) !important;

    border: 1px solid #f0ddd1 !important;

    border-radius: 18px !important;

    padding: 22px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(71, 38, 20, .07) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


/* EFECTO HOVER */

#custombturnitin:hover,
#custombfaceinsta:hover,
#custombgoogle:hover,
#custombvisitorcounter:hover,
#custombindicadores-de-impacto-y-visibilidad-cientfica:hover {

    transform: translateY(-3px) !important;

    border-color: #efc2a4 !important;

    box-shadow:
        0 13px 30px rgba(71, 38, 20, .11) !important;
}



/* =========================================================
   IMÁGENES DE LOS BLOQUES
   ========================================================= */

#custombturnitin img,
#custombfaceinsta img,
#custombgoogle img,
#custombvisitorcounter img,
#custombindicadores-de-impacto-y-visibilidad-cientfica img {

    max-width: 100% !important;
    height: auto !important;

    display: block !important;

    margin-left: auto !important;
    margin-right: auto !important;
}



/* =========================================================
   TÍTULOS DENTRO DE CARDS PERSONALIZADAS
   ========================================================= */

#sidebar .block_custom h2,
#sidebar .block_custom h3,
#sidebar .block_custom h4,
#sidebar .block_custom strong {

    color: #29211d !important;

    font-weight: 700 !important;
}


/* PÁRRAFOS */

#sidebar .block_custom p {

    color: #4f4a46 !important;

    line-height: 1.6 !important;
}



/* =========================================================
   ENLACES DE CARDS PERSONALIZADAS
   ========================================================= */

#sidebar .block_custom a {

    color: #e65a0a !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}


#sidebar .block_custom a:hover {

    color: #bd4100 !important;
}



/* =========================================================
   REDES SOCIALES
   ========================================================= */

#custombfaceinsta img {

    transition:
        transform .25s ease,
        opacity .25s ease !important;
}


#custombfaceinsta a:hover img {

    transform: scale(1.07) !important;
    opacity: .90 !important;
}



/* =========================================================
   TURNITIN
   ========================================================= */

#custombturnitin {

    position: relative !important;
}


/* Línea decorativa superior */

#custombturnitin::before {

    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 5px !important;

    background:
        linear-gradient(
            90deg,
            #e65a0a,
            #f3a36f
        ) !important;
}



/* =========================================================
   VISITAS
   ========================================================= */

#custombvisitorcounter {

    text-align: center !important;
}



/* =========================================================
   INDICADORES
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica {

    position: relative !important;
}


#custombindicadores-de-impacto-y-visibilidad-cientfica::before {

    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 5px !important;

    background:
        linear-gradient(
            90deg,
            #e65a0a,
            #f3a36f
        ) !important;
}



/* =========================================================
   RESPONSIVE
   ========================================================= */

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

    #sidebar .pkp_block {
        margin-bottom: 17px !important;
    }


    #custombturnitin,
    #custombfaceinsta,
    #custombgoogle,
    #custombvisitorcounter,
    #custombindicadores-de-impacto-y-visibilidad-cientfica {

        padding: 18px !important;
        border-radius: 15px !important;
    }


    #sidebar .block_information .title,
    #sidebar .block_language .title {

        font-size: 22px !important;
    }

}
/* =========================================================
   BLOQUES PERSONALIZADOS SIDEBAR
   ========================================================= */

.pkp_structure_sidebar .pkp_block.block_custom {
    background: #ffffff !important;
    border: 1px solid #f0d7c7 !important;
    border-radius: 18px !important;
    padding: 0 !important;
    margin: 0 0 22px 0 !important;
    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(80, 40, 15, 0.08) !important;
}


/* CONTENIDO INTERNO */

.pkp_structure_sidebar .pkp_block.block_custom > .content {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff8f3 100%
        ) !important;

    padding: 22px !important;
    margin: 0 !important;
}


/* =========================================================
   TURNITIN
   ========================================================= */

.pkp_structure_sidebar #custombturnitin {
    position: relative !important;

    background: #ffffff !important;
    border: 1px solid #f0d7c7 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(80, 40, 15, 0.08) !important;
}


/* LÍNEA NARANJA SUPERIOR */

.pkp_structure_sidebar #custombturnitin::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 5px !important;

    background:
        linear-gradient(
            90deg,
            #e65a0a,
            #f2a06b
        ) !important;

    z-index: 2 !important;
}


/* CONTENIDO TURNITIN */

.pkp_structure_sidebar #custombturnitin > .content {
    padding: 25px 22px 22px 22px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff8f3 100%
        ) !important;
}


/* IMAGEN */

.pkp_structure_sidebar #custombturnitin img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;

    margin: 10px auto 18px auto !important;
}


/* TEXTO */

.pkp_structure_sidebar #custombturnitin p {
    color: #3f3a36 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   RESTO DE BLOQUES PERSONALIZADOS
   ========================================================= */

.pkp_structure_sidebar #custombfaceinsta,
.pkp_structure_sidebar #custombgoogle,
.pkp_structure_sidebar #custombvisitorcounter,
.pkp_structure_sidebar #custombindicadores-de-impacto-y-visibilidad-cientfica {

    background: #ffffff !important;

    border: 1px solid #f0d7c7 !important;

    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(80, 40, 15, 0.08) !important;
}


/* CONTENIDO INTERNO */

.pkp_structure_sidebar #custombfaceinsta > .content,
.pkp_structure_sidebar #custombgoogle > .content,
.pkp_structure_sidebar #custombvisitorcounter > .content,
.pkp_structure_sidebar #custombindicadores-de-impacto-y-visibilidad-cientfica > .content {

    padding: 22px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff8f3 100%
        ) !important;
}


/*****************************************************
******************************************************
**************PAGINA DE ENVIOS***************************************
**********************************************/






.page_submissions .alert.alert-info {
background: #fff8f3 !important;
border: none !important;
border-radius: 14px !important;
padding: 24px !important;
margin: 25px 0 !important;

box-shadow: 0 4px 18px rgba(242, 178, 114, 0.06) !important;

color: #f4d5c1 !important;

}

/* Convertir los enlaces en botones */
.page_submissions .alert.alert-info a {
display: inline-block !important;

background: #e65a0a !important;
color: #ffffff !important;

padding: 11px 18px !important;
margin: 4px 5px !important;

border-radius: 8px !important;

font-weight: 600 !important;
text-decoration: none !important;

transition: all .2s ease !important;

}

.page_submissions .alert.alert-info a {
background: #c94a00 !important;
transform: translateY(-1px);
box-shadow: 0 4px 10px rgba(255, 191, 119, 0.2);
}

.page_submissions .submission_checklist {
display: none !important;
}
.author_guidelines > .page-header {
display: none !important;
}



/* =========================================================

CONTENEDOR PRINCIPAL METRICAS DE LA PAGINA DE ENVIOS
========================================================= */

.author_guidelines #metricas {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;

font-family: Arial, Helvetica, sans-serif !important;
color: #1f2937 !important;
line-height: 1.6 !important;

background: transparent !important;

box-sizing: border-box !important;

}

.author_guidelines #metricas *,
.author_guidelines #metricas *::before,
.author_guidelines #metricas *::after {
box-sizing: border-box !important;
}

/* =========================================================
2. CABECERA PRINCIPAL
========================================================= */

.author_guidelines #metricas .dg-hero {
width: 100% !important;

margin: 0 0 30px 0 !important;
padding: 35px !important;

background:
    radial-gradient(
        circle at top right,
        rgba(255, 219, 168, 0.1),
        transparent 38%
    ),
    linear-gradient(
        135deg,
        #ffffff 0%,
        #fff4ec 100%
    ) !important;

border: 1px solid #f1d7c6 !important;
border-radius: 25px !important;

box-shadow:
    0 14px 34px rgba(244, 180, 107, 0.08) !important;

}

/* ETIQUETA REVISTA */

.author_guidelines #metricas .dg-badge {
display: inline-block !important;

margin: 0 !important;
padding: 7px 13px !important;

background: #eaf4f5 !important;
color: #ed8b4b !important;

border: 0 !important;
border-radius: 30px !important;

font-size: 12px !important;
font-weight: 700 !important;

text-transform: uppercase !important;
letter-spacing: 0.5px !important;

}

/* TÍTULO PRINCIPAL */

.author_guidelines #metricas .dg-hero h2 {
display: block !important;

margin: 18px 0 10px 0 !important;
padding: 0 !important;

color: #172033 !important;

font-family: Arial, Helvetica, sans-serif !important;
font-size: 34px !important;
font-weight: 700 !important;
line-height: 1.2 !important;

border: 0 !important;
background: transparent !important;

}

/* DESCRIPCIÓN */

.author_guidelines #metricas .dg-hero p {
max-width: 850px !important;

margin: 0 !important;
padding: 0 !important;

color: #64748b !important;

font-size: 16px !important;
line-height: 1.6 !important;

}

/* =========================================================
3. MENÚ INTERNO
========================================================= */

.author_guidelines #metricas .dg-nav {
display: flex !important;
flex-wrap: wrap !important;

width: 100% !important;

gap: 10px !important;

margin: 24px 0 0 0 !important;
padding: 0 !important;

}

.author_guidelines #metricas .dg-nav a {
display: inline-flex !important;

align-items: center !important;
justify-content: center !important;

margin: 0 !important;
padding: 9px 14px !important;

background: #ffffff !important;
color: #334155 !important;

border: 1px solid #e2e8f0 !important;
border-radius: 30px !important;

font-size: 14px !important;
font-weight: 700 !important;

text-decoration: none !important;

box-shadow: none !important;

transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease !important;

}

.author_guidelines #metricas .dg-nav a {
color: #0f4c5c !important;

border-color: #b8c9d5 !important;

transform: translateY(-2px) !important;

box-shadow:
    0 6px 15px rgba(15, 23, 42, 0.08) !important;

}

/* =========================================================
4. SECCIONES
========================================================= */

.author_guidelines #metricas .dg-section {
display: block !important;

width: 100% !important;

margin: 0 0 38px 0 !important;
padding: 0 !important;

}

/* =========================================================
5. TÍTULOS DE SECCIÓN
========================================================= */

.author_guidelines #metricas .dg-section-title {
display: block !important;

width: 100% !important;

margin: 0 0 18px 0 !important;
padding: 0 !important;

}

.author_guidelines #metricas .dg-section-title h3 {
display: block !important;

margin: 0 !important;
padding: 0 !important;

color: #172033 !important;

font-family: Arial, Helvetica, sans-serif !important;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 1.3 !important;

background: transparent !important;
border: 0 !important;

}

.author_guidelines #metricas .dg-section-title p {
display: block !important;

margin: 5px 0 0 0 !important;
padding: 0 !important;

color: #64748b !important;

font-size: 15px !important;
line-height: 1.6 !important;

}

/* =========================================================
6. INFORMACIÓN GENERAL
========================================================= */

.author_guidelines #metricas .dg-general-grid {
display: grid !important;

width: 100% !important;

grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

gap: 16px !important;

margin: 0 !important;
padding: 0 !important;

}

/* CARD INFORMACIÓN GENERAL */

.author_guidelines #metricas .dg-info-card {
display: block !important;

min-width: 0 !important;

margin: 0 !important;
padding: 22px !important;

background: #ffffff !important;

border: 1px solid #e2e8f0 !important;
border-radius: 18px !important;

box-shadow:
    0 8px 22px rgba(15, 23, 42, 0.05) !important;

}

.author_guidelines #metricas .dg-info-card h4 {
display: block !important;

margin: 0 0 10px 0 !important;
padding: 0 !important;

color: #172033 !important;

font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.4 !important;

background: transparent !important;
border: 0 !important;

}

.author_guidelines #metricas .dg-info-card p {
margin: 0 0 12px 0 !important;
padding: 0 !important;

color: #475569 !important;

font-size: 14px !important;
line-height: 1.6 !important;

}

.author_guidelines #metricas .dg-info-card p {
margin-bottom: 0 !important;
}

.author_guidelines #metricas .dg-info-card ul {
margin: 10px 0 0 0 !important;
padding: 0 0 0 20px !important;
}

.author_guidelines #metricas .dg-info-card li {
margin: 0 0 5px 0 !important;

color: #475569 !important;

font-size: 14px !important;
line-height: 1.5 !important;

}

/* =========================================================
7. CONTENEDOR DE LOS DOS PROYECTOS
========================================================= */

.author_guidelines #metricas .dg-project-grid {
display: grid !important;

width: 100% !important;

grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

gap: 22px !important;

align-items: start !important;

margin: 0 !important;
padding: 0 !important;

}

/* =========================================================
8. CARDS DE PROYECTOS
========================================================= */

.author_guidelines #metricas .dg-project-card {
display: block !important;

width: 100% !important;
min-width: 0 !important;

margin: 0 !important;
padding: 0 !important;

background: #ffffff !important;

border: 1px solid #e2e8f0 !important;
border-radius: 22px !important;

overflow: hidden !important;

box-shadow:
    0 14px 30px rgba(15, 23, 42, 0.08) !important;

}

/* =========================================================
9. CABECERA DE PROYECTOS
========================================================= */

.author_guidelines #metricas .dg-project-header {
display: block !important;

width: 100% !important;

margin: 0 !important;
padding: 25px !important;

color: #ffffff !important;

border: 0 !important;

}

/* PROYECTO ORIGINAL */

.author_guidelines #metricas
.dg-original
.dg-project-header {

background:
    linear-gradient(
        135deg,
        #f6b27f 0%,
        #ed8b4b 100%
    ) !important;

}

/* PROYECTO REVISIÓN */

.author_guidelines #metricas
.dg-review
.dg-project-header {

background:
    linear-gradient(
        135deg,
        #e99a76 0%,
        #d9764d 100%
    ) !important;

}

/* TEXTO PEQUEÑO */

.author_guidelines #metricas
.dg-project-header small {

display: block !important;

margin: 0 0 6px 0 !important;
padding: 0 !important;

color: rgba(255,255,255,0.85) !important;

font-size: 11px !important;
font-weight: 700 !important;

text-transform: uppercase !important;
letter-spacing: 1px !important;

}

/* TÍTULO CARD */

.author_guidelines #metricas
.dg-project-header h3 {

display: block !important;

margin: 0 !important;
padding: 0 !important;

color: #ffffff !important;

font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.3 !important;

background: transparent !important;
border: 0 !important;

}

/* DESCRIPCIÓN CARD */

.author_guidelines #metricas
.dg-project-header p {

display: block !important;

margin: 9px 0 0 0 !important;
padding: 0 !important;

color: rgba(255,255,255,0.90) !important;

font-size: 14px !important;
line-height: 1.5 !important;

}

/* =========================================================
10. CUERPO DE LAS CARDS
========================================================= */

.author_guidelines #metricas .dg-project-body {
display: block !important;

width: 100% !important;

margin: 0 !important;
padding: 7px 22px 20px 22px !important;

background: #ffffff !important;

}

/* =========================================================
11. ACORDEONES
========================================================= */

.author_guidelines #metricas details {
display: block !important;

width: 100% !important;

margin: 0 !important;
padding: 0 !important;

background: transparent !important;

border: 0 !important;
border-bottom: 1px solid #e2e8f0 !important;

}

.author_guidelines #metricas details {
border-bottom: 0 !important;
}

/* SUMMARY */

.author_guidelines #metricas summary {
display: flex !important;

width: 100% !important;

align-items: center !important;
justify-content: space-between !important;

gap: 15px !important;

margin: 0 !important;
padding: 16px 3px !important;

color: #263244 !important;

background: transparent !important;

border: 0 !important;

font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.4 !important;

list-style: none !important;

cursor: pointer !important;

}

.author_guidelines #metricas
summary::-webkit-details-marker {

display: none !important;

}

/* BOTÓN + */

.author_guidelines #metricas summary::after {
content: "+" !important;

display: flex !important;

align-items: center !important;
justify-content: center !important;

width: 28px !important;
height: 28px !important;

min-width: 28px !important;

background: #f8fafc !important;

color: #64748b !important;

border: 1px solid #e2e8f0 !important;
border-radius: 50% !important;

font-size: 18px !important;
font-weight: 400 !important;

line-height: 1 !important;

}

/* BOTÓN - */

.author_guidelines #metricas
details[open] summary::after {

content: "−" !important;

}

/* HOVER DEL ACORDEÓN */

.author_guidelines #metricas summary {
color: #0f4c5c !important;
}

/* =========================================================
12. CONTENIDO DE LOS ACORDEONES
========================================================= */

.author_guidelines #metricas .dg-detail {
display: block !important;

margin: 0 !important;

padding:
    0 4px 17px 4px !important;

color: #475569 !important;

font-size: 14px !important;
line-height: 1.6 !important;

}

.author_guidelines #metricas .dg-detail p {
margin: 0 0 10px 0 !important;
padding: 0 !important;

color: #475569 !important;

font-size: 14px !important;

}

.author_guidelines #metricas .dg-detail ul {
margin: 8px 0 10px 0 !important;

padding:
    0 0 0 20px !important;

}

.author_guidelines #metricas .dg-detail li {
margin-bottom: 5px !important;

color: #475569 !important;

font-size: 14px !important;

}

/* =========================================================
13. REQUISITOS COMUNES
========================================================= */

.author_guidelines #metricas .dg-common-card {
display: block !important;

width: 100% !important;

margin: 0 !important;
padding: 25px !important;

background: #ffffff !important;

border: 1px solid #e2e8f0 !important;
border-radius: 20px !important;

box-shadow:
    0 10px 25px rgba(15, 23, 42, 0.06) !important;

}

.author_guidelines #metricas .dg-common-grid {
display: grid !important;

width: 100% !important;

grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

gap: 5px 30px !important;

margin: 0 !important;
padding: 0 !important;

}

/* ITEM */

.author_guidelines #metricas .dg-common-item {
display: block !important;

min-width: 0 !important;

margin: 0 !important;
padding: 14px 0 !important;

border-bottom:
    1px dashed #e2e8f0 !important;

}

.author_guidelines #metricas
.dg-common-item strong {

display: block !important;

margin: 0 0 4px 0 !important;

color: #1e293b !important;

font-size: 14px !important;
font-weight: 700 !important;

}

.author_guidelines #metricas
.dg-common-item span {

display: block !important;

color: #64748b !important;

font-size: 14px !important;
line-height: 1.6 !important;

}

/* =========================================================
14. LISTA DE DOCUMENTACIÓN
========================================================= */

.author_guidelines #metricas
.dg-document-list {

margin: 0 !important;

padding:
    0 0 0 20px !important;

color: #475569 !important;

}

.author_guidelines #metricas
.dg-document-list li {

margin: 0 0 8px 0 !important;

color: #475569 !important;

font-size: 14px !important;
line-height: 1.6 !important;

}

/* =========================================================
15. DOCUMENTOS / BOTONES
========================================================= */

.author_guidelines #metricas .dg-documents {
display: grid !important;

width: 100% !important;

grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

gap: 15px !important;

margin: 17px 0 0 0 !important;
padding: 0 !important;

}

.author_guidelines #metricas
.dg-document-link {

display: block !important;

min-width: 0 !important;

margin: 0 !important;
padding: 18px !important;

background: #ffffff !important;

color: #172033 !important;

border:
    1px solid #e2e8f0 !important;

border-radius: 16px !important;

text-decoration: none !important;

box-shadow:
    0 7px 18px rgba(15, 23, 42, 0.04) !important;

transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease !important;

}

.author_guidelines #metricas
.dg-document-link {

color: #0f4c5c !important;

border-color: #b9c9d6 !important;

transform:
    translateY(-2px) !important;

box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08) !important;

}

.author_guidelines #metricas
.dg-document-link strong {

display: block !important;

margin-bottom: 4px !important;

color: #172033 !important;

font-size: 15px !important;

}

.author_guidelines #metricas
.dg-document-link span {

display: block !important;

color: #64748b !important;

font-size: 13px !important;

}

/* =========================================================
16. TABLET
========================================================= */

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

.author_guidelines #metricas
.dg-general-grid {

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
}


.author_guidelines #metricas
.dg-project-grid {

    grid-template-columns:
        1fr !important;
}


.author_guidelines #metricas
.dg-common-grid {

    grid-template-columns:
        1fr !important;
}


.author_guidelines #metricas
.dg-documents {

    grid-template-columns:
        1fr !important;
}

}

/* =========================================================
17. MÓVIL
========================================================= */

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

.author_guidelines #metricas
.dg-general-grid {

    grid-template-columns:
        1fr !important;
}


.author_guidelines #metricas
.dg-hero {

    padding: 22px !important;

    border-radius:
        18px !important;
}


.author_guidelines #metricas
.dg-hero h2 {

    font-size:
        26px !important;
}


.author_guidelines #metricas
.dg-section-title h3 {

    font-size:
        21px !important;
}


.author_guidelines #metricas
.dg-project-header {

    padding:
        22px 18px !important;
}


.author_guidelines #metricas
.dg-project-header h3 {

    font-size:
        20px !important;
}


.author_guidelines #metricas
.dg-project-body {

    padding:
        7px 17px 18px 17px !important;
}


.author_guidelines #metricas
.dg-common-card {

    padding:
        19px !important;
}


.author_guidelines #metricas
.dg-nav {

    gap:
        7px !important;
}


.author_guidelines #metricas
.dg-nav a {

    padding:
        8px 11px !important;

    font-size:
        13px !important;
}

}



/* =========================================================
   TÍTULOS DE CUSTOM BLOCKS
   ========================================================= */
/* =========================================================
   TÍTULOS DE CUSTOM BLOCK
   RESPETAR VISIBILIDAD ORIGINAL DE OJS
   ========================================================= */

/* NO modificar .pkp_screen_reader */
/* OJS decidirá si el título debe mostrarse u ocultarse */

#sidebar .pkp_block.block_custom > .title:not(.pkp_screen_reader),
.pkp_structure_sidebar .pkp_block.block_custom > .title:not(.pkp_screen_reader) {

    padding: 17px 22px !important;
    margin: 0 !important;

    background:
        linear-gradient(
            135deg,
            #fff7f1 0%,
            #ffeadc 100%
        ) !important;

    color: #2d211a !important;

    border: none !important;
    border-bottom: 1px solid #f0d5c3 !important;

    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}


/* =========================================================
   CARD PALABRAS CLAVE
   ========================================================= */

#sidebar .pkp_block.block_Keywordcloud,
.pkp_structure_sidebar .pkp_block.block_Keywordcloud {

    background: #ffffff !important;

    border: 1px solid #f0d7c7 !important;
    border-radius: 18px !important;

    margin-bottom: 22px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(80, 40, 15, 0.08) !important;
}


/* =========================================================
   TÍTULO "PALABRAS CLAVE"
   ========================================================= */

#sidebar .block_Keywordcloud > .title,
.pkp_structure_sidebar .block_Keywordcloud > .title {

    display: block !important;

    margin: 0 !important;
    padding: 17px 22px !important;

    background:
        linear-gradient(
            135deg,
            #fff7f1 0%,
            #ffeadc 100%
        ) !important;

    color: #2d211a !important;

    border: none !important;
    border-bottom: 1px solid #f0d5c3 !important;

    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}



/* =========================================================
   CONTENIDO
   ========================================================= */

#sidebar .block_Keywordcloud > .content,
.pkp_structure_sidebar .block_Keywordcloud > .content {

    padding: 20px 22px 22px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffaf7 100%
        ) !important;
}


/* =========================================================
   PALABRAS / ENLACES
   ========================================================= */

#sidebar #wordcloud a,
.pkp_structure_sidebar #wordcloud a {

    display: inline-block !important;

    margin: 4px 3px !important;
    padding: 6px 10px !important;

    background: #fff1e7 !important;

    color: #9d3d09 !important;

    border: 1px solid #f3d3bf !important;
    border-radius: 20px !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


/* HOVER */

#sidebar #wordcloud a:hover,
.pkp_structure_sidebar #wordcloud a:hover {

    background: #e65a0a !important;

    color: #ffffff !important;

    border-color: #e65a0a !important;

    transform: translateY(-2px) !important;
}

/* =========================================================
   CONTENIDO DEL CUSTOM BLOCK
   ========================================================= */

#sidebar .pkp_block.block_custom > .content,
.pkp_structure_sidebar .pkp_block.block_custom > .content {

    padding: 20px 22px 22px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffaf7 100%
        ) !important;
}




/* bloque de open alex*/

/* =========================================================
   OPENALEX
   EVITAR DOBLE CARD
   ========================================================= */

/* El contenedor interno deja de ser una card */
#custombindicadores-de-impacto-y-visibilidad-cientfica .openalex-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   OCULTAR TÍTULO REPETIDO DE OPENALEX
   ========================================================= */

/* Ya tienes el título en la cabecera del bloque OJS */
#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-card > h3 {
    display: none !important;
}


/* =========================================================
   FUENTE
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-source {

    margin: 0 0 18px 0 !important;

    color: #5f5149 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}


/* =========================================================
   GRID
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-grid {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 12px !important;

    margin: 0 0 18px 0 !important;
}


/* =========================================================
   MÉTRICAS
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-item {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 105px !important;

    padding: 14px 8px !important;

    background:
        linear-gradient(
            145deg,
            #fff5ee 0%,
            #fffaf7 100%
        ) !important;

    border: 1px solid #f1c9af !important;

    border-radius: 14px !important;

    text-align: center !important;
}


/* NÚMEROS */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-value {

    display: block !important;

    margin: 0 0 7px 0 !important;

    color: #e95300 !important;

    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


/* ETIQUETAS */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-label {

    display: block !important;

    color: #463a33 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}


/* =========================================================
   ESTADO DE ACTUALIZACIÓN
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-status {

    margin: 18px 0 !important;

    padding: 11px 14px !important;

    background: #fff0e5 !important;

    color: #a63c00 !important;

    border: none !important;
    border-left: 4px solid #e65a0a !important;

    border-radius: 0 9px 9px 0 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}


/* =========================================================
   NOTA
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-note {

    margin: 0 0 20px 0 !important;

    color: #5d514a !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* =========================================================
   BOTÓN
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap {

    margin: 0 !important;

    text-align: center !important;
}


#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 11px 18px !important;

    background:
        linear-gradient(
            135deg,
            #e65a0a 0%,
            #c94700 100%
        ) !important;

    /* IMPORTANTE: fuerza el texto blanco */
    color: #ffffff !important;

    border: none !important;
    border-radius: 10px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-decoration: none !important;

    text-shadow: none !important;

    box-shadow:
        0 6px 16px rgba(230, 90, 10, 0.22) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}


/********************************* 
ESTADOS DEL ENLACE
*********************************** */

/* =========================================================
   OPENALEX - CONTENIDO
   ========================================================= */

.openalex-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   FUENTE
   ========================================================= */

.openalex-source {
    margin: 0 0 18px 0 !important;
    color: #5f5149 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}


/* =========================================================
   GRID DE INDICADORES
   ========================================================= */

.openalex-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 18px 0 !important;
}


/* =========================================================
   MINI CARDS
   ========================================================= */

.openalex-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 105px !important;
    padding: 14px 10px !important;

    background: linear-gradient(
        145deg,
        #fff4ec 0%,
        #fffaf7 100%
    ) !important;

    border: 1px solid #f0c9b0 !important;
    border-radius: 14px !important;

    text-align: center !important;

    box-shadow:
        0 4px 12px rgba(120, 60, 20, 0.04) !important;
}


/* =========================================================
   NÚMEROS
   ========================================================= */

.openalex-value {
    display: block !important;
    margin-bottom: 7px !important;

    color: #e65a0a !important;

    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


/* =========================================================
   ETIQUETAS
   ========================================================= */

.openalex-label {
    display: block !important;

    color: #463a33 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}


/* =========================================================
   ESTADO DE ACTUALIZACIÓN
   ========================================================= */

.openalex-status {
    margin: 18px 0 !important;
    padding: 11px 14px !important;

    background: linear-gradient(
        90deg,
        #fff0e6 0%,
        #fff7f2 100%
    ) !important;

    color: #a63c00 !important;

    border-left: 4px solid #e65a0a !important;
    border-radius: 0 9px 9px 0 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}


/* =========================================================
   NOTA
   ========================================================= */

.openalex-note {
    margin: 0 0 20px 0 !important;

    color: #5e534d !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}


/* =========================================================
   CONTENEDOR DEL BOTÓN
   ========================================================= */

.openalex-link-wrap {
    margin: 0 !important;
    text-align: center !important;
}


/* =========================================================
   BOTÓN OPENALEX
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 210px !important;
    padding: 12px 22px !important;

    background: linear-gradient(
        135deg,
        #e65a0a 0%,
        #c94700 100%
    ) !important;

    /* TEXTO BLANCO */
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: none !important;
    border-radius: 10px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;

    opacity: 1 !important;

    box-shadow:
        0 6px 16px rgba(230, 90, 10, 0.25) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease !important;
}


/* =========================================================
   BOTÓN - TODOS LOS ESTADOS
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:link,

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:visited,

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:hover,

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:focus,

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:active {

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-decoration: none !important;
}


/* =========================================================
   HOVER DEL BOTÓN
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:hover {

    background: linear-gradient(
        135deg,
        #d54f00 0%,
        #ae3c00 100%
    ) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 9px 20px rgba(230, 90, 10, 0.30) !important;
}


/* =========================================================
   FOCUS
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:focus {

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    outline: 2px solid #f0a16c !important;
    outline-offset: 2px !important;
}


/* =========================================================
   ACTIVE
   ========================================================= */

#custombindicadores-de-impacto-y-visibilidad-cientfica
.openalex-link-wrap
a.openalex-link:active {

    background: #b94100 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    transform: translateY(0) !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

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

    .openalex-grid {
        grid-template-columns: 1fr !important;
    }

    #custombindicadores-de-impacto-y-visibilidad-cientfica
    .openalex-link-wrap
    a.openalex-link {

        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}