.proyectos-hero{background:url(/assets/images/projects/proyectos.webp) center top/cover no-repeat}.project-section{background-color:#f8fafc;min-height:80vh;padding-bottom:40px}.projects-header{padding:40px 0 10px;text-align:center;.header-accent.center-align{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;.badge{display:inline-block;background:none;padding:0;font-size:1.25rem!important;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);margin-bottom:.25rem;border-radius:0}.badge-underline{width:48px;height:3.5px;background-color:var(--secondary);border-radius:2px;margin-bottom:10px!important}.section-title{font-family:Azonix,sans-serif;font-size:1.6rem!important;font-weight:400;line-height:1.25;color:#202020!important;margin:0 0 15px;letter-spacing:.5px;text-transform:uppercase;.highlight{color:var(--primary)!important;background:none;display:inline}}.section-subtitle{font-size:.95rem;line-height:1.65;color:#4a5568;max-width:700px;margin:0 auto}}.search-container{max-width:600px;margin:0 auto 40px;padding:0 20px;.search-input-container{position:relative;.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#a0aec0}.search-input{width:100%;padding:16px 50px 16px 55px;border-radius:50px;border:2px solid #e2e8f0;background:#fff;font-size:16px;font-family:inherit;transition:all .3s ease;box-shadow:0 4px 12px #00000008;&:focus{border-color:var(--primary);box-shadow:0 8px 20px #3660b21a;outline:none}}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;&:hover{color:#4a5568}}}}.tabs-container{margin-top:20px;padding:0 20px;.tabs-scroll{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;@media(max-width:768px){justify-content:flex-start;overflow-x:auto;padding-bottom:15px;-webkit-overflow-scrolling:touch;&::-webkit-scrollbar{height:4px}&::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}}}.tab-item{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:50px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;font-family:Azonix,sans-serif;font-weight:400;font-size:.8rem;cursor:pointer;transition:all .3s;white-space:nowrap;.material-icons{font-size:20px}&:hover{border-color:#274786;background:#3660b20d;color:#274786}&.active{background:var(--secondary);color:#fff;border-color:var(--secondary);box-shadow:0 4px 12px #d9383a33}}}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;padding:40px 20px;max-width:1200px;margin:0 auto}.project-card-wrapper{opacity:1}.project-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;overflow:hidden;width:100%;cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .35s ease,transform .35s ease;height:100%;&:hover{box-shadow:0 12px 40px #0c183014;transform:translateY(-5px);.card-image img{transform:scale(1.06)}.cta-link{color:var(--secondary);svg{transform:translate(4px)}}}.card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#f0f2f4;img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.25,.46,.45,.94)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,24,48,.3) 0%,rgba(12,24,48,.05) 45%,transparent 100%);pointer-events:none}.sector-badge{position:absolute;top:16px;left:16px;width:fit-content;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014;background:#ffffffe6;color:var(--primary);border:1px solid rgba(54,96,178,.2);display:flex;align-items:center}}.card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.card-title{font-family:Azonix,sans-serif;font-size:1.05rem;font-weight:400;color:#0c1830;line-height:1.45;margin:0;letter-spacing:.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;.title-highlight{color:var(--primary)}.title-normal{color:#2e2e2e}}.card-description{font-size:.9rem;color:#595959;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:auto;padding-top:16px;border-top:1px solid #eef1f4;display:flex;align-items:center;justify-content:space-between;gap:12px;.client-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1;.client-icon{font-size:20px;color:#cbd5e0;flex-shrink:0}.client-name{font-size:12px;color:#4a5568;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.cta-link{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--secondary);white-space:nowrap;flex-shrink:0;transition:all .25s ease;svg{stroke:currentColor;transition:transform .25s ease;flex-shrink:0}}}}.pagination-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:60px;.pagination-btn{width:44px;height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#0c1830;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;&:disabled{opacity:.3;cursor:not-allowed}&:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#3660b20d}}.pagination-numbers{display:flex;gap:10px;.pagination-number{width:44px;height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-weight:700;color:#0c1830;cursor:pointer;transition:all .3s;&.active{background:#0c1830;color:#fff;border-color:#0c1830;box-shadow:0 4px 12px #0c183033}&:hover:not(.active){border-color:var(--primary);color:var(--primary);background:#3660b20d}}}}.no-results{flex-direction:column;align-items:center;padding:50px 0;text-align:center;color:#a0aec0;h3{color:#0c1830;margin:24px 0 12px;font-weight:800}.btn-reset-search{margin-top:30px;padding:14px 40px;background:#0c1830;color:#fff;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0c183033;&:hover{background:#274786;transform:translateY(-2px)}}}
