@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

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

body {
   
    
    color: black;
    background-color:#e5e5e5;
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    text-align: center;
    
    height: 100%;

}

.chkbtn { font-size: 60px; color: #fff; float: left;line-height: 80px; margin-left: 50px; cursor: pointer; display: none; margin-top: 20px}

.lupa {float: right; margin-right: 35px; cursor: pointer;  margin-top: 20px}


    
    header nav { 
    background: #8ab8b6;
    width: 100%;
    padding: 1.5em 0 1.5em 0;}






#chk {display: none}


     header nav ul li a {
        font-size: 60px; text-decoration: none;
        
    }
     header .chkbtn{
        display: block;
        ;
    }
     header nav ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        margin: 0;
        padding: 0;
        background: #8ab8b6;
        top: 120px;
        left: -112%;
        text-align: center;
        transition: .5s;
        z-index: 9999;
    }
     header nav ul li{
        display: block;
        margin: 90px 0;
        line-height: 50px;
        
    }
    a:hover, a.active{
        background-color: none;
        color: black;
        font-weight: 700;
        
    }
    #chk:checked ~ ul {
        left: 0; }


main{
    padding: 4em;
}


h1{
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 4em;
    color: #ff5f00;
 }

p{
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #414042;
    

}

#cancelar p{
    font-size: .5em;
    margin: 3em 0 0 0;
}

.parrafodiag{
     font-family: 'Montserrat', sans-serif;
    font-size: .7em;
    font-weight: 600;
    color: #414042;
    padding: 2em 2em 7em 2em;
}


a{

    font-weight: 700;
    font-size: 1em;
    color: #414042;
}

.filete{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: -8em 0 -7em 0;
}

.filete2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: -22em 0 -4em 0;
    margin-bottom: -7em;
}

.carrusel{
    width: 100%;
    margin: auto;
    overflow: hidden;}

.carrusel img{ width: 100%; 
overflow: hidden;
}
.carrusel ul {display: flex; padding: 0; animation:cambio 20s infinite; width: 300%;  animation-timing-function: ease-in;  }
.carrusel li { list-style: none; width: 100%; }

@keyframes cambio {
   0% {margin-left:0;}
    30% {margin-left:0;}
    
    35% {margin-left:-100%;}
    70% {margin-left:-100%;}
    
    75% {margin-left:-200%;}
    100% {margin-left:-200%;}
 }

.enlaces a {display:flex;flex-direction: column;font-size: 40px;  list-style: none; text-decoration: none; color:black;}


.enlaces img{border-radius:50%; padding: 50px; }
.enlaces  {display: flex;flex-direction:row;justify-content: center; }

#logo {
    width; 100px;
}

.logo {
    align-items: center;
    
}

.buscador{
    display:flex;
    flex-direction: row;
    align-items:center;
    padding-right: 60px;
}

.lupa{

    
    
}

.vermas {
    background-color:#e5e5e5;
    padding: 2em;
    margin: 3em 0 0 0;
    border: solid 1px #ef5e12;
    color:#ef5e12 ;  
    text-align: center;
    padding-bottom: 5px;
    align-content: center;
    margin: 0em 0em 1.5em 0em;
    appearance: button;
}

.tipovermas {
font-family: 'Montserrat', sans-serif;
text-align: center;
color: #ef5e12;
    
}

.comollegar {
  background-color:#e5e5e5;
    padding: 2em;
    margin: 3em 3 3 3;
    border: solid 2px #ef5e12;
    color:#ef5e12 ;  
    align-content: center;
    margin: 1.5em 1.5em 1.5em 1.5em;
    appearance: button;  
    
}



.comollegar a {
    padding-bottom: 5m;
    
    
}
.tipollegar{
    color:#ef5e12 ;  
    align-content: center;
    padding: 2em;
    
}

/* ESTILO DONACIONES*/
.donaciones{ padding-top: 9em;
margin: 3em;}
.button boton { background-color: #ff5f00; }
.boton { 
    justify-content: center; 
    border: solid 1px #414042;
    border-radius: 0.9em;  
    padding: 1.5em ;
    margin-bottom: 15em; 
    margin-top: 9em;
}
.botoncontinuar{ width: 50%;
    justify-content: center; 
    border: solid 1px #414042;
    border-radius: 0.9em;  
    padding: 1em ;
    margin-bottom: 14em; margin-top: 5em}
.botoncontinuar a{text-decoration: none;
    border-color: none;
    text-align: center;
    font-size:3em; 
    color: #ee5e12;
    margin:0.3em 1em 0.3em 1em;}


.boton a {text-decoration: none;
    border-color: none;
    text-align: center;
    font-size:3.5em; 
    color: #ee5e12;
    margin:0.3em 1em 0.3em 1em;
}


input {  width: 60%; height: 20px; 
            border: 1px;
            border-bottom-style: solid;
            font-style: oblique;
            font-size: 2em;
            margin:15px; padding: 10px;
    -webkit-border-radius: 2px;
}


.formulario input{ width: auto; width: 17px; height: 17px;  }
.formulario label{  display: inline-block; position: relative; font-size: 3em; border-radius: 10px; cursor: pointer; width: 10%; padding: 0px 20px 5px 5px; margin-top: 1em;}

.pago input{ width: auto; width: 17px; height: 17px; margin-top: 4em;}
.pago label{ font-size: 3em; color: #ef5e12; padding: 0px 20px 5px 5px; margin-top: 1em ; }

.tipodonacion input {width:auto; width: 17px; height: 17px; margin-top: 2.5em}
.tipodonacion label{  position:relative; font-size: 3em; cursor: pointer; width: 10%; padding: 0px 20px 5px 5px; margin-top: 1em; }

.bienvenidx{ margin-top: 6em}




h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: 800;
    color: #414042;
    margin: -1.5em 0 1em 0;

}    
    
}
.botones{
    font-family: 'Playfair Display', serif;
    color:#ef5e12;
}


h3 {
    text-decoration: none;
    color: #8ab8b6;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    padding: 2em;
}

.iconos a {
    display: flex;
    flex-direction:row;
    justify-content:center;
    color: #ef5e12;
    font-size: 30px;
    font-size: 2em; text-decoration: none
}

.iconos p { 
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 25px;
    
}
.iconos ul {display: flex; 
   
justify-content: space-between;
flex-direction: row;
    list-style: none;
margin-bottom: 7em;
} 


.organizaciones{
    background-color: #c4d6d7;
    padding: 2em;
    margin: 5em 0 0 0;
}



.calendario{
    padding: 2em;
}


/* ESTILO DIAGNOSTICO Y OBJETIVO*/
.diagyobj img{ border-radius:50%; padding: 50px }

.mail{
    justify-content: center;
    width: 180px;
    margin: auto;
}
.logoacumar2{
     justify-content: center;
    
}

.tiporegistrar{
  
    justify-content: center;
     
}

#main h1{
    margin-bottom: 1em;
    margin-top: 1.5em;
}

#main h2{
    font-size: 4.5em;
    padding: .3em;
}

#main h4{
    font-size: 3em;
}


#main h5{
    font-size: 1.5em;
    color: #f86c32;
}

.home{
    width: 20%;
}


footer{
    background-color: #8ab8b6;
    padding: 1em;
    margin: 2em 0 0 0; }

footer p{
    font-size: 0.7em;
    text-align: center;
    margin: 1em;
color: #000000}

.logofooter {
    margin-top: 2em; 
    margin-bottom: 2em;
    align-content: center;
}

.contenido {
    margin-top: 2em;
    margin-bottom: 3em;
    text-align: center;
    color: black;
}

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