:root{--vao-navy:#1e2a38;--vao-red:#d2414a;--vao-gray:#6b7280;--vao-bdr:#e5e7eb;--vao-bg:#f9fafb}.container{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media (max-width:1024px){.container{max-width:960px;padding-left:1rem;padding-right:1rem}}@media (max-width:768px){.container{max-width:100%;padding-left:.75rem;padding-right:.75rem}}.vao-portfolio-archive{padding-bottom:60px}.vao-hero-archive{position:relative;background:url(https://www.ventasdealtooctanaje.com/wp-content/uploads/2025/10/hero-casos-exito.webp) center/cover no-repeat;color:#fff;text-align:center;padding:5rem 1rem 6rem}.vao-hero-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .55);z-index:1}.vao-hero-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.vao-hero-title{font-size:clamp(2rem, 5vw, 3rem);margin-bottom:.75rem;font-weight:800;color:#fff}.vao-hero-desc{font-size:1.05rem;color:#f3f4f6}.vao-portfolio-filters{margin-top:-3rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 20px rgb(0 0 0 / .06);position:relative;z-index:3}.vao-filter-form{display:grid;gap:1rem}.vao-filter-search{border:1px solid var(--vao-bdr);border-radius:10px;padding:.8rem 1rem;width:100%;font-size:1rem}.vao-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.vao-filter-select{border:1px solid var(--vao-bdr);border-radius:10px;padding:.7rem 1rem;font-size:.95rem;background:#fff}.vao-portfolio-filters .vao-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;padding:.85rem 1.25rem;border-radius:12px;font-weight:800;font-size:.95rem;border:1px solid #fff0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;user-select:none}.vao-portfolio-filters .vao-btn.vao-btn-navy{background:linear-gradient(180deg,rgb(255 255 255 / .10),rgb(0 0 0 / .08)),var(--vao-red);border-color:rgb(0 0 0 / .12);color:#fff;box-shadow:0 10px 24px rgb(210 65 74 / .22)}.vao-portfolio-filters .vao-btn.vao-btn-navy:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgb(255 255 255 / .14),rgb(0 0 0 / .10)),#b8343c;box-shadow:0 14px 34px rgb(210 65 74 / .30)}.vao-portfolio-filters .vao-btn.vao-btn-navy:active{transform:translateY(0);box-shadow:0 8px 18px rgb(210 65 74 / .20)}.vao-portfolio-filters .vao-btn.vao-btn-navy:focus,.vao-portfolio-filters .vao-btn.vao-btn-navy:focus-visible{outline:none;box-shadow:0 0 0 4px rgb(210 65 74 / .25),0 10px 24px rgb(210 65 74 / .20)}.vao-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.75rem;margin-top:3rem}.vao-portfolio-card{background:#fff;border:1px solid var(--vao-bdr);border-radius:12px;overflow:hidden;transition:all .25s ease;box-shadow:0 3px 10px rgb(0 0 0 / .03)}.vao-portfolio-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgb(0 0 0 / .08)}.vao-portfolio-thumb{position:relative;display:block;height:220px;background-size:cover;background-position:center}.vao-portfolio-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .45);transition:background .25s ease}.vao-portfolio-card:hover .vao-portfolio-overlay{background:rgb(0 0 0 / .3)}.vao-chip--card{position:absolute;bottom:10px;left:10px;background:var(--vao-red);color:#fff;font-weight:700;font-size:.75rem;border-radius:999px;padding:4px 10px}.vao-portfolio-body{padding:1.25rem}.vao-portfolio-title a{color:var(--vao-navy);font-weight:700;font-size:1.05rem;text-decoration:none;transition:color .25s ease}.vao-portfolio-title a:hover{color:var(--vao-red)}.vao-portfolio-sector{font-size:.85rem;color:var(--vao-gray);margin-top:.4rem}.vao-pagination{margin-top:2.5rem;text-align:center}.vao-pagination .page-numbers{display:inline-block;margin:0 .3rem;padding:.6rem .9rem;border-radius:8px;color:var(--vao-navy);text-decoration:none;background:#f3f4f6;transition:all .2s ease}.vao-pagination .page-numbers.current,.vao-pagination .page-numbers:hover{background:var(--vao-red);color:#fff}@media (max-width:1024px){.vao-portfolio-thumb{height:200px}}@media (max-width:768px){.vao-hero-archive{padding:4rem 1rem}.vao-filter-grid{grid-template-columns:1fr}.vao-portfolio-thumb{height:180px}.vao-portfolio-filters .vao-btn{width:100%}}@media (max-width:480px){.vao-hero-title{font-size:1.8rem}.vao-portfolio-grid{gap:1.25rem}}