:root {
    --border-tag: #c7c7c7;
    --gray-text: #aaaaaa;
    --main-color: #F07F22;
} 

.title-seleccionadas-para-ti{
    max-width: 1000px; 
    margin: 20px auto 40px auto;
    padding: 10px;
    border-bottom: 1px solid black;
}


.title-seleccionadas-para-ti h2{
    color: black;
    margin: 0;
    font-size: 28px;


}
.title-seleccionadas-para-ti span{
    color: #7A7A7A; 
    margin-bottom: 15px;
}
.container-last-posts-wrap-custom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.container-last-posts-wrap-custom .advertising-custom-post{
    width: 30%;
}
/* .box-custom {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: minmax(1fr, 300px) 14px minmax(1fr, 300px) 14px minmax(1fr, 300px) 14px minmax(1fr, 300px) 14px minmax(1fr, 300px) 14px minmax(1fr, 300px);
    -ms-grid-columns: 60% 40%;
        grid-template: repeat(6,  1fr) / 60% 40%;
    grid-row-gap: 14px;
}
 */

 .box-custom {
    max-width: 870px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 61% 39%;
    grid-template: repeat(6, 1fr) / 61% 39%;
    row-gap: 14px;
}



.container-last-posts-wrap-custom .advertising-custom-post{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    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;
    padding: 10px;
}

.last-posts-wrap-custom {
    position: relative;

}

.last-posts-wrap-custom:nth-child(1) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 /5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    grid-row-start: 1;
    grid-row-end: 4;
}

.last-posts-wrap-custom:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 /4;
    -ms-grid-row: 4;
        grid-row-start: 4;
    -ms-grid-row-span: 3;
    grid-row-end: 7;
}

.last-posts-wrap-custom:nth-child(3) {
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
}

.last-posts-wrap-custom:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3/5;
    grid-row-start: 3;
    grid-row-end: 5;
}

.last-posts-wrap-custom:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    grid-row: 5/7;
    grid-row-start: 5;
    grid-row-end: 7;
}

.last-posts-wrap-custom:nth-child(1) .box-viveAfro-custom,
.last-posts-wrap-custom:nth-child(2) .box-viveAfro-custom {
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}

.last-posts-wrap-custom:nth-child(1) .box-viveAfro-custom,
.last-posts-wrap-custom:nth-child(2) .box-viveAfro-custom {
    width: 100%;
}

.box-viveAfro-custom img {
    width: 100%;
    height: 100%;
}

@supports((-o-object-fit: cover) or (object-fit: cover)) {
    .box-viveAfro-custom img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center center;
           object-position: center center;
    }
}

.tag-viveAfro-custom a {
    border-color: transparent;
    color: #000000;
    letter-spacing: 1.7px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 12px 12px 12px 12px;
    padding: 0px 12px;
    margin: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: white;
    margin-bottom: 5px;
    
}

.last-posts-wrap-custom:nth-child(1) .tag-viveAfro-custom,
.last-posts-wrap-custom:nth-child(2) .tag-viveAfro-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    z-index: 2;
}

.last-posts-wrap-custom:nth-child(1) .Date-ViveAfro-custom,
.last-posts-wrap-custom:nth-child(2) .Date-ViveAfro-custom {
    z-index: 2;
    color: white;
    left: 23px;
    font-weight: 600;
    font-size: 14px;
}

.last-posts-wrap-custom:nth-child(1) h2,
.last-posts-wrap-custom:nth-child(2) h2 {
    font-size: 18px;
    color: white;
    width: 85%;
}
.hiddenPost-fecha {
    color: white;
    z-index: 11;
}
.last-posts-wrap-custom:nth-child(1) .hiddenPost-fecha a,
.last-posts-wrap-custom:nth-child(2) .hiddenPost-fecha a {
    color: white;
}

.last-posts-wrap-custom:nth-child(1) .hiddenPost-fecha a:hover,
.last-posts-wrap-custom:nth-child(2) .hiddenPost-fecha a:hover {
    color: #F07F22;
}
.last-posts-wrap-custom:nth-child(1) h2 a,
.last-posts-wrap-custom:nth-child(2) h2 a {
    color: white;
}

.last-posts-wrap-custom:nth-child(1) h2 a:hover,
.last-posts-wrap-custom:nth-child(2) h2 a:hover {
    color: #F07F22
}
.last-posts-wrap-custom:nth-child(1) .tag-viveAfro-custom-letf,
.last-posts-wrap-custom:nth-child(2) .tag-viveAfro-custom-letf,
.last-posts-wrap-custom:nth-child(1) .autor-viveAfro,
.last-posts-wrap-custom:nth-child(2) .autor-viveAfro {
    display: none;
}

