/* #header{ */
    /* height: auto; */
/* } */
p {

     margin-bottom: 0px !important; 
     margin-top: 0px !important; 
}
h2:not(:last-child) {
    margin-bottom: 8px;
    margin-top: 8px;
    font-size: 24px;
}

.grid-articles-v2 .post-entry {
    width: 25%;
    margin-left:0%;
    margin-top: 0%;
}
.grid-articles-v2 .principal {
    width: 49.75% !important;
    margin-bottom:2.5px !important;  

}
.grid-articles-v2 .principal2 {
    width: 49.75% !important;    
    margin-left:2.5px !important;
    margin-bottom:2.5px !important;
}
.grid-articles-v2 .secundaria {
    width: 24.75% !important;    
    margin-left:2.5px !important;
    margin-bottom:2.5px !important;
}
/*para que grid de articulos  tenga altura fija*/
.post-item .post-item-description_sobreescribe {
    
    height: 270px !important;
}
.post-item-description_sobreescribe h2 {
    
  display: block !important;
  display: -webkit-box !important;
  max-width: 100% !important;
  margin-bottom: 15px;
  max-height: 85px !important;
  margin: 0 auto !important;
  font-size: 14px !important;
  
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
   
}
.metadescripcion{
    
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 90px;
  margin: 0 auto;
  font-size: 14px;
  
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#elcontenido {
    max-width: 1000px;
    margin: 0 auto;
}

#editor h1,#editor h2,#editor h3,#editor h4{
    margin-bottom: 15px!important;
    margin-top: 15px!important;
}
#elcontenido h1,#elcontenido h2,#elcontenido h3,#elcontenido h4{
    margin-bottom: 15px!important;
    margin-top: 15px!important;
}
#editor i:not(.fa):not(.fab):not(.far):not(.fas){
    font-family: sans-serif!important;    
    font-style: italic!important;
}
#elcontenido i:not(.fa):not(.fab):not(.far):not(.fas){
    font-family: sans-serif!important;    
    font-style: italic!important;
}

