:root{
    --white: #fff;
    --black: #000;
    --footerGray: #ababab;
    --gray: #f4f4f4;
    --bGray: #323232;
    --openSans: 'Open Sans', sans-serif;
    --BVP: 'Be Vietnam Pro', sans-serif;
    --robotoC: 'Roboto Condensed', sans-serif;
  }
/* globales */
/* 1rem = 10px */
/* 1rem = 10px */
/* 1rem = 10px */
/* 1rem = 10px */
/* 1rem = 10px */
html {
    box-sizing: border-box;
    font-size: 62.5%;
}
  *, *:before, *:after {
    box-sizing: inherit;
}
body{
    margin: 0;
    margin-top: 2rem;
    font-family: var(--robotoC);
    font-size: 1.8rem;
}
section{
    width: 100%;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex{
    display: flex;
}
.cont_1250{
    max-width: 125rem;
    width: 100%;
}
.grid_noticias_principales{
    display: grid;
    grid-template-columns: 2.83fr 5fr 2.17fr;
}
.relcont{
    position: relative;
}
.negritas{
    font-weight: bold;
}
.normal{
    font-weight: normal;
}
.display-mobile{
    display: none;
}
.no-mobile{
    display: block;
}
/* hamburguesa */
.sombraHamburguesa{
    display: none;
    width: 100%;
    height: auto;
    top: 10rem;
    bottom: 0;
    left: 0;
    position: fixed;
    background-color: rgba(65, 65, 62, 0.5);
    transition: .4s;
    z-index: 2;
}
.sombraHamburguesa.active{
    display: block;
}
.burguerIcon{
    display: none;
}
/* header */
header{
    margin: 2rem 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, white 0%, white 50%, white 50%, white 100%);
}
.header_cont{
    width: 100%;
    height: auto;
    max-width: 125rem;
    padding: 0 2rem;
    justify-content: space-between;
    align-items: center;
}
.header_logo_cont{
    width: 100%;
    height: 100%;
    line-height: 0;
}
.header_logo{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.nav_cont{
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.3rem;
    margin: 1rem 0;
}
.nav_link{
    width: 100%;
    font-size: 1.8rem;
    font-family: var(--robotoC);
    font-weight: bold;
    padding-right: 1rem;
    border-right: 1px solid white;
    margin-right: 1rem;
    text-decoration: none;
    color: #5B0000;
}
.nav_link:last-of-type{
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
}
/* footer */
footer{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--footerGray);
    padding: 1.5rem ;
    margin-top: 2rem;
}
.footer_cont{
    width: 100%;
    max-width: 120rem;
    justify-content: space-between;
    align-items: flex-start;
}
.footer_logo{
    /* width: 50%; */
}
.footer_link{
    width: 100%;
    font-size: 1.8rem;
    font-family: var(--robotoC);
    font-weight: bold;
    padding-right: 1rem;
    border-right: 1px solid black;
    margin-right: 1rem;
    text-decoration: none;
    color: black;
}
.footer_link:last-of-type{
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
}

/* noticias principales */
main{
    margin-top: 2rem;
    width: 100%;
    background-color: var(--bGray);
    display: flex;
    justify-content: center;
    align-items: center;
}
.noticias_principales{
    padding:2rem;
    gap: 1rem;
    width: 100%;
    max-height: 60rem;
}
.noticia_link{
    width: 100%;
    height: 100%;
    max-height: 55rem;
    grid-column: 2 / 3;
}
.noticia_principal{
    width: 100%;
    height: 100%;
}
.img_noticia_principal{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text_cont{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 1.5rem;
    width: 100%;
    height: auto;
    justify-content: flex-end;
    align-items: flex-end;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 1) 100%);
    
}

.texto_noticia_principal{
    color: white;
    padding-right: 2rem;
    font-size: 1.5rem;
    font-family: var(--openSans);
    font-weight: normal;
}
.titulo_principal{
    font-family: var(--robotoC);
    font-weight: bold;
    font-size: 3.3rem;
}
.secundarias_cont{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    max-height: 55rem;
    justify-content: space-between;
}
.noticia_link.secundaria{
    grid-column: unset;
    max-height: 17rem;
}
.texto_noticia_principal.secundaria{
    color: white;
    padding-right: 0;
    font-size: 1.5rem;
    font-family: var(--openSans);
    font-weight: normal;
}
.titulo_principal.secundaria{
    font-family: var(--robotoC);
    font-weight: bold;
    font-size: 1.9rem;
}
.lista_noticias{
    width: 100%;
    height: 100%;
    max-height: 55rem;
    grid-column: 3 / 4;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    gap: .5rem;
}
.lista_card{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
}
.lista_card a{
    align-self: center;
    justify-self: center;
}
.lista_img{
    width: 10rem;
    height: 10rem;
    object-fit: cover;
}
.lista_texto{
    margin: auto 0;
    color: white;
    font-size: 1.7rem;
    font-weight: bold;
    align-self: center;
    justify-self: center;
}
.banner_img{
    max-width: 100%;
     
    max-height: auto;
}

