/*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 h3 a{
    color: var(--black);   
    font-family: var(--Bold);     
}
.block-notes-tittle h3 a:hover{
    color: var(--black);
}

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


/*------main------------*/
/*-- Catástrofe --*/

@media (min-width: 990px)  {
    .block-catastrofe{
        display: grid;
        grid-template-columns: 73% 25%;
        grid-template-rows: 50% 50%;
        gap: 1rem;
    }
    .block-catastrofe-grande{
        grid-column: 1 / 2;
        grid-row: 1 /3;
    }
    .block-catastrofe-chica1{
        grid-column: 2 / 3;
        grid-row: 1 /2;
    }
    .block-catastrofe-chica2{
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .principal2 h3{
        font-size: var(--main_title);
    }
}
.principal2 a h3{
    min-height: 1.2em;
}

/*block-main*/
.block-main{
    margin-bottom: 3rem;
}
@media (min-width: 990px) {
    .block-main{
        display: grid;
        grid-template-columns: 50% 24% 24%;
        gap: 1rem;
    }
   
    .o-1{
        grid-column:1 / 2 ;
        grid-row: 1 / 2;
        padding-right: 0.5rem;
    }
     .o-2{
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
   
    .o-3{
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }
    
    .block-main h3{
        line-height: 1.2em;
        min-height: 4.8em;
    }
}
.block-main-imagen .card-details{
    padding: 0 0rem;
}

.imagen figure .img-principal img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: center;
}
@media (max-width:767px){
    .imagen figure .img-principal img {
        height: 280px;
    }
    .content .viñeta {
        font-size: var(--small-details);
      }
      .content h1 {
        font-size: var(--title);
      }
      .imagen .caption-image p {
        font-size: var(--small-details);
      }
}
.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;
    padding: 0 1.6rem;
}
.imagen .caption-image h1 {
    color: var(--white);
}
.imagen .caption-image p {
    color: var(--white);
}


.content .viñeta{
    color: var(--main);
    font-size: var(--section_text);
}
.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-content img{
    object-fit: cover;
}
.card-content .text-block {
    top: 5px;    
    opacity: 0.9;
    color: var(--white);
    padding: 5px 10px;
    width: auto;
    height: auto;
    margin: 0 5px;
  }
  .card-content .text-block h4{
    margin-bottom: 0;
  }

.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-details);
}
.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-o{
    background-color: var(--secondary1);
    padding: 4rem 0 1rem;
    margin: 4rem 0;
}
.section-o .block-notes-tittle{
    border-bottom: none;
}
.section-o .block-notes-tittle h3{
    color: var(--black);
    font-weight: 900;     
}
.section-o .read-more-content{
    color: var(--black);
}
.section-o .card-details .autor{
    color: var(--black);
}
.section-o .card-details .date{
    color: var(--black);
}
.section-r .block-notes-tittle{
    border-bottom:none;
}
.section-r{
    background-color: var(--main);
    padding: 4rem 0 1rem;
    margin: 4rem 0 2rem;
}
.section-r .card-details .autor{
    color: var(--black);
}
.section-rS .card-details .date{
    color: var(--black);
}
.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);
}

.section h2{
    font-size: var(--main_title);
}


@media (min-width: 768px) {
    
    .section h3 .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%;
    }
    .column-2{
        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
    }

/* Columnista  */   
.chip{
    padding-left: 2.5rem;
}
      
.chip img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 70px;
    width: 70px;
    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 5rem;
    margin: 0 5rem;    
    border-top: 1px solid var(--light);
    border-bottom: 1px solid var(--light);
}

@media (max-width: 760px) {
    .contenido-titular{    
        padding: 1.5rem 0.5rem;
        margin: 0 3rem;    
        border-top: 1px solid var(--light);
        border-bottom: 1px solid var(--light);
    }  
}

.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);
}

