@charset "utf-8"
* {
    box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css?family=Yantramanav&display=swap');
@import url('https://fonts.googleapis.com/css?family=Patua+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+HK&display=swap');

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}


/* HEADER */

header {
    background-color: #0D436C;
    padding: 0.5rem 0;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;  
    z-index: 1001;
    
}

header a {
    color: white;
    text-decoration: none;
}

.container{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


#llamamenu {
    position: relative;
    z-index: 9999;
    color: white;
    background-color: #0D436C;
    border: none;
    font-size: 1.8em
}

.menu-icon {
    width: 10%;
    display: block;
    padding: 0.5rem 1rem;
}



#logo {
    width: 50%;
    height: auto; 
    display: block;
    margin: 1rem;
}


.menu-icon {
    width: 10%;
    display: block;
    padding: 0.5rem 1rem;
}

#menu {
    background-color: #0D436C;
    width: 50%;
    position:fixed;
    top: 0;
    right: -50vw;
    height: 100vh;
    min-width: 50vw;
    transition: all .3s ease;
    z-index: 9998;
}

#menu .menuprincipal {
    margin-top: 6rem;
}

#menu.menuvisible {
    right: 0;
    transition: all .6s ease;
    position: fixed;
}


#menu ul{
    list-style: none;
    color: white;
    font-family: 'Yantramanav Thin', sans-serif;
}

#submenu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#cruz {
    width: 20%;
    
}

#down {
    width: 2em;
    margin-left: 0.5rem;
}

#video{
    position: relative;
    z-index: -1;
}



/* CAMBIO DE HEADER */

/* @media only screen and (max-width: 848px)
{

    section {
        padding: 0 1rem;
    }
    
    .logo-nav-container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
        
    }

.menu-icon {
    width: 10%;
    display: block;
    padding: 0.5rem 1rem;
}
    .menu {
    width: 50%;
    
}
   .menu ul {
        display: none;
    }
    .menu ul.show {
        display: block;
    }
    
.menu ul li {
    display: block;
    cursor: pointer;
    
}

.menu ul li a {
    display: block;
    padding: 0.5rem 0rem;
    transition: all 0.4s linear;
    border-radius: 5px;
    font-family: 'Yantramanav Light', sans-serif;
    
}

.menu ul li a:hover {
     background-color: rgba(26, 42, 62, 0.36);
    color: #E2AA41;
}*/
/* FIN CAMBIO DE HEADER */
    
}


main{
    padding-top:100px;
    width: 90%;
    max-width: 950px;
    display: block;
}



.noticias {
    padding-top: 125px;
    padding-bottom: 0;
}

.noticias div {
    display: flex;
    flex-direction: row;
    align-items: center;

}

.noticias div #escudo {
    width:20%;
    height: auto;
    
}

.noticias div h1 {
    padding-top:0rem;
    padding-bottom: 1rem;
    margin: 0em;
    
}
.noticias div h1 #light {
    margin: 0em;
    padding: 0em;
    font-family: 'Yantramanav Thin', sans-serif;
    font-weight: 100;
    color: #0D436C;
    font-size: 2rem;

}
.noticias div h1 p {
    margin: 0em;
    padding; 0em;
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #0D436C;
    letter-spacing: -0.05em;
    }

#imagennoticia {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
    
}

#imagennoticia video {
    width: 100%;
    height: auto:
    
    
}
#imagennoticia img {
    width: 100%;
    padding: 1em;
    background-color: #0D436C;
    height: auto;
}

#noticiainfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    list-style: none;
}

#noticiainfo h2 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 1em;
    margin: 0em;
    color: #0D436C;
    letter-spacing: -0.05em;
}

.clasificacion {
    font-family: 'Yantramanav Black', sans-serif;
    color: #E2AA41;
    font-size: 0.8em;
    padding: 0em;
    margin: 0em; 
}

.fechadenoticia {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0em;
    
}

.fechadenoticia img {
    width: 1em;
    margin: 0.1em
}

.fechadenoticia p {
   font-family: 'Noto Sans HK Light', sans-serif;
    font-size: 0.7em;
    color: #333333;
    margin: 0em;
}


#boton a {
    display: block;
    background-color: #E2AA41;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 0.5em;
    color: white;
    font-family:'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: 0.8em;
    text-decoration: none;
}

.subtitulo {
    background-color: #0D436C;
    font-family: 'Patua One', cursive;
    margin-top: 1rem;
    color: white;
    font-weight: 1;
    text-decoration: none;
    font-size: 1.1em;
    padding: 0.5rem;
}

