.infos-page{padding:0}.infos-page .page-header{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);margin-bottom:40px;padding:60px 0}.infos-page .page-header .container{max-width:1200px;margin:0 auto;padding:0 20px}.infos-page .page-header h1{color:#2c3e50;margin:0 0 12px;font-size:42px;font-weight:700;line-height:1.2}.infos-page .page-subtitle{color:#7f8c8d;max-width:800px;margin:0;font-size:18px;line-height:1.5}.infos-page .page-content .container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.infos-page .page-header{margin-bottom:20px;padding:40px 0}.infos-page .page-header h1{font-size:32px}}
.infos-list{flex-direction:column;gap:30px;padding:20px 0;display:flex}.loading,.error,.no-infos{text-align:center;color:#666;padding:40px 20px;font-size:16px}.error{color:#e74c3c}.info-item{border:1px solid #e0e0e0;border-radius:8px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.info-card{color:inherit;flex-direction:row;height:100%;text-decoration:none;display:flex}@media (max-width:768px){.info-card{flex-direction:column}}.info-image-container{background-color:#f5f5f5;flex:0 0 280px;position:relative;overflow:hidden}@media (max-width:768px){.info-image-container{flex:0 0 200px;width:100%}}.info-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.info-item:hover .info-image{transform:scale(1.05)}.info-image-placeholder{color:#999;background-color:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.info-content{flex-direction:column;flex:1;padding:24px;display:flex}@media (max-width:768px){.info-content{padding:20px}}.info-categories{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.category-tag{color:#0277bd;text-transform:uppercase;letter-spacing:.5px;background-color:#e1f5fe;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500}.info-title{color:#333;margin:0 0 16px;font-size:24px;font-weight:600;line-height:1.3;transition:color .3s}.info-item:hover .info-title{color:#0070f3}.info-excerpt{color:#666;flex:1;margin:0 0 20px;font-size:16px;line-height:1.6}.info-meta{color:#888;flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;font-size:14px;display:flex}