.proyectos-page{background-color:var(--backgroundColor);color:#fff;min-height:100vh;padding-bottom:100px}.proyects-header{max-width:1600px;margin:0 auto;padding:150px 5% 80px}.proyects-header-content{max-width:800px}.back-link{color:#adacac;margin-bottom:40px;font-size:16px;text-decoration:none;transition:color .3s;display:inline-block}@media (hover:hover){.back-link:hover{color:var(--accentColor)}}.proyects-header-title{margin:0 0 30px;font-size:clamp(50px,8vw,80px);font-weight:500;line-height:1.1}.proyects-header-title span{color:var(--accentColor)}.proyects-header-desc{color:#adacac;max-width:600px;font-size:clamp(18px,2vw,22px);font-weight:300;line-height:1.6}.projects-grid-container{max-width:1600px;margin:0 auto;padding:0 5%}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:40px;display:grid}.project-card{will-change:transform,opacity;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s;overflow:hidden}@media (hover:hover){.project-card:hover{border-color:#ffffff26;transform:translateY(-10px)}}.project-card-image{aspect-ratio:16/10;background-color:#111;width:100%;position:relative;overflow:hidden}.project-card-image img{transition:transform .6s}@media (hover:hover){.project-card:hover .project-card-image img{transform:scale(1.05)}}.project-card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:2;background:#0009;justify-content:center;align-items:center;gap:15px;transition:opacity .4s;display:flex;position:absolute;inset:0}@media (hover:hover){.project-card:hover .project-card-overlay{opacity:1}}.project-action-btn{opacity:0;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;transform:translateY(20px)}@media (hover:hover){.project-card:hover .project-action-btn{opacity:1;transform:translateY(0)}}.primary-btn{background-color:var(--accentColor);color:var(--backgroundColor);border:2px solid var(--accentColor)}@media (hover:hover){.primary-btn:hover{color:var(--accentColor);background-color:#0000}}.secondary-btn{color:#fff;background-color:#0000;border:2px solid #fff3}@media (hover:hover){.secondary-btn:hover{background-color:#ffffff1a;border-color:#fff}}.project-card-content{padding:30px}.project-category{text-transform:uppercase;letter-spacing:2px;color:var(--accentColor);margin-bottom:10px;font-size:13px;font-weight:500}.project-title{margin:0 0 12px;font-size:28px;font-weight:500}.project-description{color:#adacac;margin:0 0 20px;font-size:14px;font-weight:300;line-height:1.6}.project-tools{flex-wrap:wrap;gap:8px;display:flex}.tool-tag{color:#c9c9c9;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:100px;padding:6px 12px;font-size:13px}@media (max-width:768px){.proyects-header{padding:120px 5% 50px}.projects-grid{grid-template-columns:1fr;gap:30px}.project-card-overlay{opacity:1;background:#0000004d;align-items:flex-end;padding-bottom:20px}.project-action-btn{opacity:1;padding:10px 20px;font-size:14px;transform:translateY(0)}.project-card-image img{filter:brightness(.8)}}