/*global*/
.block-notes-tittle{
    border-bottom: 1px solid var(--main);
    color: var(--main);
    text-transform: uppercase;
    font-size: var(--subtitle);
    font-weight: 900;
    margin-bottom: 2rem;
}
.block-notes-tittle a h3{
    color: var(--black);    
}
.block-notes-tittle a h3:hover{
    color: var(--black);
}

.block-notes-tittle h3{
    font-size: var(--main_title);  
}


/*------main------------*/
/*block-main*/
.block-main{
    margin-bottom: 3rem;
}
@media (min-width: 990px) {
    .block-main{
        display: grid;
        grid-template-columns: 20% 56% 20%;
        gap: 2rem;   
    }
    .o-1{
    grid-column: 2 / 3;
    }
    .o-2{
    grid-column:1 / 2 ;
    grid-row: 1 / 2;
    }
    .o-3{
        grid-column: 3 / 4;
    }
}
.block-main-imagen .card-details{
    padding: 0 0rem;
}
.imagen figure .img-principal img{
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center;
}

.imagen figure {
    position: relative;
    /*height: 30rem;*/
}
@media (min-width: 768px) {
    .imagen figure{
        height: auto;
    }
}
.imagen figure img {
    margin-bottom: 0;
}
.imagen .caption-image {
    color: #fff;
    position: absolute;
    bottom: 0rem;
    width: 100%;
    height: 100%;
    line-height: 1.1;
    padding: 5px 5px;
    z-index: 2;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.5060224773503151) 32%, rgba(0,0,0,0.5060224773503151) 67%, rgba(0,0,0,1) 100%); 
}
@media (min-width: 768px) {
    .imagen .caption-image{
        height: auto;
    }
}
@media (min-width: 990px) {
    .imagen .caption-image{
        height: 100%;      
        bottom: 0rem;      
    }
}
.container-img-main{
    position: absolute;
    bottom: 0.8rem;
    left: 1.6rem;
}
.imagen .caption-image h1 {
    color: var(--white);
}
.imagen .caption-image p {
    color: var(--white);
}


.content .viñeta{
    font-weight: bold;
    text-transform: uppercase;
}
.block-main-list-tittle h3{
    color: var(--black);
    border-bottom: 2px solid var(--main);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
    font-size: var(--section_text);
}

/*Banner*/
.container-banner{
    margin-bottom: 4rem;
}
/*block notes*/

.card-list-separator h3,
.column-2 h3{
    font-size: var(--medium-title);
}
@media (max-width: 768px) {
    .card-list-separator .card-content,
    .column-2 .card-box {
        border-top: 1px dashed var(--grey);
    }
}
.block-notes .double .card-text{
    margin-bottom: 1rem;
}
@media (min-width: 990px) {
    .block-notes{
        display: grid;
        grid-template-columns: 400px 5px 400px 5px auto;
        gap: 1rem;
    }
    
    .block-notes .double .card-text{
        font-size: var(--small-title);
    }
    .card-doble2{
        grid-column: 3/4;
    }
    .card-list-separator{
        border-left: 1px solid var(--grey);
        margin-right: .5rem;
        padding-left: 2rem;
        grid-column: 5/6;
    }
    .card-list-separator .card-body{
        padding: 0;
    }    
}

.read-more-content{    
    text-align: end;
    color: var(--black);
    font-size: var(--small-title);
}
.read-more-content:hover{
    color: var(--main);
}
.read-more a p{
    text-decoration: underline;
}

.card-doble-1{
    padding: 0 4rem 0 0;
}
.card-doble-2{
    padding: 0 2rem 0 2rem ;
}

/*section*/

.section-b{
    background-color: var(--secondary1);
    padding: 4rem 0;
    margin: 4rem 0;
}
.section-b .block-notes-tittle{
    border-bottom: none;
}
.section-b .block-notes-tittle h3{
    color: var(--black);
    font-weight: 900;     
}
.section-b .read-more-content{
    color: var(--black);
}
.section-b .card-details .autor{
    color: var(--black);
}
.section-b .card-details .date{
    color: var(--black);
}

.section-r{
    background-color: var(--main);
    padding: 4rem 0;
    margin: 4rem 0;
}
.section-r .block-notes-tittle h3{
    color: var(--white);
    font-weight: 900;   
}
.section-r .read-more-content{
    color: var(--white);
}
.section-r .card-title{
    color: var(--white);
}
.section-r .card-text{
    color: var(--white);
}

.section-r .card-details .autor{
    color: var(--white);
}
.section-r .card-details .date{
    color: var(--white);
}

.section-p{
    background-color: var(--secondary3);
    padding: 4rem 0;
    margin: 4rem 0;
}
.section-p .block-notes-tittle h3{
    color: var(--white);
    font-weight: 900;   
}
.section-p .read-more-content{
    color: var(--white);
}
.section-p .card-title{
    color: var(--white);
}
.section-p .card-text{
    color: var(--white);
}

.section-p .card-details .autor{
    color: var(--white);
}
.section-p .card-details .date{
    color: var(--white);
}

