.align-self-center {
    justify-content: left;
}

.postImage {
    object-fit: contain;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
}

.add-new {
    background-color: #d5c9d5;
    width: 100%;
    height: 300px;
    border: 0.5px solid #a0a0a0;
    border-radius: 15px;
}

.sectionEditNew {
    background-color: #ffedfe;
}

.sectionEditTitle {
    color: #aa16a3;
    font-size: 32px;
    font-weight: bold;
    padding: 30px;
    text-align: center;
    margin:50px, 50px, 50px, 50px;
}

.contNews {
    justify-content: center;
}

.newsInf {
    height: auto;
    justify-content: space-between;
    column-gap: 25px;
}

.blockAddNews {
    margin: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.deleted {
    height: 35px;
    width: 35px;
    position: absolute;
    top: -5px;
    right: -5px;
    border: 0.5px solid #aa16a3;
    background-color: white;
}

.boxImage {
    margin: 0;
    cursor: pointer;
    object-fit: cover;
    width: 250px;
    height: 220px;
}

.boxDateTime {
    padding: 7px;
}

.dateTime {
    padding: 5px;
}

.title {
    padding: 5px;
}

.contText {
    overflow: auto;
    margin-bottom: 15px;;
}

.truncate-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .truncate-text {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Número de líneas a mostrar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 3; /* Añadir propiedad estándar */
  }
  

.btn-edit {
    margin-bottom: 70px;
    background-color: #359ae9;
    border: 2px solid #359ae9;
    color: white;
    font-size: 1.3rem;
    font-weight: bold;
}

.btn-charge {
    text-align: center;
    margin-bottom: 150px;
    padding: 8px;
    border: 2px solid #359ae9;
    color: #359ae9;
    font-size: 1.3rem;
    font-weight: bold;
} 

.editNews {
    margin-bottom: 200px
}

.newsDescription, .writing {
    width: 100%; /* O ajusta a un valor específico */
    height: auto; /* Se ajusta a su contenido */
    overflow-wrap: break-word; /* O usa word-wrap si prefieres soporte para navegadores antiguos */
    word-break: break-word;
  }
  
  .writing p {
    margin: 0;
    padding: 0;
    line-height: 1.5; /* Ajusta el espaciado del texto */
  }
  

.load-more-btn { 
    margin-top: 100px;
}


.pagination {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.pagination a, .pagination span {
    margin: 0 5px;
    padding: 8px 16px;
    text-decoration: none;
    color: #007bff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.pagination a:hover {
    background-color: #e9ecef;
}

.pagination .current {
    font-weight: bold;
    color: #495057;
}


.news-container { 
    margin-top: 150px;
}

.btn-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #28a745;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}

.btn-custom:hover {
    background-color: #218838;
    transform: scale(1.05);
}

.btn-custom svg {
    fill: white;
}

.add-new-post-span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new-post-btn-container {
    text-align: center;
    margin-top: 20px;
}