@charset "utf-8";

/*** LORA @import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap");**/

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap');

* {margin:0 auto; font-family: 'Jost', sans-serif; font-weight: 400; list-style: none; text-decoration: none; padding: 0; }


/** GENERAL **/

img {
    pointer-events: none;
}

header {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2em;
}

.logo {
    display: inline-block;    
    padding: 2em 2em 0 2em;
    text-align: center;
    
}


nav li {
    display: table-cell;
}

nav ul {
    max-width: 100%;
    
}

nav a {
    color: #808080;
    letter-spacing: 0;
    transition: .2s;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .8em;
}

nav a:hover {
    color: black;
}

.nav li a {
	color: black;
	text-decoration:none;
	padding: .3em;
	display:block;
    transition:.2s;  
}


.nav li ul {
	display:none;
	position:absolute;
	min-width:190px;
}

.nav li:hover > ul {
	display:block;    
    transition:.3s;
    
}

.nav li ul li {
	display: block;
}

.nav li ul li ul {
	right:-140px;
	top:0px;
}


.fab {
    padding-top: 4px; 
}

main {
    margin-bottom: 5em;
}

footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: left;
    padding: .3em 0 .3em .5em;
    background-color: white;
}

.lang {
    
}

.cred {
    position: absolute;
    right: 4;
    bottom: 4;
    font-size: .7em;    
    padding: .3em .5em .3em .5em;
}
     
footer a {
    color: black;
    font-size: .9em;
}

.current {
    text-decoration: underline;
}

h2 {
    text-align: center;
    margin: 3em 0 1em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h3 {
    margin: 4em 0 1em;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
}

.bold {
    font-weight: 500;
}


/*.img-index {
    width: 90%;
    height: 250px;
    background-image:url(../img/proyectos/fracciones/13.jpg);
    background-size: cover;
    background-position: 0 0;
    margin-bottom: 2em;
    }*/

.img-index img {
    display: block;
    width: 80%;
    margin: auto;
    margin-bottom: 2em;
}


/** BACK TO TOP **/

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    text-align: center;
    padding: .8em;
    background: rgba(212, 212, 212, 0.5);
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #c7c7c7;
    transition: .2s;
}
#back-to-top.show {
    opacity: 1;
}


/** GALERIA **/

.galeria {
    display: none;
}

.galeria-mobile {
        width: 100%;
        margin: auto;
        text-align: center;
        margin-bottom: 4em;
    }
    
.galeria-mobile img {
    width: 100%;
}

.galeria-mobile a {
    display: inline-block;
    margin: .5em 1em;
}

.desc {        
    width: 90%;
}

.desc p{
    line-height: 1.8em;
    margin: auto;
    margin-bottom: 3em;
}

p a {
    color: black;
    text-decoration: underline;
    transition: .2s;
}

video {
    width: 100%;
}

/** PROYECTO COTIDIANO **/

.pc {
    width: 90%;    
    margin-bottom: 4em;
}

.pc-img {
    margin-bottom: 1em;
}
.pc-img img{
    max-width: 70px;
}

.pc-img a {
    display: inline-block;   
    margin: .3em;
}

.pc-desc {
}

h4 {
    font-size: 1.3em;
    margin-bottom: .5em;
    font-weight: 500;
}

/** DOCUMENTACION **/

#imageGallery img, #imageGallery-1 img, #imageGallery-2 img, {
    max-width: 100%;
}


.galeria-docu {
    max-width: 80%;
}

.galeria-docu img {
    width: 100%;
}

.lSSlideOuter .lSPager.lSGallery li {
    opacity: .6;
    transition: .2s;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0!important;
    opacity: 1;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:active {
    opacity: 1;
}

.lightSlider > li {
    position: relative;
}
.caption {
    background-color: rgba(0, 0, 0, 0.44);
    position: absolute;
    height: 1.5em;
    bottom: 6;
    left: 0;
    padding: .4em 0;
    color: white;
    width: 100%;
    text-align: center;
}

.caption p {
    margin:0;
}

/** LIBRO **/

.libro {
    width: 100%;
    margin-bottom: 2em;
}

/** NOTICIAS **/

.noticias {
    text-align: center;
}

.noticia {
    max-width: 100%;
    padding: 2em ;
    background-color: #fafafa;
    margin-bottom: 3em;
}

.noticia h3 {
    font-size: 1.1em;
    margin-top: 0;
}

.noticia p {
line-height: 1.5em!important;    
}

.noticia iframe {
    display: block;
    margin: auto;
}

.noticia a {
    cursor:zoom-in;
}

.noticia li {
    cursor:zoom-in!important;
}



/** CONTACTO **/

.contacto {
}

.contacto a {
    color: black;
}

.con-gal {
    margin: 0;
}

.cognito :not(.c-question)>.c-label {
font-weight: 400!important;
}

.cognito .c-forms-form :not(.c-question) > .c-label {
font-weight: 400!important;
font-family: 'Jost'!important;
}

.contacto form {
    text-align: left;
}

.cognito #c-submit-button {
font-weight: 400!important;
font-family: 'Jost'!important;
}



