.page-hero{position:relative;height:360px;background:url(/images/cta-footer/subfooter.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.page-hero .overlay{position:absolute;inset:0;background:#000000a6}.page-hero-content{position:relative;z-index:1;max-width:680px;padding:0 20px}.page-label{display:inline-flex;align-items:center;gap:7px;color:var(--color-naranja);font-weight:700;letter-spacing:2px;font-size:12px;text-transform:uppercase;margin-bottom:14px}.page-hero-content h1{font-size:clamp(32px,5vw,52px);font-weight:800;margin:0 0 14px;letter-spacing:-.5px}.page-hero-content h1 em{font-style:normal;color:var(--color-naranja)}.page-hero-content p{font-size:16px;color:#ffffffc7;line-height:1.7;margin:0}.proyectos{padding:80px 20px;background:#f5f5f5;position:relative;overflow:hidden}.proyectos:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(246,127,35,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(246,127,35,.02) 0%,transparent 50%);pointer-events:none}.container-proyectos{max-width:1200px;margin:0 auto;position:relative;z-index:1}.proyectos-filtros{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:44px}.filtro{padding:10px 22px;border-radius:50px;border:1.5px solid #e0e0e0;background:#fff;color:#555;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif;white-space:nowrap;position:relative;overflow:hidden}.filtro:before{content:"";position:absolute;inset:0;background:var(--color-naranja);border-radius:50px;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1);z-index:0}.filtro span{position:relative;z-index:1}.filtro:hover{border-color:var(--color-naranja);color:var(--color-naranja);transform:translateY(-1px)}.filtro.activo:before{transform:scaleX(1)}.filtro.activo{border-color:var(--color-naranja);color:#fff;box-shadow:0 4px 16px #f67f2359}.filtro.activo:hover{color:#fff}.filtro .count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;font-size:11px;font-weight:700;border-radius:10px;background:#0000000f;margin-left:6px;padding:0 6px;transition:all .3s}.filtro.activo .count{background:#ffffff40;color:#fff}@media(max-width:640px){.proyectos-filtros{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.filtro{text-align:center;padding:10px 12px;font-size:13px}.filtro:first-child{grid-column:span 2}}.grid-proyectos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.proyecto{border-radius:16px;overflow:hidden;opacity:0;transform:translateY(40px) scale(.97);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.proyecto.visible{opacity:1;transform:translateY(0) scale(1)}.proyecto.hiding{opacity:0;transform:translateY(20px) scale(.94);pointer-events:none;position:absolute;visibility:hidden}.proyecto-img{position:relative;height:300px;overflow:hidden;border-radius:16px;background:#e5e5e5;box-shadow:0 2px 20px #0000000f;transition:box-shadow .4s cubic-bezier(.22,1,.36,1)}.proyecto:hover .proyecto-img{box-shadow:0 12px 40px #0000001f}.proyecto-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.proyecto:hover .proyecto-img img{transform:scale(1.08)}.proyecto-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.05) 70%,transparent 100%);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;opacity:0;transition:opacity .4s ease}.proyecto:hover .proyecto-overlay{opacity:1}.proyecto-overlay>*{transform:translateY(12px);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease}.proyecto:hover .proyecto-overlay>*:nth-child(1){transform:translateY(0);opacity:1;transition-delay:.05s}.proyecto:hover .proyecto-overlay>*:nth-child(2){transform:translateY(0);opacity:1;transition-delay:.1s}.proyecto:hover .proyecto-overlay>*:nth-child(3){transform:translateY(0);opacity:1;transition-delay:.15s}.proyecto:hover .proyecto-overlay>*:nth-child(4){transform:translateY(0);opacity:1;transition-delay:.2s}.proyecto-tag{display:inline-block;background:var(--color-naranja);color:#fff;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:5px;width:fit-content;font-family:Outfit,sans-serif}.proyecto-overlay h3{color:#fff;font-size:20px;font-weight:700;margin:0;letter-spacing:-.3px}.proyecto-overlay p{color:#ffffff8c;font-size:13px;margin:0;display:flex;align-items:center;gap:5px}.proyecto-overlay p svg{width:13px;height:13px;opacity:.6}.proyecto-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;width:fit-content;margin-top:6px;padding:8px 18px;border-radius:8px;background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease;font-family:Outfit,sans-serif}.proyecto-btn:hover{background:var(--color-naranja);border-color:var(--color-naranja);transform:translate(3px)}.proyecto-btn svg{transition:transform .3s ease}.proyecto-btn:hover svg{transform:translate(3px)}.proyectos-cta{margin-top:60px;display:flex;justify-content:center}.btn-cotizar{display:inline-flex;align-items:center;gap:10px;background:var(--color-naranja);color:#fff;padding:16px 34px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px;font-family:Outfit,sans-serif;letter-spacing:.2px;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 20px #f67f2359;position:relative;overflow:hidden}.btn-cotizar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s}.btn-cotizar:hover:before{opacity:1}.btn-cotizar:hover{background:#d96a10;transform:translateY(-3px);box-shadow:0 10px 32px #f67f2380}.btn-cotizar svg{transition:transform .3s ease}.btn-cotizar:hover svg{transform:translate(5px)}@media(max-width:900px){.grid-proyectos{grid-template-columns:repeat(2,1fr)}.page-hero{height:300px}}@media(max-width:560px){.proyectos{padding:56px 16px}.grid-proyectos{grid-template-columns:1fr;gap:16px}.proyecto-overlay{opacity:1}.proyecto-overlay>*{transform:translateY(0);opacity:1}.proyecto-img{height:260px}.page-hero{height:220px}.page-hero-content p{font-size:14px}}