.ultimas-noticias {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.ultimas-noticias .general {
    padding: 0;
    list-style:none;
    display: flex;
    flex-direction: column;
    
}
.ultimas-noticias .general .bloque-noticia {
    display: flex;
    flex direction: row;
    justify-content: space-between;
    background-color: #e5e5e5;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    align-items: center;
    
}
.ultimas-noticias .general li img {
    width:40%;
    height:50%;
    border-radius: 0.5em;

}
.ultimas-noticias .general .bloque-noticia div {
     width: 55%;
}
.ultimas-noticias .general .bloque-noticia div ul {
    list-style: none;
    padding: 0em;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: baseline;
    
}

.ultimas-noticias .general .bloque-noticia div h2 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 1.1em;
    letter-spacing: -0.05em;
    color: #0D436C;  
    padding: 0.5rem 0;
    margin: 0rem;
}

.proxeventos div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
 .proxeventos figure{
        max-width: 35%;
        display: block;
        margin-left: auto;
     margin-right: auto; }

.proxeventos figure #zumba {
    width: 100%;
    border-radius: 1em;
}

.proxeventos figure #queridonano {
    width: 100%;
    border-radius: 1em;
}

.proxeventos figure figcaption h2 {
    margin-top: 0.5em;
    margin-bottom: 0em;
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 1.1em;
    letter-spacing: -0.05em;
    color: #0D436C;   
}

.proxeventos figure figcaption .sub {
    margin-top: 0em;
    margin-bottom: 0.4em;
    font-family: 'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: .9em;
}

.proxeventos figure figcaption .hora {
    margin-top: 0em;
    margin-bottom: 1em;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
}

#botonagenda {
    display: block;
    width: 25%;
    height: auto;
    text-align: center;
    background-color: #E2AA41;
    color: white;
    font-family:'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: 0.8em;
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    margin-left: auto;

}

.redes ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}

.redes ul li {
    display: block;
    width: 30%;
}

.redes ul li p {
    text-align:center;
    font-family: 'Noto Sans HK', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #0D436C;
    margin: 0;
}

.aviso {
    display: flex;
    flex-direction: row;
    border-radius: 0.5em;
    margin-bottom: 2em;
    align-items: center;
    background-color: rgba(13, 67, 108, 0.31);
    margin: 1rem;
    }

.aviso img {
    width: 15%;
    height: 15%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 1rem;
}

.aviso div {
    padding-left: 1rem;
    margin: 1.5rem 0;
}

.aviso div h2 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 1.1em;
    letter-spacing: -0.05em;
    color: #0D436C;  
    padding: 0.1rem 0;
    margin: 0rem;
}
.aviso div p {
    margin: 0.1rem;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #0D436C;

}
.aviso2 {
    display: flex;
    flex-direction: row;
    background-color: rgba(255, 132, 161, 0.31);
    border-radius: 0.5em;
    margin: 1rem;
    margin-bottom: 2em;
    align-items: center;
    
}

.aviso2 img {
    width: 15%;
    height: 15%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 1rem;
    
}

.aviso2 div {
    padding-left: 1rem;
    margin: 1.5rem 0;
}

.aviso2 div h2 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 1.1em;
    letter-spacing: -0.05em;
    color: #0D436C;  
    padding: 0.1rem 0;
    margin: 0rem;
}

.aviso2 div p {
    margin: 0.1rem;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #0D436C;
    
}

footer {
    background-color: #0D436C;
    z-index: -1;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
}

footer ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

footer ul li {
    width: 33%;
}

footer ul li h3{
    color: white;
    font-family: 'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: .9em;
}

footer ul li p {
    color: #b7b4b4;
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.65em;
    font-weight: lighter;
}

footer img {
    width: 30%;
    height: auto;
    margin-left: 1rem;
}

footer .pie {
    margin: 0.5em;
    margin-bottom: 2em;
    padding: 1em;
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.7em;
    color: darkgrey;
    text-align: left;
    width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* FIN DE INICIO*/

.titulo-de-nota {
    margin-top: 0;
    margin-bottom: 1rem;
    padding; 0em;
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    color: #0D436C;
    letter-spacing: -0.05em;
    
}

.detalles {
    width: 50%;
    height: auto;
    display: flex;
    padding: 0;
    margin-bottom: -0.2rem;
    margin-top: 0;
    list-style: none;
    justify-content: space-between;
    
}

.detalles li {
    padding: 0;
    margin: 0;
}
.texto {
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.8rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    
}


.centro{
    color: #E2AA41;
}

.actividad-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
}
.actividad-item h5 {
    padding: 0.2rem, 1rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0.2rem;
    font-family: 'Yantramanav Bold', sans-serif;
    color:  #0D436C;
    font-size: 0.8rem;
    
}

.actividad-item p {
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.7rem;
    
}