/*Multimedia */
.container-multimedia {
    position: relative;
}
.container-multimedia .card-content img{
    height: 239px;
}
.container-multimedia .card-content{
    overflow: hidden;
}
@media (max-width: 1080px){
    .container-multimedia .card-content img{
        height: 180px;
    }
}
@media (max-width: 990px){
    .container-multimedia .card-content img{
        height: 120px;
    } 
}
@media (max-width: 760px) {
    .container-multimedia .card-content img{
        height: 290px;
    }   
}
@media (max-width: 560px) {
    .container-multimedia .card-content img{
        height: auto;
    }   
}
@media (max-width: 380px) {
    .container-multimedia .card-content img{
        height: 195px;
    }   
}
.container-multimedia .video-play {
    width: 54px;
    height: 38px;
    background: url(../img/iconos/YT-solo.svg) no-repeat;
    left: 50%;
    top: 50%;
    bottom: auto;
    margin-left: -27px;
    margin-top: -19px;
    position: absolute;
  }

  .modal-body {
    position:relative;
    padding:0px;
  }
  .btn-close {
    position:absolute;
    right:-30px;
    top:0;
  }



/*Point de vue*/
.opinion-block {
    overflow-x: auto;
    scrollbar-color: #c0a3a9 white;
    scrollbar-width: 10px;
    display: grid;
    grid-template-columns: repeat(4,25%);    
    height: 285px       
}

@media (max-width: 920px){
    .opinion-block {       
        grid-template-columns: repeat(4,85%);   
        height: 300px          
    }   
}
.opinion-block .contenido-opinion h2{
    line-height: 1.2em;
    min-height: 5.8em;
}
.card-opinion-block{
    border: 1px solid var(--light);
    padding: 20px;
    height: 250px;
}

.card-column{
    background-color: var(--light);
    padding: 10px 20px;
    height: auto;
    -webkit-box-shadow: 11px 9px 8px -6px rgba(107,106,107,0.38);
    -moz-box-shadow: 11px 9px 8px -6px rgba(107,106,107,0.38);
    box-shadow: 11px 9px 8px -6px rgba(107,106,107,0.38);
}

.container-banner-column{
    padding: 0;
}

.card-column .img-column img{
    object-fit: cover;
}

.mas-leidas {
    background: #f2f2f2;
    margin-bottom: 20px;
}
.mas-leidas h3 {
    background: #000;
    color: #fff;
    margin: 0;
    font-family: var(--Italic);
    font-size: 22px;
    padding: 8px 10px 10px 19px;
}
.mas-leidas ul {
    padding: 0 10px;
    margin: 0;
}
.mas-leidas li {
    padding: 12px 6px 12px 26px;
    border-top: 1px solid #dcdcdc;
    position: relative;
    font-size:var(--body_text);
}
@media (max-width:1080px){
    .mas-leidas li {
        padding: 12px 6px 12px 26px;
        border-top: 1px solid #dcdcdc;
        position: relative;
        font-size:var(--small-details);
    }
}
.mas-leidas li strong {
    position: absolute;
    left: 3px;
    top: 11px;
    color: #000;
    
    
}
.mas-leidas li span {
    color: #000;
    font-family: var(--RegularD);
    font-weight: 200;
    font-size: var(--details);
}
@media (min-width: 1281px){
    .contenedor-bloque-4 .card-title {
        line-height: 1.2em;
        min-height: 4.8em;
    }
}
@media (min-width: 767px) and (max-width: 1280px){
    .contenedor-bloque-4 .card-title {
        line-height: 1.2em;
        min-height: 4.8em;
    }
}
/*Notas Semanario */
.img-gallery {
    position: relative;
    font-family: Arial;
    margin-bottom: 20px;
  }
  .img-gallery img{
    height: 365px;
    object-fit: cover;
  }
  .text-block {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 90%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 20px;
  }
  .text-block h3 {
    color: var(--white);
    font-family: var(--Bold); 
    line-height: 1.2em;
    min-height: 2.4em; 
  }

  /*Ajuste título IDZ */

  @media (min-width:1024px){
    .text-block h3 {
        font-size: 16px;
      }
  }

  .text-block p{
    color: var(--white);
    font-family: var(--Regular);
    font-weight: 200;
  }

@media (min-width:1024px){
    .block-catastrofe, .block-main, .container-gallery, .contenedor-bloque-4, .container-multimedia, .block-interno {
        max-width:1320px
    }
}