#elcontenido ul li,#editor ul li {
    color:black!important;
    margin-left:30px!important;
    font-size: 16px;
    
}
/*REACCIONES*/
.contiene_contenido1{

    overflow: hidden;
    max-width: 1300px;
    margin:0 auto;
    
}
.post_item1{
    padding: 5px;
}
.itemm{
    width:100%;
    box-sizing: border-box;                  
    height:300px;
    display:inline-block;
    border-radius:10px;
    position: relative;
/*        border:1px solid rgba(203, 203, 203, 0.67);*/
}

 .itemm .subcontenedor{
    height:60%;
    width:100%;
    background:rgba(0, 0, 0, 0);
    position: absolute;
    bottom:0px;
    padding: 10px;
    border-radius:0px 0px 10px 10px;
}
 .itemm .subcontenedor_todo{
    height:100%;
    width:100%;               

    position: absolute;
    bottom:0px;
    padding: 10px;
    border-radius:0px 0px 10px 10px;

    background: rgb(40,22,3);
    background: -moz-linear-gradient(0deg, rgba(40,22,3,1) 2%, rgba(40,22,3,0.9556197478991597) 11%, rgba(40,22,3,0.865983893557423) 20%, rgba(40,22,3,0.7455357142857143) 30%, rgba(40,22,3,0.5186449579831933) 43%, rgba(40,22,3,0.36738445378151263) 53%, rgba(40,22,3,0.19091386554621848) 64%, rgba(40,22,3,0) 83%);
    background: -webkit-linear-gradient(0deg, rgba(40,22,3,1) 2%, rgba(40,22,3,0.9556197478991597) 11%, rgba(40,22,3,0.865983893557423) 20%, rgba(40,22,3,0.7455357142857143) 30%, rgba(40,22,3,0.5186449579831933) 43%, rgba(40,22,3,0.36738445378151263) 53%, rgba(40,22,3,0.19091386554621848) 64%, rgba(40,22,3,0) 83%);
    background: linear-gradient(0deg, rgba(40,22,3,1) 2%, rgba(40,22,3,0.9556197478991597) 11%, rgba(40,22,3,0.865983893557423) 20%, rgba(40,22,3,0.7455357142857143) 30%, rgba(40,22,3,0.5186449579831933) 43%, rgba(40,22,3,0.36738445378151263) 53%, rgba(40,22,3,0.19091386554621848) 64%, rgba(40,22,3,0) 83%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281603",endColorstr="#281603",GradientType=1);



}
 .itemm .subcontenedor_todo:hover{
         background: rgb(40,22,3);
        background: -moz-linear-gradient(0deg, rgba(40,22,3,0.9332107843137255) 2%, rgba(40,22,3,0.8211659663865546) 11%, rgba(40,22,3,0.7035189075630253) 20%, rgba(40,22,3,0.5942752100840336) 30%, rgba(40,22,3,0.4066001400560224) 43%, rgba(40,22,3,0.25253851540616246) 53%, rgba(40,22,3,0.09567577030812324) 64%, rgba(40,22,3,0) 83%);
        background: -webkit-linear-gradient(0deg, rgba(40,22,3,0.9332107843137255) 2%, rgba(40,22,3,0.8211659663865546) 11%, rgba(40,22,3,0.7035189075630253) 20%, rgba(40,22,3,0.5942752100840336) 30%, rgba(40,22,3,0.4066001400560224) 43%, rgba(40,22,3,0.25253851540616246) 53%, rgba(40,22,3,0.09567577030812324) 64%, rgba(40,22,3,0) 83%);
        background: linear-gradient(0deg, rgba(40,22,3,0.9332107843137255) 2%, rgba(40,22,3,0.8211659663865546) 11%, rgba(40,22,3,0.7035189075630253) 20%, rgba(40,22,3,0.5942752100840336) 30%, rgba(40,22,3,0.4066001400560224) 43%, rgba(40,22,3,0.25253851540616246) 53%, rgba(40,22,3,0.09567577030812324) 64%, rgba(40,22,3,0) 83%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281603",endColorstr="#281603",GradientType=1);
}
.subcontenedor .descripcion{

   position: relative;
    height:85%;
    width:100%;

}
 .subcontenedor .descripcion .subdesp{
     bottom: 20px;
     position: absolute;
}

.subcontenedor .descripcion .categoria{
    font-size: 12px;
    margin-bottom: 5px;

}
 .subcontenedor .descripcion .categoria a{
         font-weight: normal!important; 
}
 .subcontenedor .descripcion a,.subcontenedor .descripcion p{
      color:white!important;
     font-weight: bold;
}
.subcontenedor .reacciones{
    height:20%;
    width:100%;

}

.emojies-box {
    width: 375px!important;
    height: 64px!important;
    padding: 5px;
    z-index: 2;
    box-shadow: none;

    background: rgb(40,22,3);
    background: -moz-linear-gradient(0deg, rgba(40,22,3,1) 2%, rgba(40,22,3,0.9612219887955182) 11%, rgba(40,22,3,0.8995973389355743) 20%, rgba(40,22,3,0.8491771708683473) 30%, rgba(40,22,3,0.773546918767507) 43%, rgba(40,22,3,0.7203256302521008) 53%, rgba(40,22,3,0.6474964985994398) 64%, rgba(40,22,3,0.5690651260504201) 83%);
    background: -webkit-linear-gradient(0deg, rgba(40,22,3,1) 2%, rgba(40,22,3,0.9612219887955182) 11%, rgba(40,22,3,0.8995973389355743) 20%, rgba(40,22,3,0.8491771708683473) 30%, rgba(40,22,3,0.773546918767507) 43%, rgba(40,22,3,0.7203256302521008) 53%, rgba(40,22,3,0.6474964985994398) 64%, rgba(40,22,3,0.5690651260504201) 83%);
    background: linear-gradient(0deg, rgba(40,22,3,1) 2%, rgba(40,22,3,0.9612219887955182) 11%, rgba(40,22,3,0.8995973389355743) 20%, rgba(40,22,3,0.8491771708683473) 30%, rgba(40,22,3,0.773546918767507) 43%, rgba(40,22,3,0.7203256302521008) 53%, rgba(40,22,3,0.6474964985994398) 64%, rgba(40,22,3,0.5690651260504201) 83%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#281603",endColorstr="#281603",GradientType=1);
}
.reacciones{
    padding-left: 3px;

} 
.reacciones span{

    color:#ff0000!important;
}
.reaction-btn{
    margin: 0px;
}
.reaction-btn-emo {
    display: inline;
    margin: 0px;
}
.comentarios_home{
    margin-top:5px;
    color:#ffb100; 

}
.comentarios_home:hover{
    text-decoration: underline;

}
.descripcion_reaccion{

    display: inline-block;
}
.subreacciones{
    margin-left:10px;
    color:white;
    width: 100px;
    display: inline-block;
}
.subreacciones img{
    display: inline-block!important;
    height: 20px!important;
    width: 20px!important;
}
.totalreacciones{
    display: inline-block;
}
/*REACCIONES*/
@media (min-width: 0px) and (max-width: 976px) {

    .grid-articles-v2:not(.post-carousel) .post-entry {

        margin-left: 0px !important;
        margin-bottom: 2.5px !important;
        margin-top: 0% !important;
    }
    .grid-articles-v2 .secundaria {
        width: 49.75% !important;    
        margin-left:1px !important;
        margin-bottom:0px !important;
    }

}

/* Responsive grid for the blog — 6 cols desktop, 1 on mobile */
@media (min-width: 1400px) {
    .custom-blog-grid .post-item { width: 16.6666% !important; padding: 0 10px; } /* 6 columns */
}
@media (max-width: 1399px) and (min-width: 1200px) {
    .custom-blog-grid .post-item { width: 16.6666% !important; padding: 0 8px; } /* 6 columns */
}
@media (max-width: 1199px) and (min-width: 992px) {
    .custom-blog-grid .post-item { width: 25% !important; padding: 0 8px; } /* 4 columns */
}
@media (max-width: 991px) and (min-width: 768px) {
    .custom-blog-grid .post-item { width: 33.3333% !important; padding: 0 8px; } /* 3 columns tablet */
}
@media (max-width: 767px) {
    .custom-blog-grid .post-item { width: 100% !important; padding: 0 8px; } /* 1 column on mobile */
}

/* Custom Blog Container - 300px wider on desktop, fully responsive on mobile */
@media (min-width: 1200px) {
    .custom-blog-container {
        max-width: 1440px !important;
        width: 100% !important;
    }
}
@media (min-width: 1400px) {
    .custom-blog-container {
        max-width: 1620px !important;
        width: 100% !important;
    }
}