.columns{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
}
.sections_cont{
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 2rem;
}
.comentario_politico{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: var(--gray);
}
.titulo_sect{
    font-family: var(--BVP);
    font-weight: normal;
    font-size: 2.8rem;
    margin: 0;
}
.barra_titulo{
    width: 100%;
    height: .5rem;
    background-color: var(--bGray);
}
.titulo_comentario{
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1rem 0;
}
.comentario{
    font-size: 1.5rem;
    font-family: var(--openSans);
    font-weight: normal;
    margin: 1rem 0;
}
.titulo_sect, .titulo_comentario, .comentario{
    padding: 0 2rem;
}
/* secciones de noticias */
.seccion_noticias{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;

}
.titulo_sec{
    font-family: var(--BVP);
    font-weight: bold;
    font-size: 2.8rem;
    margin: 0 1rem 0 0;
}
.notiSec_cont{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.link_notiSec{
    text-decoration: none;
    color: var(--black);
}
.img_notiSec{
    width: 100%;
    height: 19rem;
    object-fit: cover;
}
.titulo_notiSec{
    margin: 0;
    font-weight: bold;
    font-size: 1.9rem;
}
.fecha_notiSec{
    font-family: var(--openSans);
    font-weight: bold;
    color: gray;
    font-size: 1.4rem;
    margin: 1rem 0;
}

.resumen_notiSec{
    font-weight: normal;
    font-family: var(--openSans);
    color: black;
    font-size: 1.5rem;
    margin: 0;
}
.barra_seccion{
    margin: 2rem;
    height: .1rem;
    width: calc(100% - 4rem);
    background: black;
}

.sidebar_cont{
    padding: 1rem .5rem;
    background-color: var(--gray);
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
}
/* columnas.php */
.columnas_cont{
    width: 100%;
    
}
.seccion_noticias.columnas{
    margin: 0;
}
.link_columna{
    text-decoration: none;
    color: var(--black);
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 1rem;
}
.img_columna{
    width: 12rem;
    height: 12rem;
    object-fit: cover;
}
.img_columna.masleido{
    height: 8rem;
}
.titulo_columna{
    margin: 0;
    font-weight: bold;
    font-size: 1.7rem;
}
.autor_columna{
    font-family: var(--openSans);
    font-weight: bold;
    color: gray;
    font-size: 1.25rem;
    margin: 1rem 0;
}

.resumen_columna{
    font-weight: bold;
    font-family: var(--robotoC);
    color: black;
    font-size: 1.5rem;
    margin: 0;
}
.barra_columna{
    margin: .5rem;
    height: .1rem;
    width: calc(100% - 1rem);
    background: black;
}
.publicidad_sidebar{
    width: 100%;
    height: auto;

}

.circle_div{
    background-color: black;
    border-radius: 50px;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 5px;
    left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle_number{
    color: white;
    margin: 0;
    width: 100%;
    text-align: center;
}
.index_cont{
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    gap: 1rem;
}
.index_numbers{
    gap: 1rem;
    padding: 0;
}
.index_link{
    text-decoration: none;
    color: black;
}

/* media queries */
/* media queries */
/* media queries */
/* media queries */
/* media queries */
@media (max-width: 1000px) {
    .display-mobile{
        display: block;
    }
    .no-mobile{
        display: none;
    }

    /* nav */
    header{
        position: relative;
        top: 0;
        margin: 0;
    }
    body{
        margin: 0;
    }
    .header_cont{
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        z-index: 3;
        width: 100%;
        background-color: #dddddd;
    }
    .header_logo{
        width: 70%;
        z-index: 10;
    }
    .header_logo_cont{
        width: 100%;
        z-index: 10;
    }
    header.fixed{
        position: fixed;
        height: auto;
        top: 2rem;
    }
    .nav_cont{
        margin: 0;
        position: fixed;
        z-index: 4;
        top: 0;
        right: -100%;
        background-color: #dddddd;
        width: calc(100% - 2rem); 
        height: 100vh;
        max-height: 100vh;
        padding: 15rem 1rem 1rem 1rem;
        justify-content: flex-start;
        align-items: center;
        transition: 1s;
    }
    .nav_cont.active{
        display: flex!important;
        right: 0;
    }
    .nav_links{
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }
    .nav_link{
        text-align: center;
        margin: 0;
        border: none;
    }
    /* hamburguesa */
    .burguerIcon {
        width: max-content;
        display:block;
        position: absolute;
        top: 30%;
        right: 4rem;
        z-index: 15;
        cursor: pointer;
      }
      .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;
        background-color: #7B0202;
        margin: 6px 0;
        transition: 0.4s;
      }
      .blackBar{
        background-color: var(--gray);
      }
      
      .change .bar1 {
        transform: rotate(-45deg) translate(-9px, 6px);
      }
      
      .change .bar2 {opacity: 0;}
      
      .change .bar3 {
        transform: rotate(45deg) translate(-8px, -8px);
      }
    /* sitio */
    .grid_noticias_principales,
    .sections_cont,
    .notiSec_cont{
        grid-template-columns: 1fr;
    }
    .noticia_link, 
    .secundarias_cont,
    .noticia_link.secundaria,
    .lista_noticias{
        grid-column: unset;
        grid-row: unset;
    }
    .noticias_principales,
    .noticias_link, 
    .secundarias_cont,
    .noticia_link.secundaria,
    .lista_noticias{
        max-height: unset;
    }
    .secundarias_cont{
        gap:1rem;
    }
    .titulo_principal{
        font-size: 2.2rem
    }
    .texto_noticia_principal{
        font-size: 1.3rem;
    }
    .texto_index{
        text-align: center;
    }

    /*footer*/
    .footer_cont{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer_logo{
        width:100%;
        margin-bottom: 2rem;
    }
    /* .footerLinks_cont{
        flex-direction: column;
    }
    .footer_link{
        border: none;
        text-align: center;
    } */
    .footer_link{
        font-size: 1.2rem;
    }
    .contenido{
        width: 100%;
    }
    .fl100.comentario center img{
        max-width: 100%!important;
    }
}