/* =========================================================
   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;
    }
}


.dg-policies{max-width:1100px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:#1f2937}
.dg-policies .policy-intro{margin:0 0 24px;font-size:16px;color:#667085}
.dg-policies .policy-card{margin:0 0 16px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.dg-policies .policy-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,23,42,.14);border-color:#cbd5e1}
.dg-policies .policy-summary{min-height:78px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;background:#fff;transition:background-color .25s ease}
.dg-policies .policy-summary::-webkit-details-marker{display:none}
.dg-policies .policy-summary::marker{content:""}
.dg-policies .policy-summary:hover{background:#f8fafc}
.dg-policies .policy-title{color:#111!important;font-size:23px!important;line-height:1.3;font-weight:700!important}
.dg-policies .policy-chevron{width:14px;height:14px;flex:0 0 14px;border-right:3px solid #111827;border-bottom:3px solid #111827;transform:rotate(45deg);transition:transform .25s ease;margin-right:6px;margin-bottom:7px}
.dg-policies .policy-card[open] .policy-chevron{transform:rotate(225deg);margin-bottom:-7px}
.dg-policies .policy-card[open]{border-color:#cbd5e1;box-shadow:0 10px 28px rgba(15,23,42,.10)}
.dg-policies .policy-card[open] .policy-summary{background:#f8fafc;border-bottom:1px solid #e5e7eb}
.dg-policies .policy-content{padding:24px 26px 26px;font-size:16px;line-height:1.72;background:#fff}
.dg-policies .policy-content p{margin:0 0 14px}
.dg-policies .policy-content ul{margin:8px 0 16px 22px;padding:0}
.dg-policies .policy-content li{margin:0 0 8px}
.dg-policies .policy-content h4{margin:22px 0 10px;font-size:18px;color:#111827}
.dg-policies .policy-content a{color:#1d4ed8;text-decoration:none;font-weight:600}
.dg-policies .policy-content a:hover{text-decoration:underline}
.dg-policies blockquote{margin:14px 0;padding:14px 18px;background:#f8fafc;border-left:4px solid #94a3b8;border-radius:0 10px 10px 0}
/* LISTAS DENTRO DE LAS POLÍTICAS */

.dg-policies .policy-content ul {
    display: block !important;
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin: 12px 0 18px 25px !important;
    padding-left: 20px !important;
}

.dg-policies .policy-content ul li,
.dg-policies .policy-content li,
.dg-policies .policy-content li.show {
    display: list-item !important;
    list-style-type: disc !important;
    color: #374151 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 8px !important;
}

/* Color de la viñeta */
.dg-policies .policy-content li::marker {
    color: #111827 !important;
    font-size: 1.05em;
}

.dg-policies .policy-table-title {
    text-align: center !important;
    font-weight: 700 !important;
    background: #f3f4f6 !important;
    color: #111827 !important;
    padding: 14px !important;
}

@media(max-width:700px){
.dg-policies .policy-summary{min-height:68px;padding:0 18px}
.dg-policies .policy-title{font-size:18px!important}
.dg-policies .policy-content{padding:18px;font-size:15px}
.dg-policies .policy-card{border-radius:14px}
}

/* ==========================================
   DIRECTRICES - REVISTA DECISIÓN GERENCIAL
   Estilos limitados únicamente a #metricas
   ========================================== */

#metricas {
    --dg-bg: #f4f7fb;
    --dg-white: #ffffff;
    --dg-text: #1f2937;
    --dg-muted: #64748b;
    --dg-line: #e2e8f0;
    --dg-original: #0f4c5c;
    --dg-original-light: #147d8c;
    --dg-review: #5b21b6;
    --dg-review-light: #7c3aed;

    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--dg-text);
    line-height: 1.6;
}

#metricas *,
#metricas *::before,
#metricas *::after {
    box-sizing: border-box;
}


/* ==========================================
   CABECERA
   ========================================== */

#metricas .dg-hero {
    background:
        radial-gradient(
            circle at top right,
            rgba(37, 99, 235, 0.10),
            transparent 38%
        ),
        linear-gradient(135deg, #ffffff, #f8fbff);

    border: 1px solid var(--dg-line);
    border-radius: 25px;
    padding: 35px;
    margin-bottom: 30px;

    box-shadow:
        0 14px 34px rgba(15, 23, 42, 0.08);
}

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

    background: #eaf4f5;
    color: var(--dg-original);

    padding: 7px 13px;
    border-radius: 30px;

    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#metricas .dg-hero h2 {
    margin: 18px 0 10px;

    font-size: 34px;
    line-height: 1.2;

    color: #172033;
}

