/* CUSTOM PROPERTIES: Definicion de constantes como colores, fuentes, etc.  
   ======================================================= */
   :root{
    --oscuro: #07070A;
    --azulOscuro: #0A1128;
    --azulClaro: #006FE6;
    --azulMedio: #110777;
    --blanco: #FEFCFB;
    --grisOscuro: #4e4e4e;
    --grisClaro: #f7f7f7;
    --blancoHueso: #f5f5f5;

    --titulos: 'Ubuntu', bold;
    --parrafos: 'Montserrat', sans-serif;
}

/*PARA TODOS LOS ELEMENTOS*/
* {
    box-sizing: border-box; /*Espaciado interno y externo es igual espaciado*/
    margin: 0;              /*Sin márgenes hacia fuera*/
    padding: 0;             /*Sin espaciados hacia dentro*/
}

body {
    /*background-color: #eeeeee;*/
    background-color: #fff;
    color: #0e0e0e;
    font-size: 16px;

    /*Fuente desde Google fonts*/
    font-family: 'Comfortaa', cursive; 
    line-height : 30px;

    /*Patro desde Hero Patterns
    background-color: #e2dfe7;
    background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.42 180h-1.415L0 98.995v-2.827L6.167 90 0 83.833V81.004L81.005 0h2.827L90 6.167 96.167 0H98.996L180 81.005v2.827L173.833 90 180 96.167V98.996L98.995 180h-2.827L90 173.833 83.833 180H82.42zm0-1.414L1.413 97.58 8.994 90l-7.58-7.58L82.42 1.413 90 8.994l7.58-7.58 81.006 81.005-7.58 7.58 7.58 7.58-81.005 81.006-7.58-7.58-7.58 7.58zM175.196 0h-25.832c1.033 2.924 2.616 5.59 4.625 7.868C152.145 9.682 151 12.208 151 15c0 5.523 4.477 10 10 10 1.657 0 3 1.343 3 3v4h16V0h-4.803c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6s-6-2.686-6-6c0-1.093.292-2.117.803-3h10.394-13.685C161.18.938 161 1.948 161 3v4c-4.418 0-8 3.582-8 8s3.582 8 8 8c2.76 0 5 2.24 5 5v2h4v-4h2v4h4v-4h2v4h2V0h-4.803zm-15.783 0c-.27.954-.414 1.96-.414 3v2.2c-1.25.254-2.414.74-3.447 1.412-1.716-1.93-3.098-4.164-4.054-6.612h7.914zM180 17h-3l2.143-10H180v10zm-30.635 163c-.884-2.502-1.365-5.195-1.365-8 0-13.255 10.748-24 23.99-24H180v32h-30.635zm12.147 0c.5-1.416 1.345-2.67 2.434-3.66l-1.345-1.48c-1.498 1.364-2.62 3.136-3.186 5.14H151.5c-.97-2.48-1.5-5.177-1.5-8 0-12.15 9.84-22 22-22h8v30h-18.488zm13.685 0c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 148h8.01C21.26 148 32 158.742 32 172c0 2.805-.48 5.498-1.366 8H0v-32zm0 2h8c12.15 0 22 9.847 22 22 0 2.822-.53 5.52-1.5 8h-7.914c-.567-2.004-1.688-3.776-3.187-5.14l-1.346 1.48c1.09.99 1.933 2.244 2.434 3.66H0v-30zm15.197 30c-1.037-1.793-2.976-3-5.197-3-2.22 0-4.16 1.207-5.197 3h10.394zM0 32h16v-4c0-1.657 1.343-3 3-3 5.523 0 10-4.477 10-10 0-2.794-1.145-5.32-2.992-7.134C28.018 5.586 29.6 2.924 30.634 0H0v32zm0-2h2v-4h2v4h4v-4h2v4h4v-2c0-2.76 2.24-5 5-5 4.418 0 8-3.582 8-8s-3.582-8-8-8V3c0-1.052-.18-2.062-.512-3H0v30zM28.5 0c-.954 2.448-2.335 4.683-4.05 6.613-1.035-.672-2.2-1.16-3.45-1.413V3c0-1.04-.144-2.046-.414-3H28.5zM0 17h3L.857 7H0v10zM15.197 0c.51.883.803 1.907.803 3 0 3.314-2.686 6-6 6S4 6.314 4 3c0-1.093.292-2.117.803-3h10.394zM109 115c-1.657 0-3 1.343-3 3v4H74v-4c0-1.657-1.343-3-3-3-5.523 0-10-4.477-10-10 0-2.793 1.145-5.318 2.99-7.132C60.262 93.638 58 88.084 58 82c0-13.255 10.748-24 23.99-24h16.02C111.26 58 122 68.742 122 82c0 6.082-2.263 11.636-5.992 15.866C117.855 99.68 119 102.206 119 105c0 5.523-4.477 10-10 10zm0-2c-2.76 0-5 2.24-5 5v2h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-4h-2v4h-4v-2c0-2.76-2.24-5-5-5-4.418 0-8-3.582-8-8s3.582-8 8-8v-4c0-2.64 1.136-5.013 2.946-6.66L72.6 84.86C70.39 86.874 69 89.775 69 93v2.2c-1.25.254-2.414.74-3.447 1.412C62.098 92.727 60 87.61 60 82c0-12.15 9.84-22 22-22h16c12.15 0 22 9.847 22 22 0 5.61-2.097 10.728-5.55 14.613-1.035-.672-2.2-1.16-3.45-1.413V93c0-3.226-1.39-6.127-3.6-8.14l-1.346 1.48C107.864 87.987 109 90.36 109 93v4c4.418 0 8 3.582 8 8s-3.582 8-8 8zM90.857 97L93 107h-6l2.143-10h1.714zM80 99c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm20 0c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6z' fill='%239c8eb2' fill-opacity='0.63' fill-rule='evenodd'/%3E%3C/svg%3E");
    */
    /*background-color: #DFDBE5;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23446368' fill-opacity='0.14' fill-rule='evenodd'/%3E%3C/svg%3E");
    */
    
    /*background-color: #71a7f5;
    background-color: #98c2fe;
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0h2v20H9V0zm25.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm-20 20l1.732 1-10 17.32-1.732-1 10-17.32zM58.16 4.134l1 1.732-17.32 10-1-1.732 17.32-10zm-40 40l1 1.732-17.32 10-1-1.732 17.32-10zM80 9v2H60V9h20zM20 69v2H0v-2h20zm79.32-55l-1 1.732-17.32-10L82 4l17.32 10zm-80 80l-1 1.732-17.32-10L2 84l17.32 10zm96.546-75.84l-1.732 1-10-17.32 1.732-1 10 17.32zm-100 100l-1.732 1-10-17.32 1.732-1 10 17.32zM38.16 24.134l1 1.732-17.32 10-1-1.732 17.32-10zM60 29v2H40v-2h20zm19.32 5l-1 1.732-17.32-10L62 24l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM111 40h-2V20h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zM40 49v2H20v-2h20zm19.32 5l-1 1.732-17.32-10L42 44l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM91 60h-2V40h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM39.32 74l-1 1.732-17.32-10L22 64l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM71 80h-2V60h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM120 89v2h-20v-2h20zm-84.134 9.16l-1.732 1-10-17.32 1.732-1 10 17.32zM51 100h-2V80h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM100 109v2H80v-2h20zm19.32 5l-1 1.732-17.32-10 1-1.732 17.32 10zM31 120h-2v-20h2v20z' fill='%239d91b0' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");*/
    
}