span.tag-viveAfro-custom.hidden {
    display: none;
}

section.containerPost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.last-posts-wrap-custom:nth-child(5) .box-viveAfro-custom.img {
    width: 224px;
    min-width: 224px;
}

.box-viveAfro-custom.img {
    width: 224px;
    min-width: 224px;
    margin-right: 16px;
}

.box-viveAfro-custom.img img {
    border-radius: 8px;
    height: 100%;
}

.tag-viveAfro-custom-letf a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.tag-viveAfro-custom-letf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body > main > div > div.elementor.elementor-1071 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-3f29653a.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div > div > div > div > div > div.container-last-posts-wrap-custom > div.box-custom > div:nth-child(4) > section > div.containerDate > h2 {
	 line-height: 16px !important;
}

.containerDate h2 a {
    font-size: 19px;
    color: black;
    font-weight: 600;

}

.containerDate h2 a:hover{
    color: #F07F22
}

.autor-viveAfro-contar {
    font-size: 13px;
    color: var(--gray-text);
}

.autor-viveAfro-contar a{
    font-size: 13px;
    color: var(--gray-text);
    color: black;
}

.autor-viveAfro-contar a:hover {
    color: var(--main-color);
}

.autor-viveAfro-contar  strong{
    color: black;
}


.last-posts-wrap-custom:nth-child(3) .box-viveAfro-custom.img img,
.last-posts-wrap-custom:nth-child(4) .box-viveAfro-custom.img img,
.last-posts-wrap-custom:nth-child(5) .box-viveAfro-custom.img img {
    width: 100%;
    margin-top: 0px;
    height: 100%;
}
.last-posts-wrap-custom:nth-child(3) .box-viveAfro-custom.img ,
.last-posts-wrap-custom:nth-child(4) .box-viveAfro-custom.img ,
.last-posts-wrap-custom:nth-child(5) .box-viveAfro-custom.img  {
  position: relative;
}


.last-posts-wrap-custom:nth-child(3) p.autor-viveAfro,
.last-posts-wrap-custom:nth-child(4) p.autor-viveAfro,
.last-posts-wrap-custom:nth-child(5) p.autor-viveAfro,
.last-posts-wrap-custom:nth-child(3) .Date-ViveAfro-custom,
.last-posts-wrap-custom:nth-child(4) .Date-ViveAfro-custom,
.last-posts-wrap-custom:nth-child(5) .Date-ViveAfro-custom {
    display: inline-block;
    font-size: 13px;
}

p.autor-viveAfro {
    font-size: 13px;
}

.textPost {
    overflow: hidden;
    font-size: 13px;
}
.containerDate {
    margin-right: 18px;
}
.last-posts-wrap-custom:nth-child(1) .textPost p,
.last-posts-wrap-custom:nth-child(2) .textPost p {
    display: none;
}

.last-posts-wrap-custom:nth-child(5) .textPost p {
    display: block;
}


