.welcome-section{background:#234c6a;color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem}.welcome-section h2{margin:0;font-size:1.75rem;font-weight:600}.carousel-section{margin-bottom:2rem}.carousel-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;height:400px}.carousel-item img{width:100%;height:400px;object-fit:cover}.carousel-item .carousel-image-wrapper{width:100%;height:400px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.carousel-item img.carousel-publication-image,.carousel-item img.carousel-infographic-image{width:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;border-radius:.375rem;box-shadow:0 .125rem .25rem #00000013}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem;color:#fff}.carousel-overlay h5{margin:0 0 .5rem;font-weight:600}.carousel-overlay p{margin:0;font-size:.9rem;opacity:.9}.category-buttons{display:flex;flex-direction:column;gap:1rem;height:100%}.category-btn{flex:1;padding:1.5rem;border:2px solid #e9ecef;border-radius:12px;background:#fff;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.category-btn:hover{border-color:#234c6a;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.category-btn.active{border-color:#234c6a;background:#234c6a;color:#fff}.category-btn i{font-size:2rem;margin-bottom:.5rem}.category-btn span{font-weight:600;font-size:1rem}.indicator-cards-section{margin-bottom:2rem}.indicator-cards-wrapper{position:relative}.indicator-cards-container{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.indicator-cards-container::-webkit-scrollbar{display:none}.indicator-card{min-width:150px;width:150px;height:150px;border:2px solid #e9ecef;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit}.indicator-card:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-4px);box-shadow:0 6px 20px #667eea33;color:inherit;text-decoration:none}.indicator-card i{font-size:2.5rem;margin-bottom:.5rem;color:#667eea}.indicator-card span{font-weight:600;font-size:.9rem;line-height:1.2}.indicator-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e9ecef;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.indicator-scroll-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.indicator-scroll-btn.prev{left:-20px}.indicator-scroll-btn.next{right:-20px}.indicator-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.content-cards-section{margin-bottom:2rem}.content-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;align-items:stretch}.content-card{border:1px solid #e9ecef;border-radius:12px;overflow:hidden;background:#fff;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.content-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#667eea}.content-card img{width:100%;height:200px;object-fit:cover;flex-shrink:0}.content-card .publication-image-wrapper,.content-card .infographic-image-wrapper,.content-card .news-image-wrapper{width:100%;min-height:200px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.content-card img.publication-image,.content-card img.infographic-image,.content-card img.news-image{width:auto;max-width:100%;max-height:200px;object-fit:contain;object-position:center;display:block;border-radius:.375rem;box-shadow:0 .125rem .25rem #00000013}.content-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.content-card-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card-meta{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.content-card-meta .badge{font-size:.75rem}.content-card-text{font-size:.875rem;color:#6c757d;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.content-card-footer{padding:.75rem 1.25rem;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:.5rem;margin-top:auto;flex-shrink:0}.content-card-footer .btn{flex:1;font-size:.875rem}.indicator-carousel-wrapper{overflow:hidden!important}.indicator-carousel-track{display:flex!important;gap:15px;will-change:transform}.indicator-carousel-content{display:flex;gap:15px;flex-shrink:0;min-width:fit-content}.summary-card-carousel{min-width:240px;background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #00000026;flex-shrink:0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:140px}.summary-card-carousel h6{font-size:12px;color:#ffffffe6;margin-bottom:8px;font-weight:500}.summary-card-carousel h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.2}.summary-card-carousel .comparison{display:flex;align-items:center;gap:5px;margin-bottom:4px;flex-wrap:wrap}.summary-card-carousel small{color:#fffc;font-size:11px;margin-top:auto}@media(max-width:768px){.welcome-section{padding:1.5rem}.welcome-section h2{font-size:1.5rem}.summary-card-carousel{min-width:200px;padding:12px}.summary-card-carousel h3{font-size:20px}.carousel-container,.carousel-item img,.carousel-item .carousel-image-wrapper{height:300px}.category-buttons{flex-direction:row;margin-top:1rem}.category-btn{flex:1;padding:1rem}.category-btn i{font-size:1.5rem}.indicator-card{min-width:120px;width:120px;height:120px}.indicator-card i{font-size:2rem}.indicator-scroll-btn{width:35px;height:35px}.indicator-scroll-btn.prev{left:-15px}.indicator-scroll-btn.next{right:-15px}.content-cards-container{grid-template-columns:1fr}}