.bloglist-section{background-color:var(--background-color);font-family:Times New Roman}.bloglist-header{text-align:center;margin-bottom:40px}.bloglist-title{color:var(--secondary-color)}.bloglist-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center;gap:24px;display:grid}.bloglist-post-card{background-color:var(--text-light);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;width:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.bloglist-post-card:hover{box-shadow:0 10px 20px rgba(var(--text-color-rgb),.1);transform:translateY(-5px)}.bloglist-post-image-container{width:100%;height:200px;overflow:hidden}.bloglist-post-image{object-fit:cover;width:100%;height:100%}.bloglist-post-text{flex-direction:column;flex-grow:1;padding:16px;display:flex}.bloglist-post-title{color:var(--text-color);margin:12px 0;font-size:1.4rem}.bloglist-post-subtitle{color:var(--text-secundary-color);margin:12px 0;font-size:.9rem;line-height:1.6}.bloglist-post-date{color:var(--text-medium);margin:12px 0;font-size:.85rem;font-style:italic}.bloglist-readmore-btn{background-color:var(--link-color);color:var(--text-light);cursor:pointer;border:none;border-radius:8px;margin-top:auto;padding:8px 16px;font-weight:700;transition:background-color .2s}.bloglist-readmore-btn:hover{background-color:var(--link-hover)}.pagination-container{justify-content:center;align-items:center;gap:16px;margin:40px 0;display:flex}.pagination-info{color:var(--text-color);font-size:1rem}.pagination-btn{background-color:var(--link-color);color:var(--text-light);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:700;transition:background-color .2s}.pagination-btn:hover{background-color:var(--link-hover)}.pagination-btn:disabled{cursor:not-allowed;background-color:#ccc}.pagination-numbers{align-items:center;gap:8px;display:flex}.pagination-number{background-color:var(--text-light);color:var(--text-color);border:1px solid var(--link-color);cursor:pointer;border-radius:6px;padding:6px 12px;transition:background-color .2s,color .2s}.pagination-number:hover{background-color:var(--link-color);color:var(--text-light)}.pagination-number.active{background-color:var(--link-color);color:var(--text-light);font-weight:700}.pagination-dots{color:var(--secondary-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem}