/*fix de altura*/

.fix-hero{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }
    
    /*-- cuando es img --*/
    
    
    .left-col{
        position: relative;
        min-width: 40%;
    }
    
    .right-col{
        min-width: 60%;
        margin-left: 1rem;
        overflow: hidden;
    }
    
    .post-header__image{
    
        height: 100%;
        max-height: 500px;
        border-radius: 3px;
			-o-object-fit: cover;
object-fit: cover;

    }



.post-header__image.fill{
-o-object-fit: fill;
object-fit: fill;

}

    
    @media (max-width:767px){
    
    .post-header__image,
.post-header__image.fill{
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;}
    
    }
    
    /*-- estilos añadidos extras --- */
    
    .tagtimer{
    
    display:-webkit-box;
    
    display:-ms-flexbox;
    
    display:flex;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    margin-bottom: 2rem;
    padding-top: 1.5rem;
    
    }
    
    .tagtimer::before{
        content: '';
        border-radius: 3px;
        display: block;
        height: 5px;
        width: 110px;
        background-color: var(--main-color);
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .post-section-hero .tagtimer li{
    margin-left:0;
    }
    
    .blogescritor{
    
    display:-webkit-box;
    
    display:-ms-flexbox;
    
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin-left:1rem;
    
        
    }
    
    
    
    /* tiempo de lectura */
    
    .reading-time{
    
    text-transform:uppercase;
    color:inherit;
    margin-bottom:0;
    line-height:1.6; 
    font-size:inherit; 
    font-weight:500;
    -webkit-font-smoothing: antialiased;
      
    }
    
    .reading-time span{
    font-weight:600;
    
    }
    
    /* autor */
    
    .post-hero-section .post-author-list{   
    
      display:-webkit-box;   
    
      display:-ms-flexbox;   
    
      display:flex;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 2rem;
    
    }
    
    .post-image-container{
      position: relative;
      width: 64px;
      height: 64px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    /*
    .post-image-container::before{
        content: '';
        display: block;
        position: absolute;
        width: calc(100% + 5px);
        height: calc(100% + 5px);
        border-radius: 50%;
        border: 2px solid var(--main-color);
    } 
    */
    
    .post-hero-section .hs-author-avatar{
       overflow: hidden;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        position: relative;
        border: 3px solid #fff;
        top: 1px;
        left: 1px;
          -webkit-box-shadow: 0 0 0 2px var(--main-color);
                  box-shadow: 0 0 0 2px var(--main-color);
        }
    
    
    .post-image-container img{
      -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    min-width: 100%;}
    
    .blogescritor a{
      -webkit-transition: all 0s ease!important;
      transition: all 0s ease!important;
        color: var(--link-color);}
    
    .blogescritor a:hover{
    
        color: var(--link-color-dark);
      text-decoration:underline;
    }
    
    /* descargables */
    .noshow{
     display:none;
    }
    
    .post-author-cta {
        bottom: 0;
        margin-top: 2rem;
        text-align: center;
    
    }
    
    .post-author-cta p {
        font-size: 0.825rem;
    }
    
    
    .cta--blog a.cta_button[title]{
    border-radius: 3px;
    background-color: var(--main-color);
    font-size: 0.875rem;
    padding: 0.75rem 1.5rem;
    color: var(--bluedeep);
    }
    .cta--blog a.cta_button[title]:hover{
    color:var(--bluedeep);
    background-color: var(--main-color-light);
    }
    
    
    /*-- estilos Basicos --- */
    
    .block-blog .post-hero-section .post-section-hero .post_featured_image{
    height:100%;
    /*  padding-bottom:67.5%;*/
       background-repeat:no-repeat;
       background-size:cover;
       background-position:center center;
          border-radius: 3px;
    }
    
    .post-author-list .span2{
    
    -ms-flex-preferred-size:0;
    
        flex-basis:0;
    }
    
    .block-blog .post-hero-section .post-section-hero .post-author-list span{
       font-size:16px;
       font-weight:normal;
       letter-spacing:0px;
      margin-bottom:.4em;
    }
    .block-blog .post-hero-section .post-section-hero .post-author-list span:last-child{
      font-weight: 500;}
    
    .block-blog .post-hero-section .post-section-hero .post-sharing-icons ul{
       list-style-type:none;
       margin:0;
    }
    
    .block-blog .post-hero-section .post-section-hero .post-sharing-icons ul li i{
       font-size:19px;
    }
    
    .block-blog .post-hero-section .post-section-hero .post-sharing-icons{
       padding-top:63px;
    }
    
    .block-blog .post-hero-section .post-section-hero .post-sharing-icons ul li{
       line-height:30px;
    }
    
    .block-blog .post-hero-section .post-section-hero .topic-list{
       list-style-type:none;
       margin:0;
    
    }
    
    .block-blog .post-hero-section .post-section-hero .topic-list li{
    display:none;
    }
    
    .block-blog .post-hero-section .post-section-hero .topic-list li:first-child{
    display:block;
    }
    
    
    
    
    body.block-blog .post-hero-section .post-section-hero .left-col h1{
     /*  font-size:40px; */
     /*  line-height:55px; */
       letter-spacing:0;
     /*  font-weight:600; */
       margin-bottom:3rem;
       padding-bottom:0;
    
    
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.5em;
    }
    
    body.block-blog .post-hero-section .post-section-hero .left-col h1>a{
       font-weight:600;
    }
    
    .block-blog .post-hero-section .post-section-hero .topic-list h5>a{
       text-transform:uppercase;
       position:relative;
       display:inline-block;
       color:inherit;
       font-weight: 600;
       font-size: inherit;
       letter-spacing: 0.05em;
    
    }
    
    /*
    .block-blog .post-hero-section .post-section-hero .topic-list h5>a:after{
        width: auto;
        display: block;
        left: 0;
        content: '';
        background: #cccbcb;
        height: 2px;
        position: absolute;
        top: 19px;
        right: 0;
    }*/
    
    .block-blog .post-hero-section .post-section-hero .topic-list h5{
        font-size:inherit;
        line-height:1.6;
        letter-spacing:0.6px;
        margin-bottom:0;
    }
    
    .block-blog .post-hero-section{
       padding:55px 0 43px;
    }
    
    
    
    
    @media(max-width:1024px){
    
    .block-blog .post-hero-section .post-section-hero .left-col h1{
        font-size: 38px;
        line-height: 44px;
    }
      
    .block-blog .post-hero-section .post-section-hero .post-sharing-icons{
         padding-top: 30px;
    }
      
    body.block-blog .post-hero-section .post-section-hero .left-col h1{
       font-size: 35px;
       line-height: 44px; 
    }
    
    }
    
    
    
    @media(max-width:767px){
      
    .fix-hero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }	
        
    .post-author-cta{
    
    margin-bottom:2rem;
    
    }  
    
    .block-blog .post-hero-section .post-section-hero .post-sharing-icons{
        padding-top: 25px;
        padding-bottom: 25px;
    }
      
    .block-blog .post-hero-section{
       padding: 35px 0 10px;
    }
      
    body.block-blog .post-hero-section .post-section-hero .left-col h1{
       font-size:30px;
       line-height:42px;
    }
      
    .block-blog.hs-blog-post .blog-body{
        padding-top:30px;
    } 
      
    .block-blog .post-hero-section .post-section-hero .post-sharing-icons ul li{
        margin-right:8px;
        display:inline-block;
    }
      
    .block-blog .post-hero-section .post-section-hero .left-col h1 {
        font-size: 30px;
        line-height: 35px;
    }
      
    .block-blog .post-hero-section .post-section-hero .post_featured_image {
        height: 350px;
    }
      
    .hs-blog-post .blog-content .left-col{
       margin-bottom:30px;
    }
    
    }