#metricas .dg-hero p {
    color: var(--dg-muted);

    font-size: 16px;

    max-width: 850px;

    margin: 0;
}


/* ==========================================
   MENÚ INTERNO
   ========================================== */

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

    gap: 10px;

    margin-top: 24px;
}

#metricas .dg-nav a {
    text-decoration: none;

    color: #334155;

    background: #ffffff;

    border: 1px solid var(--dg-line);
    border-radius: 30px;

    padding: 9px 14px;

    font-size: 14px;
    font-weight: bold;

    transition: all 0.2s ease;
}

#metricas .dg-nav a:hover {
    transform: translateY(-2px);

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


/* ==========================================
   SECCIONES Y TÍTULOS
   ========================================== */

#metricas .dg-section {
    margin-bottom: 38px;
}

#metricas .dg-section-title {
    margin-bottom: 18px;
}

#metricas .dg-section-title h3 {
    margin: 0;

    color: #172033;

    font-size: 25px;
}

#metricas .dg-section-title p {
    margin: 5px 0 0;

    color: var(--dg-muted);
}


/* ==========================================
   INFORMACIÓN GENERAL
   ========================================== */

#metricas .dg-general-grid {
    display: grid;

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

    gap: 16px;
}

#metricas .dg-info-card {
    background: #ffffff;

    border: 1px solid var(--dg-line);
    border-radius: 18px;

    padding: 22px;

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

#metricas .dg-info-card h4 {
    margin: 0 0 10px;

    color: #172033;

    font-size: 17px;
}

#metricas .dg-info-card p,
#metricas .dg-info-card li {
    color: #475569;

    font-size: 14px;
}

#metricas .dg-info-card ul {
    padding-left: 20px;

    margin-bottom: 0;
}


/* ==========================================
   CARDS DE LOS DOS TIPOS DE ARTÍCULO
   ========================================== */

#metricas .dg-project-grid {
    display: grid;

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

    gap: 22px;

    align-items: start;
}

#metricas .dg-project-card {
    background: #ffffff;

    border: 1px solid var(--dg-line);
    border-radius: 22px;

    overflow: hidden;

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


/* ==========================================
   CABECERAS DE LAS CARDS
   ========================================== */

#metricas .dg-project-header {
    padding: 25px;

    color: #ffffff;
}


/* ARTÍCULO ORIGINAL */

#metricas .dg-original .dg-project-header {
    background:
        linear-gradient(
            135deg,
            var(--dg-original),
            var(--dg-original-light)
        );
}


/* ARTÍCULO DE REVISIÓN */

#metricas .dg-review .dg-project-header {
    background:
        linear-gradient(
            135deg,
            var(--dg-review),
            var(--dg-review-light)
        );
}


#metricas .dg-project-header small {
    display: block;

    margin-bottom: 6px;

    font-size: 11px;
    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

    opacity: 0.85;
}

#metricas .dg-project-header h3 {
    margin: 0;

    color: #ffffff;

    font-size: 22px;
}

#metricas .dg-project-header p {
    margin: 9px 0 0;

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

    font-size: 14px;
}


/* ==========================================
   CONTENIDO DE LAS CARDS
   ========================================== */

#metricas .dg-project-body {
    padding: 7px 22px 20px;
}


/* ==========================================
   ACORDEONES
   ========================================== */

#metricas details {
    border-bottom:
        1px solid var(--dg-line);
}

#metricas details:last-child {
    border-bottom: none;
}

#metricas summary {
    cursor: pointer;

    padding: 16px 3px;

    font-weight: bold;

    color: #263244;

    list-style: none;

    display: flex;

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

    gap: 15px;
}

#metricas summary::-webkit-details-marker {
    display: none;
}


/* ICONO + */

#metricas summary::after {
    content: "+";

    width: 27px;
    height: 27px;

    display: flex;

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

    flex-shrink: 0;

    border-radius: 50%;

    background: #f8fafc;

    border:
        1px solid var(--dg-line);

    color: var(--dg-muted);

    font-size: 17px;
}


/* ICONO CUANDO ESTÁ ABIERTO */

#metricas details[open] summary::after {
    content: "−";
}


/* CONTENIDO DEL ACORDEÓN */

#metricas .dg-detail {
    padding:
        0 4px 17px;

    color: #475569;

    font-size: 14px;
}

#metricas .dg-detail p {
    margin:
        0 0 10px;
}

#metricas .dg-detail ul {
    padding-left: 20px;
}


/* ==========================================
   REQUISITOS COMUNES
   ========================================== */

#metricas .dg-common-card {
    background: #ffffff;

    border:
        1px solid var(--dg-line);

    border-radius: 20px;

    padding: 25px;

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

#metricas .dg-common-grid {
    display: grid;

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

    gap: 5px 30px;
}

#metricas .dg-common-item {
    padding: 14px 0;

    border-bottom:
        1px dashed var(--dg-line);
}

#metricas .dg-common-item strong {
    display: block;

    margin-bottom: 4px;

    color: #1e293b;
}

#metricas .dg-common-item span {
    color: #64748b;

    font-size: 14px;
}


/* ==========================================
   DOCUMENTACIÓN
   ========================================== */

#metricas .dg-document-list {
    margin: 0;

    padding-left: 20px;

    color: #475569;
}

#metricas .dg-documents {
    display: grid;

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

    gap: 15px;

    margin-top: 17px;
}


/* ==========================================
   BOTONES / ENLACES DE DOCUMENTOS
   ========================================== */

#metricas .dg-document-link {
    display: block;

    text-decoration: none;

    background: #ffffff;

    color: #172033;

    border:
        1px solid var(--dg-line);

    border-radius: 16px;

    padding: 18px;

    transition:
        all 0.2s ease;

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

#metricas .dg-document-link:hover {
    transform:
        translateY(-2px);

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

#metricas .dg-document-link strong {
    display: block;
}

#metricas .dg-document-link span {
    color: #64748b;

    font-size: 13px;
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 900px) {

    #metricas .dg-general-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    #metricas .dg-project-grid {
        grid-template-columns: 1fr;
    }

    #metricas .dg-common-grid {
        grid-template-columns: 1fr;
    }

    #metricas .dg-documents {
        grid-template-columns: 1fr;
    }

}


/* ==========================================
   MÓVIL
   ========================================== */

@media (max-width: 600px) {

    #metricas .dg-general-grid {
        grid-template-columns: 1fr;
    }

    #metricas .dg-hero {
        padding: 23px;
    }

    #metricas .dg-hero h2 {
        font-size: 27px;
    }

    #metricas .dg-project-body {
        padding-left: 17px;
        padding-right: 17px;
    }

    #metricas .dg-project-header {
        padding: 22px 18px;
    }

    #metricas .dg-nav {
        gap: 7px;
    }

    #metricas .dg-nav a {
        font-size: 13px;

        padding: 8px 11px;
    }

}



/* ========================================
   REVISTA DECISIÓN GERENCIAL
   DISEÑO INSTITUCIONAL NARANJA
======================================== */