h1 {
    font-family: 'Comfortaa', cursive;
    font-size: 36px;
    margin: 15px 0;
}

h2{
    font-family: 'Comfortaa', cursive;
    font-size: 32px;
    margin: 15px 0;
}

a {
    color: #0e0e0e;
    text-decoration: none;
    font-family: 'Comfortaa', cursive;
}


ul {
    list-style: none;
}

.container {
    /*original de 42 maratones por nepal*/
    max-width: 1024px;
    margin: 0 auto;           /*Clase container centrado*/
    padding-top: 10px;        /*margen interno superio*/
    width: 100%;
}

.resaltado{
    font-weight: bold;
    font-size: 20px;
    color:#2088b8;
}


/* ---------------------------------------------------------------------- */
/* HEADER IMAGE */
.header{
    width: 100%;
    margin: auto;   /*Clase container centrado*/
    background:  #fff;

    /* CODIGO PARA FIJARE EL header al desplazar hacia abajo */
    position: fixed;
    left: 0; 
    top: 0;
    right: 0;
    padding: 5px 100px;
    z-index: 2
}

.header_bis{
    display: flex;
    justify-content: center;
    align-items: center;

    min-height: 50rem;
    background: #f5f7fa;
    padding: 0px 0px;
    background: url(../assets/images/zgz_2021_02.jpeg) no-repeat center center/cover;
    z-index: 1;

    background-attachment: fixed;
}

