.main-projects{padding:var(--space-lg);width:98%;min-height:90vh;margin:auto;border:var(--border-width) solid var(--color-accent-primary);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(280px,max-content);gap:var(--space-xl);box-sizing:border-box;box-shadow:inset 0 0 30px #cec1121a,0 0 30px #00000080}@media (max-width: 992px){.main-projects{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);padding:var(--space-md)}}@media (max-width: 768px){.main-projects{grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-md)}}@media (max-width: 576px){.main-projects{gap:var(--space-md);padding:var(--space-sm)}}.projects{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:100%;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);outline:var(--border-width) solid rgba(206,193,18,.2);border-radius:var(--border-radius-lg);overflow:visible;transition:var(--transition-normal);box-shadow:var(--shadow-md);position:relative;z-index:1}.projects--active{z-index:10}.projects:hover{transform:translateY(-8px);outline:var(--border-width) solid rgba(206,193,18,.5);box-shadow:0 8px 30px #cec1124d,0 0 20px #cec1121a}.projects:focus-within{outline:2px solid var(--color-accent-primary)}.projects_img-container{width:100%;height:80%;position:relative;overflow:hidden}.projects_tecnologies{position:absolute;right:0;bottom:0;background:rgba(17,17,17,.8);backdrop-filter:blur(10px);display:flex;width:auto;padding:var(--space-xs);z-index:2;gap:var(--space-xs);transition:var(--transition-normal)}.projects_img{object-fit:cover;width:100%;height:100%;aspect-ratio:16 / 9;transition:var(--transition-normal);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;filter:brightness(.9)}.projects:hover .projects_img{filter:brightness(1.1) saturate(1.1)}.projects_description{margin:0;height:20%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);gap:var(--space-md)}.projects_decription-name{color:var(--color-accent-primary);font-size:var(--font-size-lg);display:flex;justify-content:center;align-items:center;transition:var(--transition-normal);cursor:pointer;font-weight:var(--font-weight-semibold);flex:1}.projects_description>a:hover{color:var(--color-accent-light);filter:drop-shadow(0 0 8px rgba(206,193,18,.6))}.projects_description>a:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.projects_description-icon{font-size:var(--font-size-md);height:100%;width:auto;display:flex;justify-content:center;align-items:center;gap:var(--space-xs);transition:var(--transition-normal);color:var(--color-accent-primary)}.projects_description-icon>.icons{width:40px;height:40px;transition:var(--transition-normal)}.projects_description-icon:hover,.projects_description-icon>.icons:hover{filter:drop-shadow(0 0 8px rgba(206,193,18,.6));transform:scale(1.1)}.project-info{position:absolute;top:101%;left:0;right:0;padding:var(--space-md);background:rgba(17,17,17,.95);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);z-index:30}.projects_description_button-info{padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-light) 100%);color:#111;font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:var(--transition-normal);font-weight:var(--font-weight-medium)}@media (prefers-reduced-motion: reduce){.projects,.projects_img,.projects_description-icon>.icons{transition:none}}@media (max-width: 992px){.projects_decription-name{font-size:var(--font-size-lg)}.projects_description-icon>.icons{width:30px;height:30px}}@media (max-width: 768px){.projects_description{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);height:auto}.projects_decription-name{font-size:var(--font-size-md);width:100%}.projects_description-icon{width:100%;min-width:auto}}.projects_tecnologies>.icons{width:35px;height:35px}