/** RESPONSIVE TABLET **/

@media screen and (min-width:768px) and (max-width:1023px) {
    
    .logo {
        max-width: 150px;
    }
    
    .logo a {    
        line-height: 1.2em;
        text-align: center;
    }
    
    
    .libro {
        max-width: 190px!important;
    }
    
    
    
    
}





/** RESPONSIVE ESCRITORIO **/

@media screen and (min-width:768px) {
    
    
        
    header {
        position: relative;
        margin: 3em 0 2em;
        padding: 0 3em;
        box-sizing: border-box;
    }
    
    .logo {
        margin-left: 0;
        padding-bottom: 2em;
        box-sizing: border-box;
        padding: 0 2em;
    }
    
    nav {
        width: auto;
        position: absolute;
        top: 10;
        right: 3em;
        display: inline-block;
        text-align: left;  
        font-size: 1em;
    }
    

    nav div ul li {
        display: inline-block;
        margin-left: 1em;
    }
    
    nav div ul li div ul li {
        padding: .2em;
        background-color: white;
        border-bottom: .5px solid #d6d6d6;
    }
    
    nav div ul li div ul li a {
        padding-left: .5em!important;
    }
    
    nav a {
        text-align: left;
        color: black;     
    }
    
    nav a:hover {
        color: #9a9a9a;
        transition: .2s;
    }
    
    a:hover {
        color: #9a9a9a;
        transition: .2s;
    }    
    
    h2 {
        font-size: 1.3em;
        text-align: center;
        margin-bottom: 2em;
    }
    
    h3 {
        font-size: 1.2em;
        margin: 4em 0 2em;
    }
    
    footer {
        text-align: center;
    }
    
    
    /** INICIO **/
    
    /*.img-index {
        width: 100%;
        height: 380px;
        background-image:url(../img/proyectos/fracciones/13.jpg);
        background-size: cover;
        background-position: 0 -390;
        margin-bottom: 2em;
    }*/
    
    .img-index img {        
    }
    
    
    
    /** GALERIA **/
    
    .galeria-mobile {
        display: none;
    }
    
    .galeria {
        display: block;
        width: 80%;
        margin: auto;
        text-align: center;
        margin-bottom: 4em;
    }
    
    .galeria img {
        max-width: 250px;
    }
    
    .galeria a {
        display: inline-block;
        margin: 1em;
    }
    
    .desc {        
        width: 75%;
    }
    
    .desc p{
        font-size: .95em;
        line-height: 2em;
        margin: auto;
        margin-bottom: 3em;
    }
    
    video {
        width: 80%;
        display: block;
    }
    
    /** LIBRO **/
    
    .desc-lib {
        text-align: center;
    }
    
    .libro {
        width: auto;
        display: block;
        margin: auto;
        margin-bottom: 2em;
    }
    
    
    /*.libro-col {
        max-width: 50%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 0 2em;
    }*/
    
    
    
    
    /** PROYECTO COTIDIANO **/
    
    .pc {
        max-width: 80%;
        margin-bottom: 4em;
        text-align: center;
    }
    
    .pc-img {
        max-width: 70%;
        display: inline-block;
        text-align: left;
    }
    
    .pc-desc {
        max-width: 25%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        
    }
    
    .pc-desc p {
        font-size: .9em;
    }
    
    .pc-img img {
        max-width: 100px;
        display: inline-block;        
    }
    
    .pc-img a {
        display: inline-block;
        margin: .5em;
    }
    
    
    h4 {
        margin-bottom: 1em;
    }
    
    
    
    
    
    /** ACERCA DE **/
    
    .desc-ac {
        width: 60%;
    }
    
    
    /** NOTICIAS **/
    
    .noticia {
    max-width: 75%;
    padding: 2em 4em;
    margin-bottom: 4em;
}
    
    
    /** CONTACTO **/
    
    .con-gal {
        display: inline-block;
        margin: 0 2em 0 0;
        vertical-align: top;
    }
    
}