.autor-banner-txt{
    font-size: 18px;
}
/*____________________________Estilo principales de Main_____________________*/

.container{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.informacion{
    text-align: center;
    margin-bottom: 50px;

}

.img_informacion{
    height: 180px;
    width: 180px;
    object-fit: cover;
    border-radius: 100%;
    z-index: 10;
    position: relative;
    cursor: pointer;
   
}

.titulo_informacion{
    color: DodgerBlue; 
    font-size: 1.5em;
    margin: 0;
     
}

.information_txt{

    width: 95%;
    text-align: left;
    margin: 15px;
    z-index: 10;
    height: 0;
    overflow: hidden;
    font-size: 17px;
    color: white;
    background: linear-gradient(-33deg, #EE5BEE, #CB51F5, #7845F4);
    line-height: 24px;
    
    
}

.information_txt:before{
    content: "";
    width: 100%;
    
    background: rgba(240,240,240,0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;

}

.img-libros-espiritismo{
    cursor:pointer;
}

.mostrar_contenido{
    height: 450px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10px;
    padding: 20px;
    overflow: scroll;

}
.mostrar_contenido_revela{
    height: 170px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10px;
    padding: 20px;
    overflow: scroll;
}

.mostrar_contenido_fundamentos{
    height: 470px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10px;
    padding-right: 10px;
    text-align: justify;
    overflow: scroll;

}

.mostrar_contenido_mision{
    height: 850px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10px;
    padding: 20px;
    overflow: scroll;
}


.mostrar_contenido_Practica{
    height: 935px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10px;
    padding: 20px;
    overflow: scroll;
}


.mostrar_contenido_Historia{
    height: 500px;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
    padding: 20px;
    overflow: scroll;
}

.fundamento{
    padding: 5px;
}

.column {
    width: 95%;
}


.linea{
    width: 5px;
    height: 200px;
    background-color:DodgerBlue;
    position: absolute;
    left: 47%;
    margin-top: -30px;
}



.column--20{
    width: 30%;
    display: block;
    margin-top: -20px;
    display: none;
    height: 2455px;
    overflow: hidden;
    margin-bottom: 10px;  
        
    }
.libros-espiritismo{
    border-left:2px solid white; 
    border-bottom:2px solid white;
    margin-bottom: 20px;
    background: LightGray;
}

.Titulo-libro{
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}









/*________________Estilos de responsive_______________________________*/


@media screen and (min-width:480px){
    
    .column__title{
        font-size: 1.0em;
        width: 100px
        background-color:red;
            
        
    }

    .informacion{
        text-align: center;
        margin-bottom: 80px;
    }

    .img_informacion{
        height: 200px;
        width: 200px;
        object-fit: cover;
        cursor: pointer;
    }

    .information_txt{
        font-size: 18px;
    }

    .mostrar_contenido{
        height: 700px;
    }

    .mostrar_contenido_revela{
        height: 140px;
    }

    .mostrar_contenido_fundamentos{
        height: 450px;
    }

    .mostrar_contenido_mision{
        height: 655px;
    }


    .mostrar_contenido_Practica{
        height: 750px;
        
    }

} 

/*________________Estilos de responsive_______________________________*/

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



    .container{
        display: flex;
    }

    .column--80{
        width: 70%;
        ;
    }


    .column--33{
        width: 32%;
    }

    .img_informacion{
        height: 250px;
        width: 250px;

    }

    .titulo_informacion{
        font-size: 1.5em;
    }

    .linea{
        left:35%;
    }

    .column--20{
        display: block;
    } 

    .fechas-libros{
        margin-left: 30px;
        font-size: 1em;
        margin-bottom: 40px;
    }


    .mostrar_contenido{
        height: 900px;
        font-size: 23px;
    }

    .mostrar_contenido_revela{
        height: 170px;
        font-size: 23px;
    }

    .mostrar_contenido_fundamentos{
        height: 500px;
        font-size: 23px;
    }

    .mostrar_contenido_mision{
        height: 870px;
        font-size: 23px;
    }


    .mostrar_contenido_Practica{
        height: 970px;
        font-size: 23px;    
    }

    .Titulo-libro{
        margin-top: 5px;
        text-align: center;
        font-size: 17px;
        margin-bottom: 15px;
    }
    .img-libros-espiritismo{
        width: 95%;
        height:250px;
        object-fit: cover;
    }    


    .fechas-libros{
        margin-left: 30px;
        font-size: 1em;
        margin-bottom: 40px;
    }
    
}

@media screen and (min-width:1024px){
    .titulo_informacion{
        font-size: 28px;
        line-height: 30px;
    }

    .information_txt{
        font-size: 21px;
    }


    .mostrar_contenido{
        height: 650px;
        
    }

    .mostrar_contenido_fundamentos{
        height: 400px;
    }

    .mostrar_contenido_mision{
        height: 600px;
    }


    .mostrar_contenido_Practica{
        height: 700px;
        
    }

    .mostrar_contenido_Historia{
        height: 500px;
        overflow: scroll;
    }
    .column--20{
        width: 25%;
        height: 2950px;
        justify-content: flex-end;
        
    }  

    .img-libros-espiritismo{
        height:300px;
        width: 250PX;
        margin-left: 30px;
    }

    .Titulo-libro{
        font-size: 20px;
        margin-bottom: 20px;
    }

    .img_informacion{
        height: 280px;
        width: 280px;

    }

    .titulo_informacion{
        font-size: 1.7em;
    }
    .fechas-libros{
        margin-left: 30px;
        font-size: 19px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width:1440px){
    .information_txt{
        font-size: 27px;
        line-height: 35px;
    }
    .img_informacion{
        height: 350px;
        width: 350px;
    }
    .titulo_informacion{
        font-size: 33px;
        line-height: 30px;
    }
}