.restobar {
    display: flex;
    flex-direction: row;
    list-style:none;
    padding: 0;
    
}
.restobar li {
    margin: 0.2rem;
    width: 33%;
}

.restobar li p {
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.8rem;
    margin-top: 0;
    margin-bottom: 0.2rem;
}

.restobar li h5{
    margin-top: 0rem;
    margin-bottom: 0.3rem;
    font-family: 'Yantramanav Bold', sans-serif;
    color:  #0D436C;
    font-size: 0.8rem;
    text-decoration: underline;
}

.restobar li img {
    width: 95%;
    border-radius: 0.5rem;
    
}

.elclubfoto {
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.elclubfoto img {
    width: 100%;
    margin: 0;
}

.elclubfoto figcaption {
font-family: 'Noto Sans HK', sans-serif;
font-style: oblique;
font-size: 0.7rem;
color: dimgray;
margin-top: 0;
    
    
}

.gif {
    width: 100%;
    padding: 0;
    
    
}

.descripcion-sub {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.descripcion-sub .boton {
    display: block;
    margin-right: .5em;
    margin-top: 1em;
    background-color: #E2AA41;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 0.5em;
    color: white;
    font-family:'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: 0.8em;
    text-decoration: none;
}
.contenedor-dya {
    display: flex;
    flex-direction: row;
    padding: 0;
    list-style: none;
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.8rem;
}
.contenedor-dya ul {
    list-style: square;
    color: #0D436C;
    padding: 1rem;
}

.contenedor-cc {
    list-style: square;
    color: #0D436C;
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.8rem;
    padding: 1rem;
}
.cl-sub {
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.8rem;
    color: #030303;
    margin-top: -1.2rem;
    margin-bottom: 1rem;
    
    
}
.opcion1 {
    display: flex;
    flex-direction: row;
    background-color:#c9c9c9;
    border-radius: 0.5em;
    margin: 0.5rem;
    margin-bottom: 1rem;
    align-items: center;
    
}

.opcion1 img {
    width: 10%;
    height: 10%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 1rem;
    
}

.opcion1 div {
    padding-left: 1rem;
    margin: 1.5rem 0;
}

.opcion1 div h2 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 0.9em;
    letter-spacing: -0.05em;
    color: #030303;  
    padding: 0.1rem 0;
    margin: 0rem;
}

.opcion1 div p {
    margin: 0.1rem;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.7em;
    color: #030303;
    
}

.opcionagenda {
    display: flex;
    flex-direction: row;
    background-color:#ebeaea;
    border-radius: 0.5em;
    margin: 0.5rem;
    margin-bottom: 1rem;
    align-items: center;
    
}

#contenedoragenda {
    display: flex;
    flex-direction: row;
    list-style:none;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin; 1rem 1rem;
}

#horayfecha {
    margin-left: 2rem;
    margin-right: 0.5rem;
    font-family: 'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: -0.05em;
    color: #030303;
    
}
#horayfecha p {
    display: flex;
    flex-direction: row;
    background-color: white;
    padding: 0.2rem;
    border-radius: 0.2rem;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    align-items: center;

}
#horayfecha img {
    margin: 0rem 0.15rem;
    width: 18%;
    height: auto;
    padding: 0;
}

#evento {
    margin-left: 0.5rem;
    margin-right: 2rem;
    
}
#evento h2 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 1.1em;
    letter-spacing: 0.01rem;
    color: #0D436C;  
    padding: 0.1rem 0;
    margin-bottom: 0.2rem;
    margin-top: 0;
}
#evento p {
    margin: 0.1rem;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #030303;
    
}

iframe {
    width: 100%;
    height: auto;
    
}

.subsub {
   color: #0D436C;
   font-family: 'Patua One', cursive;
    font-size: 1.02rem;
    text-decoration: underline
}

.actv-img{
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.videocontrol {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    
    position: relative;
    z-index: -1;
}
#contenedor-aclaracion{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
#contenedor-aclaracion h4{ 
    margin-right:0.8rem;
    margin-left: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Patua One', cursive;
    font-size: 2rem;
    color: #E2AA41;

}
#aclaracion {
    margin-bottom: 1rem;
    margin-top: 0rem;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.7em;
    color: dimgray;
    font-style: italic;
    
}

.precios {
    display: flex;
    flex-direction: row;
    background-color: #cfff6e;
    border-radius: 0.8em;
    margin: 0.5rem;
    margin-bottom: 2em;
    align-items: center;
}
.precios img {
 width: 10%;
    height: 10%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 1rem;
}

.precios div {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 1.2rem 0;
    
}
.precios div h2{
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 1.1em;
    letter-spacing: -0.05em;
    color: #030303;  
    padding: 0.1rem 0;
    margin: 0rem;
    
}
.precios div p {
    margin: 0.1rem;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #030303;
    
}

