/*==========================================
    SECCIÓN TITULARES VIPRENSA
===========================================*/

.titulares{

    max-width:1500px;
    margin:20px auto;

    display:grid;
    grid-template-columns:3.4fr 360px;
    gap:30px;

    padding:0 4px;
}


/*==========================================
    NOTICIA PRINCIPAL
===========================================*/

.titular-principal{

    background:#fff;

    border-radius:0px;

    overflow:hidden;

}


.titular-imagen img{

    width:100%;

    height:auto;

}


.titular-contenido{

    padding:0px;

}


.etiqueta{

    display:inline-block;

    background:#d40021;

    color:#fff;

    padding:2px 18px;

    border-radius:2px;

    font-size:.80rem;

    font-weight:bold;

    letter-spacing:.5px;

    text-transform:uppercase;

}


.titular-contenido h2{

    font-size:1.1rem;

    margin:25px 0 20px;

    color:#111;

    

}


.titular-contenido p{

    font-size:0.08rem;

    line-height:1.8;

    color:#555;

    margin-bottom:30px;

}



/*==========================================
    SIDEBAR
===========================================*/

.titulares-sidebar{

   display:flex;

    flex-direction:column;

    gap:10px;

}


.widget{

  
    margin:10px auto;

    background:#fff;

    border-radius:0px;

    padding:1px;

  

}


.widget img{

    width:100%;

 

}


.widget h3{

    font-size:1.35rem;

    margin-bottom:18px;

    color:#111;

    border-left:5px solid #d40021;

    padding-left:12px;

}


.widget ul{
   max-width:1500px;
    margin:50px auto;

    padding-left:20px;

    line-height:1.0;

    color:#444;

}


.widget ol{
 max-width:1500px;
    margin:100px auto;
    padding-left:22px;

    line-height:2;

}


.widget a{
 max-width:1500px;
    margin:50px auto;
    
    color:#222;

    text-decoration:none;

    transition:.3s;

}

.widget a:hover{

    color:#d40021;

}


/*==========================================
    RESPONSIVE
===========================================*/

@media(max-width:1100px){

.titulares{

grid-template-columns:1fr;

}

}


@media(max-width:768px){

.titular-contenido{

padding:25px;

}

.titular-contenido h2{

font-size:2rem;

}

}


@media(max-width:480px){

.titulares{

padding:0 15px;

}

.titular-contenido h2{

font-size:1.6rem;

}

.titular-contenido p{

font-size:1rem;

}

.btn-leer{

display:block;

text-align:center;

}

}