body {
  background: #f5f5f5;
  margin: 0;
  padding: 0;
}

/* POST CSS */
.post-box {
  max-width: 900px;
  width: 100%;
  margin: auto;
  padding: 0 15px;

}
.post-content img {
  max-width: 100%;
  height: auto;
}

.btn-more {
  margin-top: 1rem;
  display: inline-block;
  background-color: var(--gris-boton);
  font-size: 0.8rem;
  color: #fff;
  padding: 0.4rem 0.9rem;
  text-decoration: none;
  border-radius: 999px;
  width: fit-content;
}

.btn-more:hover {
  background-color: var(--gris-boton-hover);
  transform: translateX(2px);
  color: #fff;
}

/* ===== DESCRIPCION ===== */
.post-description {
  font-size: 26px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 25px;
  font-weight: 500;
}

.post-description div{
  display: flex;
  align-items: center; /* Centrado vertical */
  justify-content: left; /* Centrado horizontal (opcional) */
  /*height: 100vh;  Altura necesaria para ver el centrado */
}

.post-description img{
width:50px;
margin-right:10px;
vertical-align:middle;
}

.post-description span{
  margin-left: 15px; 
  font-size: 14px; 
  line-height:1.2;
}

@media(max-width:768px){
  .post-box h1{
    font-size: 40px; 
    line-height:1.2;
  }
  .post-description {
    font-size: 30px;
    line-height: 1.4;
    color: #444;
    margin-bottom: 25px;
    font-weight: 500;
  }
  .post-description span{
    margin-left: 15px; 
    font-size: 20px; 
    line-height:1.2;
  }
}

/* ===== TEXTO ===== */
.post-text{
  padding:40px;
  border-radius:4px;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.post-text h3{
  padding:20px 0 10px 0 ;
  font-size:26px;
  line-height:1;
  color:#141414;
}
.post-text p{
  font-size:20px;
  line-height:1.7;
  color:#6e6e6e;
}

@media(max-width:1024px){
  .post-text{
      padding:30px;
      border-radius:4px;
      background:#fff;
      box-shadow:0 4px 18px rgba(0,0,0,.06);
  }
    .post-text h3{
      padding:20px 0 10px 0 ;
      font-size:30px;
      line-height:1.2;
  }
    .post-text p{
      font-size:26px;
      line-height:1.7;
  }
}

@media(max-width:768px){
  .post-text{
      padding:20px;
      border-radius:4px;
      background:#fff;
      box-shadow:0 4px 18px rgba(0,0,0,.06);
  }
    .post-text h3{
      padding:20px 0 10px 0 ;
      font-size:29px;
      line-height:1.5;
  }
    .post-text p{
      font-size:27px;
      line-height:1.6;
      color: #000000;
  }  
}