.last-posts-wrap-custom:nth-child(1)  .box-viveAfro-custom .pcurl ,
.last-posts-wrap-custom:nth-child(2) .box-viveAfro-custom .pcurl {
    width: 0px;
    height: 0px;
   position: absolute;
    bottom: 0;
    right: 0px ;
    background: -o-linear-gradient(315deg, #f07f22, #f07f22 20%, #f07f22 38%, #f07f22 44%, #f07f22 50%, rgba(255, 255, 255, 0.9) 50%,  rgba(255, 255, 255) 60%, rgba(255, 255, 255));
    background: linear-gradient(135deg, #f07f22, #f07f22 20%, #f07f22 38%, #f07f22 44%, #f07f22 50%, rgba(255, 255, 255, 0.9) 50%,  rgba(255, 255, 255) 60%, rgba(255, 255, 255));
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }

  .last-posts-wrap-custom:nth-child(1) .box-viveAfro-custom:hover .pcurl,
  .last-posts-wrap-custom:nth-child(2) .box-viveAfro-custom:hover .pcurl{
  width: 80px;
    height: 80px;   
}



.last-posts-wrap-custom:nth-child(3)  .box-viveAfro-custom .pcurl,
.last-posts-wrap-custom:nth-child(4)  .box-viveAfro-custom .pcurl,
.last-posts-wrap-custom:nth-child(5)  .box-viveAfro-custom .pcurl{
    width: 0px;
    height: 0px;
   position: absolute;
    bottom: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    right: 0px ;
    background: -o-linear-gradient(315deg, #f07f22, #f07f22 20%, #f07f22 38%, #f07f22 44%, #f07f22 50%, rgba(255, 255, 255, 0.9) 50%,  rgba(255, 255, 255) 60%, rgba(255, 255, 255));
    background: linear-gradient(135deg, #f07f22, #f07f22 20%, #f07f22 38%, #f07f22 44%, #f07f22 50%, rgba(255, 255, 255, 0.9) 50%,  rgba(255, 255, 255) 60%, rgba(255, 255, 255));
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.last-posts-wrap-custom:nth-child(3) .box-viveAfro-custom:hover .pcurl,
.last-posts-wrap-custom:nth-child(4) .box-viveAfro-custom:hover .pcurl,
.last-posts-wrap-custom:nth-child(5) .box-viveAfro-custom:hover .pcurl{
    width: 40px;
    height: 40px;
    
}
.box-viveAfro-custom{
    -webkit-transition-duration: 5s;
         -o-transition-duration: 5s;
            transition-duration: 5s;
}
.last-posts-wrap-custom:nth-child(3) .containerPost .box-viveAfro-custom.img:hover:before,
.last-posts-wrap-custom:nth-child(4) .containerPost .box-viveAfro-custom.img:hover:before,
.last-posts-wrap-custom:nth-child(5) .containerPost .box-viveAfro-custom.img:hover:before {
content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.1);
    border-radius: 8px;
    -webkit-transition-duration: 5s;
         -o-transition-duration: 5s;
            transition-duration: 5s;
}
.last-posts-wrap-custom:nth-child(1) .box-viveAfro-custom.img,
.last-posts-wrap-custom:nth-child(2) .box-viveAfro-custom.img,
.last-posts-wrap-custom:nth-child(1) .containerDate,
.last-posts-wrap-custom:nth-child(2) .containerDate
{
        margin-right: 0px;
}



.hiddenPost{
    display: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.last-posts-wrap-custom:nth-child(1) .containerDate,
.last-posts-wrap-custom:nth-child(2) .containerDate{
    display: none;
    z-index: 5;
}
.last-posts-wrap-custom:nth-child(1):hover .hiddenPost,
.last-posts-wrap-custom:nth-child(2):hover .hiddenPost{
    -webkit-transform: translate(0,-13px);
        -ms-transform: translate(0,-13px);
            transform: translate(0,-13px);
    -webkit-transition:  0.35s;
    -o-transition:  0.35s;
    transition:  0.35s;
}
.hiddenPost-fecha{
    z-index: 10;
    width: 80%;
}
.last-posts-wrap-custom:nth-child(1) .hiddenPost,
.last-posts-wrap-custom:nth-child(2) .hiddenPost{
    display: initial;
    position: absolute;
    left: 43px;
    bottom: 0px;
    width: 80%;
}
.last-posts-wrap-custom:nth-child(1)  .box-viveAfro-custom.img:hover:before,
.last-posts-wrap-custom:nth-child(2) .box-viveAfro-custom.img:hover:before{
    background-color: rgba(0,0,0,0.4);
}

.last-posts-wrap-custom:nth-child(1)  .box-viveAfro-custom.img:before,
.last-posts-wrap-custom:nth-child(2) .box-viveAfro-custom.img:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left:20px ;
    right: 0;
    background-color: rgba(0,0,0,0.2);
    border-radius: 8px;
    -webkit-transition-duration: 5s;
         -o-transition-duration: 5s;
            transition-duration: 5s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.call_to_action_container {
    margin: 60px auto 0px auto;  
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.register-title-custom-post{
    color: black;
    margin: 0 auto 35px  auto;
    text-align: center;
}



.call_to_action_container {
    margin: 60px auto 60px auto;  
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.register-title-custom-post{
    color: black;
    margin: 0 auto 35px  auto;
    text-align: center;
}


.call_to_action_container .button-register{
    margin: 0  auto; 
    font-weight: 600;
    color: white !important;;
    background-color: #f07f22 !important;
    text-align: center;;
    -webkit-user-select: none;;
       -moz-user-select: none;;
        -ms-user-select: none;;
            user-select: none;
    background-color: transparent;
    padding: .5rem 2rem;
    font-size: 1.3rem;
    border-radius: 3px;
    cursor: pointer

}

@media (max-width: 1600px) {
    .containerDate h2 a{
        font-size: 15px;
    }
    
}

@media (max-width: 1300px) {
    .box-custom{
        -ms-grid-columns: 50% 50%;
        grid-template-columns: repeat(2, 50%);
        -ms-grid-rows:  100px 50px 100px 50px 180px 50px 180px 50px 180px;
        grid-template-rows:  100px 100px 180px 180px 180px;
        grid-row-gap: 50px;
    
    }
    .box-custom > *:nth-child(1){
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    
    }
    .box-custom > *:nth-child(2){
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    
    }
    .box-custom > *:nth-child(3){
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    
    }
    .box-custom > *:nth-child(4){
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    
    }
    .box-custom > *:nth-child(5){
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    
    }
    .box-custom > *:nth-child(6){
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    
    }
    .box-custom > *:nth-child(7){
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    
    }
    .box-custom > *:nth-child(8){
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    
    }
    .box-custom > *:nth-child(9){
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    
    }
    .box-custom > *:nth-child(10){
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    
    }
    .last-posts-wrap-custom:nth-child(1) {
        grid-column: initial;
        grid-row: initial;
        -ms-grid-row: 1;
            grid-row-start: 1;
        -ms-grid-row-span: 2;
        grid-row-end: 3;
    }
    .last-posts-wrap-custom:nth-child(2) {
        grid-column: initial;
        grid-row: initial;
        margin-left: 10px;
        -ms-grid-row: 1;
            grid-row-start: 1;
        -ms-grid-row-span: 2;
        grid-row-end: 3;
    }
    .last-posts-wrap-custom:nth-child(3) {
        grid-column: initial;
        grid-row: initial;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span:2;
        grid-column-end:3 ;
    }
    .last-posts-wrap-custom:nth-child(4) {
        grid-column: initial;
        grid-row: initial;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span:2;
        grid-column-end:3 ;
    }
    .last-posts-wrap-custom:nth-child(5) {
        grid-column: initial;
        grid-row: initial;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span:2;
        grid-column-end:3 ;
    }
    .textPost p{
        width: 500px;
 } 
}

@media (min-width: 1024px) {
    .box-custom{
        max-height: 650px;
    }
}
@media (max-width: 959px) {
    .box-custom{
        -ms-grid-rows: 100px 20px 100px 20px 100px 20px 100px 20px 200px 20px 200px 20px 200px;
        -ms-grid-columns: 100%;
            grid-template: 100px 100px 100px 100px repeat(3, 200px) / 100%;
        row-gap: 20px;
    }
    .last-posts-wrap-custom:nth-child(2) {
        margin-left: 0px;
        -ms-grid-row: 3;
            grid-row-start: 3;
        -ms-grid-row-span: 2;
        grid-row-end: 5;
    }
    .last-posts-wrap-custom:nth-child(3),
    .last-posts-wrap-custom:nth-child(4),
    .last-posts-wrap-custom:nth-child(5){
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2 ;
    }
    .textPost p {
        width: auto;
    }
}

@media (max-width: 800px){

    .container-last-posts-wrap-custom{
        display: flex;
        flex-direction: column;

    }

    .container-last-posts-wrap-custom .advertising-custom-post {
        
        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 15px;
    }

    .container-last-posts-wrap-custom .advertising-custom-post img{
        width: 70%;
        max-width: 300px;
    }
}

@media (max-width:700px) {
    .containerDate h2 a{
        font-size: 14px;
    }
    .tag-viveAfro-custom-letf a {
        border-color: rgb(199, 199, 199);
        color: #000000;
        letter-spacing: 0.2px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-radius: 9px;
        padding: 1px 8px;
        margin: 3px;
        background: white;
        margin-bottom: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
@media (max-width:575px) {
    .box-custom{
        -ms-grid-rows: 150px 20px 150px 20px 150px 20px 150px 20px 420px 20px 420px 20px 420px;
        -ms-grid-columns: 100%;
            grid-template: 150px 150px 150px 150px repeat(3, 420px) / 100%;
        row-gap: 20px;
    }
    .last-posts-wrap-custom:nth-child(3),
    .last-posts-wrap-custom:nth-child(4),
    .last-posts-wrap-custom:nth-child(5){
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
    }
    section.containerPost{
        display: block;
    }
    .last-posts-wrap-custom:nth-child(3) .box-viveAfro-custom.img, .last-posts-wrap-custom:nth-child(4) .box-viveAfro-custom.img, .last-posts-wrap-custom:nth-child(5) .box-viveAfro-custom.img {
        position: relative;
        width: inherit;
        height: 200px;
        margin: auto;
    }
    span.tag-viveAfro-custom-letf {
        margin-top: 12px;
    }
    .textPost p{
         text-align: justify;
    }
    .tag-viveAfro a {
        border-color: transparent;
        color: #000000;
        letter-spacing: 1.7px;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-radius: 12px 12px 12px 12px;
        padding: 1px 13px;
        margin: 4px;
        background: white;
        margin-bottom: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 12px;
        
    }
}

@media (max-width:333px) {
    .last-posts-wrap-custom:nth-child(3) .box-viveAfro-custom.img, .last-posts-wrap-custom:nth-child(4) .box-viveAfro-custom.img, .last-posts-wrap-custom:nth-child(5) .box-viveAfro-custom.img {
        width: initial;
    }
}.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}