.section-y{
    background-color: var(--secondary2);
    padding: 4rem 0;
    margin: 4rem 0;
}
.section-y .block-notes-tittle{
    border-bottom: none;
}
.section-y .block-notes-tittle h3{
    color: var(--black);
    font-weight: 900;     
}
.section-y .read-more-content{
    color: var(--black);
}
.section-y .card-details .autor{
    color: var(--black);
}
.section-y .card-details .date{
    color: var(--black);
}


@media (min-width: 768px) {
    
    .section .card-title{
        font-size: var(--second-title);
    }
    .section-b .card-list-separator{
        border-left: 1px solid var(--black);
        margin-right: 1rem;
        padding-left: 3rem;
    }
    .section-r .card-list-separator{
        border-left: 1px solid var(--white);
        margin-right: 1rem;
        padding-left: 3rem;
    }
    .section-y .card-list-separator{
        border-left: 1px solid var(--black);
        margin-right: 1rem;
        padding-left: 3rem;
    }
}
@media (min-width: 990px) {
    .section{
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 2rem;
    }
    .column-2{
        padding-right: 2rem;
        border-left: 1px solid var(--white);
        padding-left: 2rem;
    }
}
/*block doble*/
.block-double-tittle-1 h3,
.block-double-tittle-2 h3{
    font-size: var(--small_text);
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: var(--black); 
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}
@media (max-width: 360px) {
    .block-double-tittle-1 h3,
    .block-double-tittle-2 h3{
        font-size: var(--mb_small_text);
    } 
}
.block-double-tittle-1 h3{       
    border-bottom: 2px solid var(--secondary1);
}
.block-double-tittle-2 h3{
    border-bottom: 2px solid var(--secondary3);
}




    .noticia .video {
        /* left: 85px; */
        padding-bottom:60%;
        position:relative;
        width:100;
    }
    .noticia .video iframe {
        left:0;
        top:0;
        position:absolute;
    }

    .caja a.canal-ed {
        text-align:center;
        margin-top:10px;
        margin-bottom:15px;
    }
    .caja a.canal-ed svg {
        width:161px;
        height:28px
    }
    .caja  a.canal-ed {
        height:60px;
        width:464px;
        background:#fff;
        align-self:center;
        align-items:center;
        justify-content:center;
        display:flex !important;
        flex-wrap:wrap
    }

    /* ----------- */
    
    .podcast__header{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
    }
    .podcast__button{
        border: none;
        background-color: var(--light);
        border-radius: 4px;
        font-family: var(--SemiBold);
        font-size: 15px;
        padding: 2px 11px;
    }
    .podcast__button span{
        display: inline-block;
        margin-right: 4px;
    }

    
    .podcast__titulo{
    text-align: center;
    padding: 15px 10px 20px;
    }

    .podcast__titulo h3{
        margin: 0;       
        font-size: 21px;
        display: block;
        font-family: var(--SemiBold);
        text-align: start;   
        line-height: 1.2em;     
    }
    @media (min-width: 768px) {
        .podcast__titulo h3{
            min-height: 3.6em; 
        }
    }
    .podcast__titulo h3 em{
    display: block;
    font-family:var(--SemiBold);
    font-size: 19px;
    }
    .podcast__titulo h3 a {
    display: block;
    font-family: var(--SemiBold);
    color: var(--black);
    }



    @media (max-width: 480px){
        .podcast{
            border-left: none;
            border-right: none;
        }
        .podcast__titulo h3{
            font-size: 19px;
        }
    }


 


.chip{
    padding-left: 2.5rem;
}
      
.chip img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.columnista .card-details .autor{
    font-size: var(--medium-title);
}
.columnista .card-details .autor::after {
    content: " ";    
  }

.columnista-img{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
.columnista-img img{
    border-radius: 50%;
    width: 15%;
    height: 15%;
}
.container-titular{
    display: flex;
    justify-content: center;
}

.contenido-titular{    
    padding: 1.5rem 1rem;
    margin: 0 1rem;    
    border-top: 1px solid var(--light);
    border-bottom: 1px solid var(--light);
}

@media (min-width: 990px) {
    .contenido-titular{    
        padding: 1.5rem 5rem;
        margin: 0 5rem;    
        border-top: 1px solid var(--light);
        border-bottom: 1px solid var(--light);
    }
}

.contenido-titular h2 {
    font-family: var(--SemiBold);
    font-size: var(--second-title);
    text-align: center;
}

@media (min-width: 990px) {
    .contenido-titular h2 {
        font-family: var(--SemiBold);
        font-size: var(--title);
    }  
}
.contenido-titular h2 a{    
    color: var(--black);
}
.contenido-titular .titular-details{
    font-family: var(--Italic);
    text-align: center;
}
.contenido-titular .titular-details a{
    color: var(--grey);
}
@media (min-width: 990px) {
    .contenedor-bloque-4 .card-title, .contenedor-bloque-3 .card-title{
        line-height: 1.2em;
        min-height: 3.6em;
    } 
    .contenedor-bloque-2 .card-title{
        font-size: var(--main_title);
        line-height: 1.2em;
        min-height: 3.6em;
    }
}
@media (max-width: 640px) {
    .container-banner img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: left;
    }
}
.titulo-opinion{
    font-size: 26px;
    margin-bottom: 3rem;
}
.autor-opinion{
    font-family: var(--SemiBold);
    color: var(--grey);
    margin-bottom: 0px;
    font-size: var(--section_text);
}