.proyectos .proyectos-header{width:100%;color:var(--base-50);justify-content:center;padding-top:4rem;padding-bottom:0;display:flex;position:relative}.proyectos .proyectos-header .container,.proyectos .proyectos-list .container{flex-direction:column;width:80%;max-width:1600px;margin:0 auto;display:flex}.proyectos .proyectos-header .container{text-align:center;align-items:center;gap:1.5rem}.proyectos .proyectos-header h1{color:var(--base-50);margin-bottom:.5rem;font-weight:600}.proyectos .proyectos-header .prop-col{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.proyectos .prop-filters{flex-wrap:wrap;justify-content:center;gap:1rem;padding-bottom:0;display:flex}.proyectos .prop-filters .filter{color:var(--base-100);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:2rem;padding:.6rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.proyectos .prop-filters .filter p.lg{margin:0;font-size:1.1rem}.proyectos .prop-filters .filter:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.proyectos .prop-filters .filter.active{background:var(--base-400);border-color:var(--base-400);color:#fff;box-shadow:0 4px 15px rgba(254,59,57,.3)}.proyectos .proyectos-list .container{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:3rem 2.5rem;padding-top:1.5rem;padding-bottom:8rem;display:grid}.proyectos .proyecto{color:var(--base-50);background:linear-gradient(145deg,rgba(30,28,28,.6) 0%,rgba(20,19,19,.8) 100%);border:1px solid rgba(255,255,255,.03);border-radius:1.25rem;flex-direction:column;gap:1.5rem;padding:1.25rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;box-shadow:0 10px 30px rgba(0,0,0,.2)}.proyectos .proyecto:hover{border-color:rgba(255,255,255,.08);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.proyectos .proyecto .proyecto-img{aspect-ratio:16/10;background:#1a1818;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.proyectos .browser-header{background:#2a2828;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;display:flex}.proyectos .browser-header .dot{border-radius:50%;width:10px;height:10px}.proyectos .browser-header .dot.close{background:#ff5f56}.proyectos .browser-header .dot.minimize{background:#ffbd2e}.proyectos .browser-header .dot.maximize{background:#27c93f}.proyectos .browser-screen{flex:1;width:100%;position:relative;overflow:hidden}.proyectos .browser-screen img{object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.4,0,.2,1)}.proyectos .proyecto:hover .browser-screen img{transform:scale(1.05)}.proyectos .proyecto-info{flex-direction:column;gap:1rem;padding:.5rem .5rem 0;display:flex}.proyectos .prop-info-main{justify-content:space-between;align-items:flex-start;display:flex}.proyectos .prop-name{flex-direction:column;gap:.25rem;display:flex}.proyectos .prop-name h3{letter-spacing:-.02em;margin:0;font-size:1.6rem}.proyectos .prop-name p.lg{color:var(--base-300);margin:0;font-size:1rem;font-weight:400}.proyectos .prop-client{white-space:nowrap;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:2rem;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.proyectos .prop-client-img{border-radius:50%;width:1.75rem;height:1.75rem;position:relative;overflow:hidden}.proyectos .prop-client-name{color:var(--base-100);margin:0;font-size:.9rem}.proyectos .prop-date p{color:rgba(255,255,255,.4);margin:0;font-size:.9rem}@media (max-width:1000px){.proyectos .proyectos-header{height:auto;min-height:25svh}.proyectos .proyectos-header .container{width:90%;padding:2rem 0}.proyectos .proyectos-list .container{grid-template-columns:1fr;gap:2rem;width:90%;padding-top:1rem}.proyectos .prop-filters{gap:.5rem}.proyectos .prop-filters .filter{padding:.5rem 1rem}.proyectos .proyecto{padding:1rem}.proyectos .prop-info-main{flex-direction:column;gap:1rem}.proyectos .prop-client{align-self:flex-start}}.empty-projects{text-align:center;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:1rem;grid-column:1/-1;padding:4rem 1rem}.empty-projects h3{color:var(--base-100);margin-bottom:1rem;font-size:2rem}.empty-projects p{color:var(--base-300);margin-bottom:2rem}.empty-projects a{background:var(--base-400);color:#fff;border-radius:2rem;padding:.8rem 2rem;transition:all .3s;display:inline-block}.empty-projects a:hover{background:var(--base-500);transform:translateY(-2px)}