* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: ' LEMONMILK';
    src: url('../fonts/LEMONMILK.otf');
}

@font-face {
    font-family: 'LEMONMILK-Regular';
    src: url('../fonts/LEMONMILK-Regular.otf');
}

@font-face {
    font-family: 'CaviarDreams';
    src: url('../fonts/CaviarDreams.ttf');
}

body {
    font-family: 'CaviarDreams';
}

.contenedor {
    padding: 50px 0 0 0;
    width: 100%;
    max-width: 200%;
    margin: 0;
    overflow: hidden;
}

.titulo {
    color: #5c5b5c;
    font-size: 30px;
    text-align: left;
    margin-bottom: 50px;
    margin-top: 100px;
    font-family: 'CaviarDreams';
}

.titulo3 {
    color: #5c5b5c;
    font-size: 30px;
    margin-top: 100px;
    text-align: center;
    font-family: 'CaviarDreams';
}

.titulo2 {
    color: #5c5b5c;
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 100px;
    font-family: 'CaviarDreams';
}

.titulo-media {
    font-size: 40px;
}


/* header*/

.logo {
    float: left;
    margin-left: 100px;
}



audio {
    z-index: 20;
}



header {
    position: fixed;
    width: 100%;
    font-family: 'CaviarDreams';
    z-index: 1000;
}


/*inicio*/


/*portada*/



.portada .textos-portada h1 {
    font-size: 50px;
    color: aliceblue;
    margin-top: 100px;
}


/*sobre nosotros*/


/* Colaboradores*/

.contenedor-colaboradores {
    display: flex;
    justify-content: space-evenly;
}

.imagen-colaboradores {
    width: 50%;
}

.colaboradores .contenido-colaboradores {
    width: 50%;
    text-align: left;
    margin-left: 200px;
}


/*para leer*/


/*texto revista*/

.revista {
    text-align: center;
    font-family: 'CaviarDreams';
}

.descarga-revista {
    padding: 10px 15px 10px 15px;
    color: white;
    background-color: #535050;
    border-radius: 100px;
    font-size: 15px;
    font-weight: lighter;
    text-align: center;
    justify-content: space-evenly;
    font-family: 'CaviarDreams';
}


/*contacto*/


/*redes sociales*/

.contenedor-colaboradores {
    display: flex;
    justify-content: space-evenly;
}

.imagen-colaboradores {
    width: 50%;
}

.colaboradores .contenido-colaboradores {
    width: 50%;
    text-align: left;
    margin-left: 200px;
}


/*ubicacion*/

.contenedor-Ubicacion {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 100px;
}

.Ubicacion .contenido-Ubicacion {
    width: 100%;
    text-align: center;
}

h3 {
    font-family: 'CaviarDreams';
}

p {
    font-family: 'CaviarDreams';
}


/*podcast*/

.podcast {
    text-align: center;
    font-family: 'CaviarDreams';
    padding-bottom: 50px;
}

.link-podcast {
    font-size: 15px;
    background: #686768;
    list-style: none;
    color: white;
    padding: 5px 45px 5px 45px;
    border-radius: 25px;
}

.parrafo-podcast {
    color: rgb(0, 0, 0);
    font-weight: bold;
}


/*jalisco va parriba*/


/*imagenes jalisco va parriba*/

.contenedor-jaliscovaparriba {
    display: flex;
    justify-content: space-evenly;
}

.imagen-jaliscovaparriba {
    width: 52%;
    margin-top: 50px;
}


/*descargar imagen*/

.contenedor-descargaparriba {
    display: flex;
    justify-content: space-evenly;
    font-family: 'CaviarDreams';
}

.descarga-imagen {
    padding: 10px 15px;
    color: white;
    background-color: #535050;
    border-radius: 100px;
    font-size: 15px;
    font-weight: lighter;
}

.descargaparriba .contenido-descargaparriba {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}


/*footer*/

footer {
    background: #414141;
    padding: 60px 0 30px 0;
    margin: auto;
    overflow: hidden;
}

.contenedor-footer {
    display: flex;
    width: 90%;
    justify-content: space-evenly;
    margin: auto;
    padding-bottom: 50px;
    border-bottom: 1px solid white;
}

.conten-foo {
    text-align: center;
}

.content-foo h4 {
    color: white;
    border-bottom: 3px solid #af20d3;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.content-foo p {
    color: white;
}

.titulo-final {
    text-align: center;
    font-size: 24px;
    margin: 20px 0 0 0;
    font-family: 'CaviarDreams';
    color: #9e9797
}

h4 {
    font-family: 'CaviarDreams';
}

.mas {
    font-size: 30px;
    list-style: none;
    background-color: #535050;
    border-radius: 100px;
    color: white;
    padding: 10px 15px 10px 15px;
    font-weight: lighter;
    text-align: center;
    justify-content: space-evenly;
    font-family: 'CaviarDreams';
}