.index-page{padding:20px 0}.index-page .archive_post{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(var(--dooplay-white-rgb),.1)}.index-page .archive_post h1{font-size:28px;color:var(--dooplay-text);margin:0;font-weight:500}.index-page .item{display:flex;margin-bottom:20px;padding:20px;background:rgba(var(--dooplay-surface-rgb),.05);border-radius:var(--dooplay-border-radius);transition:var(--dooplay-transition)}.index-page .item:hover{background:rgba(var(--dooplay-surface-rgb),.08)}.index-page .item .poster{width:120px;height:180px;margin-right:20px;flex-shrink:0;border-radius:var(--dooplay-border-radius-small);overflow:hidden}.index-page .item .poster img{width:100%;height:100%;object-fit:cover}.index-page .item .data{flex:1}.index-page .item .data h3{margin:0 0 10px;font-size:20px;line-height:1.3}.index-page .item .data h3 a{color:var(--dooplay-text);text-decoration:none;transition:var(--dooplay-transition)}.index-page .item .data h3 a:hover{color:var(--dooplay-primary)}.index-page .item .data .texto{color:var(--dooplay-text-secondary);font-size:14px;line-height:1.5;margin-bottom:15px}.index-page .item .data .extra{display:flex;gap:20px;font-size:13px;color:rgba(var(--dooplay-text-rgb),.6)}.index-page .item .data .extra .date{color:var(--dooplay-primary)}.index-page .no-posts{text-align:center;padding:60px 20px;color:var(--dooplay-text-secondary)}.index-page .no-posts h2{font-size:24px;margin-bottom:10px;color:var(--dooplay-text)}.index-page .pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;padding:20px 0}.index-page .pagination a,.index-page .pagination .current{padding:10px 15px;background:rgba(var(--dooplay-surface-rgb),.1);color:var(--dooplay-text);text-decoration:none;border-radius:var(--dooplay-border-radius-small);transition:var(--dooplay-transition)}.index-page .pagination a:hover,.index-page .pagination .current{background:var(--dooplay-primary);color:var(--dooplay-text)}.index-page .pagination .dots{color:rgba(var(--dooplay-text-rgb),.5);padding:0 10px}@media (max-width:768px){.index-page .item{flex-direction:column;text-align:center}.index-page .item .poster{width:100%;height:200px;margin-right:0;margin-bottom:15px}.index-page .item .data .extra{justify-content:center}.index-page .archive_post h1{font-size:24px}}