/* Todos estos códigos son para el Menú SOBRE LA REVISTA */
.slider-conatiner{
    width: 100%;
    margin: 2rem auto;
    display: grid;
    position: 10px;
    grid-auto-flow: column;
    column-gap: 2.5rem;
    overflow: auto;
}

p.slider{
    text-align: center;
    font-weight: 600;
}

p.slider a{
    text-decoration: none;
    color: #0D3755;
    font-family: "Mukta", sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.slider-conatiner::-webkit-scrollbar{
    display: none;
}



.slider-item{
    position: relative;
    width: 240px;
    height: 430px;
    animation: slide 28s infinite linear;
}

.slider-item img{
    width: 260px;
    height: 360px;
    object-fit: cover;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.slider-item img:hover{
    filter: grayscale();
}


@keyframes slide{
    0%{transform: translateX(0);}
    10%{transform: translateX(0);}

    15%{transform: translateX(-110%);}
    25%{transform: translateX(-110%);}

    30%{transform: translateX(-225%);}
    40%{transform: translateX(-225%);}

    45%{transform: translateX(-340%);}
    55%{transform: translateX(-340%);}

    60%{transform: translateX(-455%);}
    70%{transform: translateX(-455%);}

    75%{transform: translateX(-340%);}
    80%{transform: translateX(-340%);}

    85%{transform: translateX(-225%);}
    90%{transform: translateX(-225%);}

    95%{transform: translateX(-110%);}
    100%{transform: translateX(-110%);}

}


section {
    margin:auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

summary.Sobre {
    background: white;
    padding: 15px;
    font-family: "Mukta", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19px;
    color: #0D3755;
    cursor: pointer;
    border-radius: 5px;
    border-bottom-style:solid;
    border-bottom-color: #0e0d0d;
    border-bottom-width: 2px;
    list-style: none;
}


summary.Sobre::before {
    content: '+';
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 9px;
    border: 0px solid black;
    background-color: black;
    border-radius: 50%;
    margin-right: 9px;
}

details[open] summary.Sobre::before {
    content: '~';
    color: white;
    font-size: 16px;
    padding: 0px 9px;
    border: 0px solid black;
    background-color: black;
    border-radius: 50%;
}

/* Este código es para todos los párrafos */
p.textos_parrafos {
    font-family: "Mukta", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: justify;
    font-size: 17px;
}

/* Este código es para todos los listados con viñetas */
ul.Listados {
    font-family: "Mukta", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    text-align: justify;
}

/* Todos estos códigos son para el Menú SECCIONES DE LA REVISTA */
summary.Tipos {
    background: white;
    padding: 0px;
    font-family: "Mukta", sans-serif;
    font-weight: 590;
    font-style: normal;
    font-size: 19px;
    color: #0D3755;
    cursor: pointer;
    border-bottom-style:solid;
    border-bottom-color: #0e0d0d;
    border-bottom-width: 0px;
    list-style: none;
}


summary.Tipos::before {
    content: '+';
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 9px;
    border: 0px solid black;
    background-color: black;
    border-radius: 50%;
    margin-right: 9px;
}

details[open] summary.Tipos::before {
    content: '~';
    color: white;
    font-size: 16px;
    padding: 0px 9px;
    border: 0px solid black;
    background-color: black;
    border-radius: 50%;
}

/* Este código es para resaltar textos importantes */
p.Importante {
    font-family: "Mukta", sans-serif;
    font-weight: 500;
    color: white;
    background: #0D3755;
    padding: 9px;
    font-style: normal;
    text-align: justify;
    font-size: 17px;
    border-style:solid;
    border-color: #71B54A;
    border-width:0.5px;
    border-left-width: 10px;
    border-radius: 5px;
}

/* Todos estos códigos son para el Menú EQUIPO EDITORIAL */
div.Equipo {
    display: grid;
    justify-content: center;
    align-items: center;
}

td.Editora {
    text-align: right;
}


table.Equipo, td {
    font-family: "Mukta", sans-serif;
    text-align: center;
    padding: 5px;
}


th.Equipo {
    font-family: "Mukta", sans-serif;
    text-align: center;
    font-size: 19px;
    color: #0D3755;
}

td.Editora{
    font-family: "Mukta", sans-serif;
    font-size: 17px;
    text-align: center;
}

td.comite_miembros{
    font-family: "Mukta", sans-serif;
    font-size: 17px;
    text-align: center;
}

img.Id {
    width: 35px;
    height: 35px;
    padding: 0.5em;
    border-radius: 50px;
}

img.Research {
    width: 35px;
    height: 35px;
    padding: 0.5em;
}

img.Linkedin {
    width: 35px;
    height: 35px;
    padding: 0.5em;
}

img.Orcid {
    width: 35px;
    height: 35px;
    padding: 0.5em;
}

/* Todos estos códigos son para el Menú PROCESO EDITORIAL */
summary.Proceso {
    background: white;
    font-family: "Mukta", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 19px;
    color: #0D3755;
    cursor: pointer;
}


/* Todos estos códigos son para el Menú CONTACTO */


div.Contacto {
    display: grid;
    justify-content: center;
    align-items: center;
}


table.Contacto, td {
    font-family: "Mukta", sans-serif;
    font-size: 17px;
    text-align: center;
    padding: 5px;
}


th.Contacto {
    font-family: "Mukta", sans-serif;
    text-align: center;
    font-size: 21px;
    color: #0D3755;
    padding: 10px;
}

/* Todos estos códigos son para el Menú POLÍTICA DE ÉTICA Y BUENAS PRÁCTICAS */
ul.Etica {
    list-style-type:none;
    font-family: "Mukta", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    text-align: justify;
}

ul.Anidada {
    list-style-type:disc;
    font-family: "Mukta", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    text-align: justify;
}

ul.Referencias {
    list-style-type:none;
    font-family: "Mukta", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    text-align: justify;
    text-indent: -30px;
}