.dg-institucional {
    --dg-naranja: #E65A12;
    --dg-naranja-oscuro: #B8420A;
    --dg-naranja-claro: #F07830;
    --dg-naranja-suave: #FFF0E5;
    --dg-texto: #344054;
    --dg-gris: #667085;
    --dg-fondo: #FFF7F2;
    --dg-borde: #F1E2D8;

    font-family: Arial, Helvetica, sans-serif;
    color: var(--dg-texto);
    line-height: 1.7;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.dg-institucional *,
.dg-institucional *::before,
.dg-institucional *::after {
    box-sizing: border-box;
}

/* ========================================
   HERO - PRESENTACIÓN PRINCIPAL
======================================== */

.dg-institucional .dg-hero {
    position: relative;
    background: linear-gradient(
        125deg,
        #e65d18 0%,
        #E65A12 65%,
        #F07830 100%
    );

    border-radius: 16px;
    padding: 55px 45px;
    overflow: hidden;
    margin-bottom: 55px;
}

.dg-institucional .dg-hero::after {
    content: "";
    position: absolute;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
    right: -90px;
    top: -90px;
    pointer-events: none;
}

.dg-institucional .dg-hero-content {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.dg-institucional .dg-etiqueta {
    display: inline-block;
    color: #FFE4C7;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.dg-institucional .dg-hero h1 {
    color: #FFFFFF !important;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 18px;
    border: 0;
    padding: 0;
}

.dg-institucional .dg-hero-descripcion {
    color: #FFF1E7;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 28px;
}

.dg-institucional .dg-hero-datos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
     color: #FFFFFF;
}

.dg-institucional .dg-hero-datos span {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 13px;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 5px;
}

/* ========================================
   SECCIONES GENERALES
======================================== */

.dg-institucional .dg-seccion {
    margin-bottom: 60px;
}

.dg-institucional .dg-encabezado {
    margin-bottom: 28px;
}

.dg-institucional .dg-subtitulo {
    display: block;
    color: var(--dg-naranja);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.dg-institucional .dg-encabezado h2 {
    color: var(--dg-naranja-oscuro);
    font-size: 27px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
}

.dg-institucional .dg-encabezado p {
    color: var(--dg-gris);
    font-size: 14px;
    margin: 0;
}

/* ========================================
   TARJETAS INFORMATIVAS
======================================== */

.dg-institucional .dg-grid-info {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 20px;
}

.dg-institucional .dg-card {
    background: #FFFFFF;
    border: 1px solid var(--dg-borde);
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 18px rgba(184,66,10,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.dg-institucional .dg-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(184,66,10,.10);
}

.dg-institucional .dg-card-principal {
    border-top: 3px solid var(--dg-naranja);
}

.dg-institucional .dg-card-icono {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--dg-naranja-suave);
    color: var(--dg-naranja);

    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

.dg-institucional .dg-card h3 {
    color: var(--dg-naranja-oscuro);
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 0;
    border: 0;
}

.dg-institucional .dg-card p {
    color: var(--dg-texto);
    font-size: 14px;
    line-height: 1.85;
    text-align: left;
    margin: 0 0 15px;
}

.dg-institucional .dg-card p:last-child {
    margin-bottom: 0;
}

.dg-institucional .dg-card strong {
    color: var(--dg-naranja-oscuro);
}

/* ========================================
   CONVOCATORIA PERMANENTE
======================================== */

.dg-institucional .dg-convocatoria {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 22px;
    padding: 26px 30px;

    background: #FFF5ED;
    border-left: 4px solid var(--dg-naranja);
    border-radius: 0 10px 10px 0;
}

.dg-institucional .dg-convocatoria-etiqueta {
    display: block;
    color: #C44B0D;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    margin-bottom: 7px;
}

.dg-institucional .dg-convocatoria h3 {
    color: var(--dg-naranja-oscuro);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px;
    border: 0;
    padding: 0;
}

.dg-institucional .dg-convocatoria p {
    color: var(--dg-texto);
    font-size: 13px;
    margin: 0;
}

.dg-institucional .dg-estado {
    flex-shrink: 0;
    background: #F07830;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    padding: 9px 14px;
    border-radius: 30px;
}

/* ========================================
   INFORMACIÓN DE CONTACTO
======================================== */

.dg-institucional .dg-grid-contacto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.dg-institucional .dg-contacto-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    padding: 25px;
    background: #FFFFFF;
    border: 1px solid var(--dg-borde);
    border-radius: 12px;

    text-decoration: none !important;
    min-width: 0;

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

.dg-institucional .dg-contacto-card:hover {
    border-color: var(--dg-naranja);
    box-shadow: 0 6px 20px rgba(184,66,10,.10);
    text-decoration: none !important;
}

.dg-institucional .dg-contacto-icono {
    width: 44px;
    height: 44px;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--dg-naranja-suave);
    color: var(--dg-naranja);

    font-size: 22px;
    border-radius: 9px;
}

.dg-institucional .dg-contacto-card > div:last-child {
    min-width: 0;
}

.dg-institucional .dg-contacto-card span {
    display: block;
    color: #0e0d0d;
    font-size: 12px;
    margin-bottom: 5px;
}

.dg-institucional .dg-contacto-card strong {
    display: block;
    color: var(--dg-naranja-oscuro);
    font-size: 14px;
    overflow-wrap: anywhere;
    margin-bottom: 7px;
}

.dg-institucional .dg-contacto-card small {
    color: var(--dg-naranja);
    font-size: 12px;
    font-weight: 600;
}

/* ========================================
   DIRECTORIO INSTITUCIONAL
======================================== */

.dg-institucional .dg-grupo {
    margin-bottom: 42px;
}

.dg-institucional .dg-grupo-titulo {
    display: flex;
    align-items: center;
    gap: 13px;

    padding-bottom: 15px;
    border-bottom: 1px solid var(--dg-borde);
    margin-bottom: 20px;
}

.dg-institucional .dg-numero {
    width: 35px;
    height: 35px;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--dg-naranja);
    color: #FFFFFF;

    font-size: 12px;
    font-weight: 700;
    border-radius: 7px;
}

.dg-institucional .dg-grupo-titulo h3 {
    color: var(--dg-naranja-oscuro);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    border: 0;
}

.dg-institucional .dg-grupo-descripcion {
    color: var(--dg-gris);
    font-size: 13px;
    margin: -8px 0 20px;
}

/* ========================================
   TARJETAS DE AUTORIDADES
======================================== */

.dg-institucional .dg-grid-personas {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.dg-institucional .dg-persona {
    position: relative;
    background: #FFFFFF;
    border: 1px solid var(--dg-borde);
    border-radius: 10px;

    padding: 23px 25px;
    min-width: 0;

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

.dg-institucional .dg-persona:hover {
    border-color: #F3B48D;
    box-shadow: 0 5px 18px rgba(184,66,10,.08);
}

.dg-institucional .dg-persona::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;

    width: 3px;
    height: 32px;

    background: var(--dg-naranja);
    border-radius: 0 3px 3px 0;
}

.dg-institucional .dg-cargo {
    display: block;
    color: var(--dg-naranja);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.dg-institucional .dg-persona h4 {
    color: var(--dg-naranja-oscuro);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 6px;
    padding: 0;
    border: 0;
}

.dg-institucional .dg-grado {
    display: inline-block;
    color: #0e0d0d;
    font-size: 12px;
}

/* ========================================
   RESPONSIVE - TABLETS
======================================== */

@media (max-width: 768px) {

    .dg-institucional .dg-hero {
        padding: 35px 25px;
        margin-bottom: 40px;
    }

    .dg-institucional .dg-hero h1 {
        font-size: 27px;
    }

    .dg-institucional .dg-hero-descripcion {
        font-size: 14px;
    }

    .dg-institucional .dg-grid-info,
    .dg-institucional .dg-grid-contacto,
    .dg-institucional .dg-grid-personas {
        grid-template-columns: 1fr;
    }

    .dg-institucional .dg-card {
        padding: 23px;
    }

    .dg-institucional .dg-convocatoria {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px;
    }

    .dg-institucional .dg-encabezado h2 {
        font-size: 23px;
    }

    .dg-institucional .dg-grupo-titulo h3 {
        font-size: 17px;
    }

    .dg-institucional .dg-seccion {
        margin-bottom: 45px;
    }
}

/* ========================================
   RESPONSIVE - MÓVILES
======================================== */

@media (max-width: 420px) {

    .dg-institucional .dg-hero {
        padding: 28px 20px;
    }

    .dg-institucional .dg-hero h1 {
        font-size: 24px;
    }

    .dg-institucional .dg-contacto-card {
        padding: 18px;
    }

    .dg-institucional .dg-persona {
        padding: 20px;
    }

    .dg-institucional .dg-hero-datos {
        gap: 7px;
    }

    .dg-institucional .dg-hero-datos span {
        font-size: 11px;
        padding: 6px 10px;
    }
}


.page-header {
    display: none !important;
}




/* ==========================================
   REVISTA DECISIÓN GERENCIAL
   BREADCRUMBS INSTITUCIONALES
========================================== */

/* CONTENEDOR PRINCIPAL */

nav.cmp_breadcrumbs {
    position: relative;
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 44px;

    margin: 0 0 30px;
    padding: 0;

    background: linear-gradient(
        110deg,
        #FFF8F4 0%,
        #FFF2EA 100%
    );

    border: 1px solid #F5E0D2;
    border-radius: 12px;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);

    overflow: hidden;
}

/* ==========================================
   LISTA DE NAVEGACIÓN
========================================== */

nav.cmp_breadcrumbs ol.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    min-height: 44px;

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

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    list-style: none;
}

/* ELEMENTOS */

nav.cmp_breadcrumbs .breadcrumb > li {
    display: inline-flex;
    align-items: center;

    position: relative;

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

    margin: 0;
    padding: 0;
}

/* ==========================================
   PRIMER ELEMENTO - INICIO
========================================== */

nav.cmp_breadcrumbs .breadcrumb > li:first-child {
    position: relative;

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

    align-self: stretch;

    min-height: 44px;

    margin-right: 28px;
    padding: 0 24px 0 22px;

    background: linear-gradient(
        135deg,
        #fc8e57 0%,
        #fc8e57 100%
    );
}

/* FLECHA DECORATIVA */

nav.cmp_breadcrumbs .breadcrumb > li:first-child::after {
    content: "";

    position: absolute;

    top: 50%;
    right: -10px;

    width: 21px;
    height: 21px;

    background: #E65A12;

    transform: translateY(-50%) rotate(45deg);

    border-radius: 2px;

    z-index: 1;
}

/* ENLACE INICIO */

nav.cmp_breadcrumbs .breadcrumb > li:first-child a {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #FFFFFF !important;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none !important;

    transition: opacity 0.2s ease;
}

/* ÍCONO DE CASA CON SVG EMBEBIDO */

nav.cmp_breadcrumbs .breadcrumb > li:first-child a::before {
    content: "";

    display: inline-block;

    width: 19px;
    height: 19px;

    background-color: #FFFFFF;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    flex-shrink: 0;
}

/* HOVER INICIO */

nav.cmp_breadcrumbs .breadcrumb > li:first-child a:hover {
    opacity: 0.8;
}

/* ==========================================
   SEPARADORES
========================================== */

/* ELIMINAR SEPARADOR ORIGINAL BOOTSTRAP */

nav.cmp_breadcrumbs .breadcrumb > li + li::before {
    content: "/" !important;

    color: #D7B5A2 !important;

    font-size: 17px;
    font-weight: 300;

    padding: 0 14px 0 0 !important;

    margin: 0 0 0 2px;
}

/* ==========================================
   ENLACES INTERMEDIOS
========================================== */

nav.cmp_breadcrumbs .breadcrumb > li:not(:first-child) a {
    color: #C94D0B !important;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none !important;

    transition: color 0.2s ease;
}

nav.cmp_breadcrumbs .breadcrumb > li:not(:first-child) a:hover {
    color: #A83D08 !important;
    text-decoration: underline !important;
}

/* ==========================================
   PÁGINA ACTUAL
========================================== */

nav.cmp_breadcrumbs .breadcrumb > li.active {
    color: #343434 !important;

    font-size: 14px;
    font-weight: 600;

    padding-right: 15px;
}

/* ==========================================
   DECORACIÓN DERECHA
========================================== */

nav.cmp_breadcrumbs::after {
    content: "";

    position: absolute;

    right: -35px;
    top: -45px;

    width: 140px;
    height: 140px;

    border: 18px solid rgba(230, 90, 18, 0.045);
    border-radius: 30px;

    transform: rotate(45deg);

    pointer-events: none;
}

/* ==========================================
   RESPONSIVE - TABLETS
========================================== */

@media (max-width: 768px) {

    nav.cmp_breadcrumbs {
        min-height: 44px;
        border-radius: 9px;
        margin-bottom: 22px;
    }

    nav.cmp_breadcrumbs ol.breadcrumb {
        min-height: 56px;
    }

    nav.cmp_breadcrumbs .breadcrumb > li:first-child {
        min-height: 56px;
        padding: 0 17px;
        margin-right: 24px;
    }

    nav.cmp_breadcrumbs .breadcrumb > li {
        font-size: 13px;
    }

    nav.cmp_breadcrumbs .breadcrumb > li.active {
        font-size: 13px;
    }

    nav.cmp_breadcrumbs .breadcrumb > li:first-child a {
        font-size: 13px;
    }

    nav.cmp_breadcrumbs .breadcrumb > li:first-child a::before {
        width: 17px;
        height: 17px;
    }
}

/* ==========================================   
   RESPONSIVE - MÓVILES
========================================== */

@media (max-width: 480px) {

    nav.cmp_breadcrumbs {
        min-height: 52px;
        margin-bottom: 20px;
    }

    nav.cmp_breadcrumbs ol.breadcrumb {
        min-height: 52px;
        padding-right: 12px !important;
    }

    nav.cmp_breadcrumbs .breadcrumb > li:first-child {
        min-height: 52px;
        padding: 0 14px;
        margin-right: 22px;
    }

    nav.cmp_breadcrumbs .breadcrumb > li:first-child a {
        font-size: 0;
        gap: 0;
    }

    nav.cmp_breadcrumbs .breadcrumb > li:first-child a::before {
        width: 19px;
        height: 19px;
    }

    nav.cmp_breadcrumbs .breadcrumb > li + li::before {
        padding-right: 8px !important;
    }

    nav.cmp_breadcrumbs .breadcrumb > li.active {
        font-size: 12px;
        padding-right: 5px;
        overflow-wrap: anywhere;
    }

    nav.cmp_breadcrumbs::after {
        display: none;
    }
}