/*GYMART*/

.destacado {
    font-family:'Yantramanav Bold', sans-serif;
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.contenedorhorario{
    display: flex;
    justify-content: space-between;
    padding:1em;
    border-radius: 0.5rem;
    background-color:rgba(240, 206, 151, 0.77);
    margin-bottom: 0.5rem;
    
    
}
.contenedorhorario ul {
    padding: 0;
    list-style:none;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin:0;
}
.line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.line h4 {
    font-family: 'Yantramanav Bold', sans-serif;
    margin-top: 0.1rem;
    margin-bottom: 0.5rem;
    
}
.line p {
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #030303;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    
}


.contenedorfechas{
    padding: 1rem;
    border-radius: 8px;
    background-color:rgba(155, 155, 221, 0.77);
    margin-bottom: 1rem;
    margin-top: 5px;
    
    
}
.contenedorfechas ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.contenedorfechas ul li{
    margin: 0.5rem;
}
.contenedorfechas ul li img {
    width: 105%;
    margin: 0.5rem;
}
.contenedorfechas ul li h5 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    margin: 0;
    
}


.contenedorfechas ul li p {
    margin-top: 0.3rem;
    margin-bottom: 0;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #030303;
    
}


.profesores{
    border-radius: 8px;
    background-color:rgba(144, 235, 225, 0.77);
}

.profesores ul {
   padding: 0;
   list-style: none;
   display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5remñ
    
}

.profesores ul li {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.profesores ul #usuario {
    display: block;
    width: 20%;
}

.profesores ul li img{
 display: block;
 width: 70%;
}

.profesores ul li h5 {
    font-family: 'Yantramanav Bold', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    margin: 0;
    
}
.profesores ul li p {
     margin-top: 0.3rem;
    margin-bottom: 0;
    font-family: 'Noto Sans HK Light', sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: #030303;
    
}
     
.computadora {
    display:block;
}

.noticiatexto {
    font-family: 'Noto Sans HK', sans-serif;
    font-size: 0.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    
}

.light {
    font-weight: 100;
}


@media (max-width 35em){
    
    header
    .container
    
    
        
    }
    
    
    
}
@media screen and (max-width: 799px) {
      main{
          width: 60%;
          display: block;
          margin-left: auto;
          margin-right: auto;
    }
 
    
   
    
}
    @media screen and (min-width: 800px) {
        
        main{
            width: 60%;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        
        footer ul{
            width: 55%;
            margin: auto;
            padding: 0;
        }
        
        
        
        footer .pie{
            width: 55%;
        }
        
        .footer-media{
            width: 65%;
            margin: auto;
            padding: 0;
            
        }
        
        .container{
            width: 60%;
            margin-left: auto;
            margin-right: auto;
            
        }

}





    //** SLIDER**//



        .showSlide {  
            display: none  
        }  
            .showSlide img {  
                width: 100%;  
            }  

        .slidercontainer {  
            max-width: 1000px;  
            position: relative;  
            margin: auto;
        }  

        .left, .right {  
            cursor: pointer;  
            position: absolute;  
            top: 50%;  
            width: auto;  
            padding: 16px;  
            margin-top: -22px;  
            color: white;  
            font-weight: bold;  
            font-size: 18px;  
            transition: 0.6s ease;  
            border-radius: 0 3px 3px 0;  
        }  

        .right {  
            right: 0;  
            border-radius: 3px 0 0 3px;  
        }  

            .left:hover, .right:hover {  
                background-color: rgba(13, 67, 108, 0.31);  
            }  
         
        .active {  
            background-color: #717171;  
        }  

        /* Fading animation */  
        .fade {  
            -webkit-animation-name: fade;  
            -webkit-animation-duration: 1.5s;  
            animation-name: fade;  
            animation-duration: 1.5s;  
        }  
        @-webkit-keyframes fade {  
            from {  
                opacity: .4  
            }  
            to {  
                opacity: 1  
            }  
        }  
  
        @keyframes fade {  
            from {  
                opacity: .4  
            }  
            to {  
                opacity: 1  
            }  
        }  


section div h1 p {
    margin: 0em;
    padding: ;
    0em: ;
    font-family: 'Yantramanav Bold', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #0D436C;
    letter-spacing: -0.05em;
}
section div h1 .news{
        margin: 0em;
    padding: 0em;
    font-family: 'Yantramanav Thin', sans-serif;
    font-weight: 100;
    color: #0D436C;
    font-size: 2rem;
}
.fechadenoticia img {
    width: 1em;
    margin: 0.1em
}