.header-bis-content {
    display: flex;
    flex-direction: row;        /* Alinea los elementos en fila */
    /* align-items: center;        Centra los elementos verticalmente */
    align-items: stretch; /* Estira ambos bloques a la misma altura */
    justify-content: center;    /* Centra los elementos horizontalmente */
    gap: 40px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;  
    background: rgba(247, 247, 247, 0.75);  /* blanco con transparencia */
    
}

.header-content,
.time-back {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra verticalmente el contenido */
    /* min-height: 300px; Ajusta según lo que necesites */
    min-height: unset;
    background: none; /* Elimina fondo en header-content si lo tuviera */
}

/*.header-content{
    text-align: left;
    max-width: 800px;
    /*
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 1;
    
}*/

.header-content h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
}
.header-content p {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.header-text{
    color: var(--grisOscuro);
    font-size: 2.9rem;
    text-align: left; 
    padding: 1rem 1rem 1rem 1rem;
    margin: unset;
}

.header-text div{
    font-size: 1.5rem;
    margin: 10px 0;
    line-height: 1.6;
}


.time-back {
    text-align: center;
    background: rgba(247, 247, 247, 0.70);  /* blanco con transparencia */
    border-radius: 5px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding: 1rem 1rem;
    min-width: 400px;
    min-height: 15rem;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.time-back h1 {
    font-size: 2.5rem;
    margin-bottom: 4rem;
    
}

.time-back h2 {
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
    
}

.countdown {
    font-size: 5rem;
    font-family: 'Orbitron', monospace;
    margin-bottom: 2rem;
    letter-spacing: 2px;
    color: #0a516d;
}
.countdown-label {
    font-size: 1.8rem;
    color: #555;
    padding: 15px 0 0 0;
}


/** MINI CARRUSEL ********/
.mini-carrusel {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0;
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.carrusel-imagenes {
    width: 300px;
    height: 205px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carrusel-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    transition: opacity 0.4s;
    position: absolute;
    left: 0; top: 0;
}
.carrusel-img.active {
    display: block;
    position: relative;
    opacity: 1;
}
.carrusel-btn {
    background: rgba(0,0,0,0.2);
    border: none;
    color: #fff;
    font-size: 1.6rem;
    width: 32px;
    height: 32px;
    border-radius: 40%;
    cursor: pointer;
    margin: 0 8px;
    transition: background 0.2s;
    z-index: 2;
}
.carrusel-btn:hover {
    background: rgba(0,0,0,0.5);
}

.carrusel-titulo {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0.1rem 0 0.1rem 0;
    color: var(--grisOscuro);
    border-top: 2px solid var(--grisOscuro);
}



/* FIN DEL HEADER IMAGE ================================================== */
/* ******************************************************************************************* */


/** NAVIGATION */
.logo-nav-container{
    display: flex;
    /*flex-wrap: wrap;*/
}

.nav-main {
    font-size: 17px;
    display: flex;                  /*Organiza los elementos uno al lado del otro*/
    justify-content: space-between; /* Uso de todo el ancho disponible*/
    align-items: center;
    height: 60px;
    padding: 35px 0;
}

.nav-brand {
    width: 200px;
    margin: 0 20px;
}

/* Nav Left*/
.nav-main ul{
    display: flex;
}

.nav-main ul li {
    padding: 10px;
}

.nav-main ul li a{
    padding: 2px;
    transition: all 0.4s ease;
}

.nav-main ul li a:hover{
    border-bottom: 3px solid #0e0e0e;
    font-weight: bold;
    font-size: 19px;
}

.nav-main ul.nav-menu{
    flex: 1; 
    margin-left: 20px;

}

.menu-btn{
    position: absolute;
    cursor: pointer;
    top: 15px; 
    right: 30px;
    display: none;
    z-index: 2;
    font-size: 1.5rem;
}


/* ******************************************************************************************* */
/* KNOW NEPAL */

.know-nepal{
    text-align: justify;
    padding: 20px 0;
    
}

.book-cards{
    display: grid; 
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    margin: 20px 0;
}

.book-cards div{
    text-align: justify;
    padding: 0 15px 0 15px;
    /*border: 1px solid #fff;*/
    margin: 10px 0px;
}


/* ******************************************************************************************* */
/* PROJECT DESCRIPTION*/
/* ******************************************************************************************* */
.educanepal{
    color:  rgba(101,149,32,0.85);
    font-weight: bold;
    font-size: 18px;
}

.subhakamana{
    color: rgba(38,130,197,0.85);
    font-weight: bold;
    font-size: 18px;
}


.project-description{
    text-align: justify;
    padding: 1rem;                    /*MARGEN INTERIOR*/
    background-color: var(--grisClaro);
}

.project-details{
    text-align: justify;
    padding: 0.1rem 0 0.6rem 0;                    /*MARGEN INTERIOR*/
    background-color: var(--azulOscuro);
}



.patrocina{
    background-color: var(--grisClaro);
    padding: 10px 10px;
    margin: 10px 10px;
    border-radius: 5px;
    font-size: 1.2rem;
}


.project-card{
    display: grid; 
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin: 1px 0;
    text-align: center;
}

.iban{
    font-weight: bold;
    font-size: 22px;
}

.project-card h3{
    font-size: 30px;
    font-family: 'Gluten', cursive;
    color: #2088b8;
    margin: 30px 0;
    text-align: center;
}


.project-card div{
    text-align: center;
    padding: 0 15px 0 15px;
    background: rgba(247, 247, 247, 0.85);  /* blanco con transparencia */
    /*border: 1px solid #fff;*/
    margin: 2px 0px;
    border-radius: 5px;
}

.project-card div p{
    text-align: justify;
}

.project-card i{
    text-align: center;
    font-size: 50px;
}

.project-card a{
    font-weight: bold;
    font-size: 18px;
}

.pr-compromiso{
    margin: 15px 0;
    text-align: center;
}


/* ************************************************************************************************* */
/* SECCION CARRERAS */
hr{
    margin: 5px 0;
    background-color: #2f3640;
}


/* IMAGEN PROXIMA CARRERA*/
.showcase{
    height: 700px;
    background: url('../assets/images/mar_40.jpg') no-repeat center center/cover;
    /*background: url('./img/zgz_2021_02.jpeg') no-repeat center center/cover; */
    color: #000; /*black*/
    /*color: #FFF; /*white*/
    border: solid 1px rgb(128, 128, 128);
    border-radius: 15px;
    /*color: #FFF;*/ 
    /*
    color: #0e0e0e;
    width: 100%;
    text-align: justify;
    padding: 50px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;*/
}

.calendar{
    width: 1000px; 
    /* margin: 20px 0; */
    min-height: 320px;
    height: 320px; /* Puedes ajustar este valor según lo que necesites */
    margin: 0 auto 2rem auto;
    
}

.showcase div{
    /*width: 40%;*/
    padding: 10px 0 0 10px; 
    color: #fff;
    font-size: 25px;
}

.showcase h2{
    /*color: #fff*/
    padding: 10px 10px; 
    margin-bottom: 10px;
}

.btn{
    cursor: pointer; 
    font-weight: bold;
    padding: 10px 20px; 
    border: 0;
    background: #262626;
    color: #ffffff;
    font-size: 15px;
    border: 1px solid #fff;
    margin: 10px 0px;
    border-radius: 5px;
}

.btn:hover{
    opacity: 0.8;
}

.proxima-carrera p{
    padding: 10px 0; 
    text-align: justify;
}

/********************************************************************************/
/* CARRERAS [NEWS CARDS]*/

.carreras{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
    margin: 10px 0;
    align-items: center;
}

.carreras img{
    width: 100%;
    height: 210px;
    border-radius: 10px;
}

.carreras h3{
    font-size: 16px;
    margin: 10px 0;
    border-bottom: 1px solid;
}

.carreras a{
    padding: 10px 0;
    color: #f2f2f2; 
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
}

.carreras p{
    font-size: 12px;
    text-align: justify;
    border-bottom: 1px solid;
}

.carreras a:hover{
    text-decoration: underline;
}


/** CARRERAS PASADAS */
/* CARRUSEL DE FOTOS ****************************************************** */
.carreras-carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.carousel-track {
    display: flex;
    animation: scroll-left 20s linear infinite;
}

.carousel-item {
    flex: 0 0 auto;
    width: 300px; /* Adjust as needed */
    margin: 0 10px;
    text-align: center;
}

.carousel-item img {
    width: 100%;
    /*height: auto;*/
    height: 210px;
    border-radius: 10px;
}

.carousel-item h3{
    font-size: 16px;
    margin: 10px 0;
    border-bottom: 1px solid;
}

.carousel-item p{
    font-size: 12px;
    text-align: justify;
    border-bottom: 1px solid;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}
/* ****************************************************** */


/************************************************************************************************/
/* CARDS-BANNERS-ONE */
.colabora{
    width: 100%;
    margin: 40px 0;
    align-items: center;
    min-height: 850px;
    background: url('../assets/images/cartel_redes_sociales_remake2.jpg') no-repeat center center/cover;
    background-attachment: fixed;
}

.colabora-container{
    max-width: 960px;
    /*width: 90%;*/
    margin: auto;   /*Clase container centrado*/
    padding-top: 50px;
    text-align: center;
}

.cards-banner-one{
    border-radius: 0px;
    min-height: 400px;
}

.cards-banner-one h2{
    padding: 10px 0 0 5px;
    margin: 5px 0;
}

.cards-banner-one .content{
    width: 40%;
    padding: 10px 0 0 10px; 
    background: rgba(247, 247, 247, 0.75);  /* blanco con transparencia */
    min-height: 150px;
    border-radius: 5px;
    margin: 20px 0;

}

.cards-banner-one div{
    margin: 10px 0 20px 0;
    /*font-size: 25px;*/
}

.evolution_container{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.evolution_container div{
    margin: 35px 0;
    text-align: center;
    background: transparent;  /* fondo totalmente transparente */  
}

.evolution_container p{
    margin: 35px 0;
    text-align: center;
    
}

.evolution_container a{
    color: rgba(101,149,32,0.85);
    font-weight: bold;
    font-size: 23px;
}

.n_maratones{
    color: #333;
    font-size: 42px;
    font-weight: bold;
}

.recaudacion{
    font-size: 72px;
    font-family: 'Orbitron', 'Comfortaa', cursive;;
    color: #2088b8;
    margin-bottom: 50px;
}




/* *********************************************************************************************** */
/* ********************************* CONFIGURACION DE ORGANIZACIO Y COLABORACIONES *************** */
/* *********************************************************************************************** */
.organizacion{
    width: 100%;
    margin: 40px 0;

    max-width: 960px;
    /*width: 90%;*/
    margin: auto;   /*Clase container centrado*/
    padding-top: 50px;

}

.agradecimientos{
    font-weight: bold; 
    font-size: 18px;
}

.agradecimientos span{
    color: #1c7198;
}




/**************************************************************************************/
/* REPRESENTACION DE GRAFICOS */
.charts_evo{
    padding-bottom: 50px;
}

.combo_chart{
    width: 900px; 
    height: 330px;
    z-index: 1;
    margin: 0 auto 2rem auto;
}


/**************************************************************************************/
/* SUBHAKAMANA-BANNER */

.subhakamana-banner{
    width: 100%;
    /*max-width: 1650px;*/
    margin: auto;   /*Clase container centrado*/
}

.cards-banner-two{
    width: 100%;
    height: 600px;
    background: url('../assets/images/img_03.jpg') no-repeat center center/cover; 

}

.cards-banner-two .content{
    width: 45%;
    padding: 50px 0 0 40px; 
    color: #fff;
}

.cards-banner-two .content p{
    margin: 20px 0;
    font-size: 20px;
}

.subhakamana_logo{
    position: relative;
    float: right;
}


/****************************************************************************************/
/* SOCIAL LINKS*/
.social {
    margin: 50px; 
}

.social p{
    text-align: center; 
    font-size: 30px;
    margin-bottom: 20px;
}

.links{
    display: flex; 
    align-items: center; 
    justify-content: center; 
}

.links a{
    margin: 0 30px;
}

.links a i{
    font-size: 3rem;
}

/* ****************************************************************************/
/* PRIVACY */
.privacy{
    text-align: justify;
    line-height: 2em;
}

.privacy ul{
    padding-left: 50px;
    list-style:disc;

}


/* ****************************************************************************/
/* FOOTER */
.footer{
    background: #2f3640;
    color: #939999;
    font-size: 12px;
    padding: 25px 0; 
    text-align: center; 
    padding-bottom: 20px; 
}

.footer a{
    color: #939999;
    font-size: 16px;
}


/* ESTRUCTURA DE FOOTER EN UNA LISTA DE 4 COLUMNAS DE LINKS */
.footer-container{
    display: grid; 
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    align-items: flex-start;
    justify-content: center; 
}

.footer-links{
    background: #2f3640;
    color: #939999;
    font-size: 12px;
    padding: 35px 0; 

}

.footer-container ul{
    margin: 0 auto;
} 

.footer-container ul li{
    line-height: 2.5;
}


/* ------------------------------------------------------------------------
 * Pop up: Subhakamana-Amigos de Educanepal
 */

 #popup_mf {
	display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border: 2px solid #e7e7e7;
    border-radius: 15px;
    z-index: 9999;
}

#popup_mf .cerrar {
	cursor: pointer;
    display: block;
    font-family: Arial;
    position: absolute;
    top: -10px;
    left: -10px;
    color: #606060;
    padding: 12px;
    border-radius: 50%;
    border: 2px solid #606060;
    background-color: #f5f5f5;
	background-image: url(https://www.covermanager.com/uploads/covermanager/close.png);
	background-repeat:no-repeat ;
	background-position: center;
	background-size:10px;
    width:12%;
}

#popup_mf img{
	max-width: 230px;
    border-radius: 15px;
    margin-bottom: -5px;
    z-index: 9999;
}


/* *********************************************************************************************** */
/* ********************************* CONFIGURACION DE GRAFICOS *********************************** */
/* *********************************************************************************************** */
#spidermap {
    min-width: 320px;
    max-width: 800px;
    height: 700px;
    margin: 1rem auto;
}


/* *********************************************************************************************** */
/* ********************************* CONFIGURACION DE MEDIA ************************************** */
/* *********************************************************************************************** */

/*para tamaño de pantallas inferior a 760 pixeles se modificarán los estilos*/
@media only screen and (max-width: 760px){

    .header{
        /* CODIGO PARA FIJARE EL header al desplazar hacia abajo */
        position:-ms-page;
        padding: 5px 100px;
    }

    .header-bis-content {
        flex-direction: column;
        gap: 24px;
        padding: 0 10px;
        align-items: center;
    }

    .header-content,
    .time-back {
        min-height: 220px;
        width: 100%;
    }

    .header-content {
        text-align: center;
    }

    .header-content h1 {
        font-size: 1.5rem;
    }
    .time-back {
        padding: 16px 8px;
        background-color: (--grisClaro);
    }

    /**********************************************************/
    .mini-carrusel {
        max-width: 95vw;
    }
    .carrusel-imagenes {
        width: 140px;
        height: 90px;
    }


    /**********************************************************/
    .container{
        margin: 0 10px;
    }

    h2{
        font-size: 26px;
    }

    /**********************************************************/
    .nav-main ul.nav-menu{
        display: block; 
        position: absolute; 
        top:0;
        left: 0;  
        /*height: 100%;
        width: 100%;*/
        background: #e2e2e2;
        padding: 20px;
        opacity: .9;
        transform: translatex(-200px);
        transition: transform .5s easy-in-out;

    }

    .menu-btn{
        display: block;
        cursor: pointer;
    }

    .nav-main ul.nav-menu.show{
        transform: translatex(-20px)
    }

    .nav-main ul.nav-menu li{
        padding: 10px; 
        border-bottom: #122212 solid 1px; 
        font-size: 14px;
    }

    .carreras{
        grid-template-columns: 1fr;
    }

    .project-card{
        grid-template-columns: repeat(2, 1fr);
    }

    .book-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .carreras img{
        height: 380px;
    }

    .cards-banner-one .content,
    .cards-banner-two .content
    {
        width: 90%; 
    }


    /*
    .footer-links .footer-container{
        grid-template-columns: repeat(2, 1fr);
    }*/
}


/* Modificamos los estilos de alguna de las clases para tamaños de pantalla inferiores a 520px*/
@media (max-width: 520px){
    .project-card{
        grid-template-columns: 1fr;
    }

    .book-cards{
        grid-template-columns: 1fr;
    }

    .carreras img{
        height: 260px;
    }

    .cards-banner-one .content,
    .cards-banner-two .content
    {
        width: 100%; 
        padding: 40px 20px; 
    }

}