.ProyectPage{color:#fff;flex-direction:column;gap:4rem;width:100%;min-height:100vh;padding-bottom:4rem;display:flex}[data-mui-color-scheme=light] .ProyectPage,[data-mui-color-scheme=yellow] .ProyectPage{color:#171717}.project-hero{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:80vh;padding:0 5%;display:grid;position:relative;overflow:hidden}@media (max-width:900px){.project-hero{text-align:center;grid-template-columns:1fr;gap:3rem;padding-top:80px}}@media (max-width:600px){.project-hero{padding:80px .5rem 0}}.project-hero:before{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#2ec4b626 0%,#0000 70%);width:50vw;height:50vw;position:absolute;top:-20%;right:-10%}.hero-text-content{z-index:1;opacity:0;flex-direction:column;align-items:flex-start;gap:1.5rem;animation:.8s cubic-bezier(.2,0,0,1) .2s forwards fadeUp;display:flex}@media (max-width:900px){.hero-text-content{text-align:center;order:2;align-items:center}}.hero-title{background:linear-gradient(135deg,#fff 0%,#a5f3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:1.1}@media (max-width:900px){.hero-title{font-size:2.5rem}}@media (max-width:600px){.hero-title{font-size:2rem}}[data-mui-color-scheme=light] .hero-title,[data-mui-color-scheme=yellow] .hero-title{background:linear-gradient(135deg,#0f766e 0%,#2ec4b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{opacity:.8;text-align:left;max-width:90%;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;line-height:1.6}@media (max-width:900px){.hero-subtitle{text-align:center}}[data-mui-color-scheme=light] .hero-subtitle,[data-mui-color-scheme=yellow] .hero-subtitle{color:#171717;opacity:1}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}@media (max-width:900px){.hero-actions{justify-content:center}}.hero-image-wrapper{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:900px){.hero-image-wrapper{order:1}}@media (max-width:600px){.hero-image-wrapper{width:100%;margin:0 -1rem}}.hero-image{object-fit:contain;filter:drop-shadow(0 20px 40px #0000004d);cursor:pointer;transition:transform .5s,filter .3s;width:100%!important;max-width:650px!important;height:auto!important}@media (max-width:600px){.hero-image{transform:scale(1.1);width:110%!important;max-width:120%!important}}.hero-image:hover{filter:drop-shadow(0 25px 50px #2ec4b64d);transform:scale(1.03)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;padding:0 5%;display:grid}@media (max-width:900px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}}@media (max-width:600px){.features-grid{grid-template-columns:1fr;padding:0 1.5rem}}.feature-card{-webkit-backdrop-filter:blur(12px);opacity:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:1rem;padding:2.5rem;transition:transform .3s,background .3s,border-color .3s;animation:.8s ease-out forwards fadeUp;display:flex;overflow:hidden}[data-mui-color-scheme=light] .feature-card,[data-mui-color-scheme=yellow] .feature-card{background:#ffffffbf;border:1px solid #0000001a;box-shadow:0 4px 20px #00000014}:is([data-mui-color-scheme=light] .feature-card,[data-mui-color-scheme=yellow] .feature-card):hover{background:#fffffff2;border-color:#2ec4b699;box-shadow:0 10px 30px #2ec4b633}@media (max-width:600px){.feature-card{padding:1.5rem}}.feature-card:hover{background:#ffffff0f;border-color:#2ec4b64d;transform:translateY(-5px);box-shadow:0 10px 40px -10px #0000004d}.feature-title-group{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.feature-icon-wrapper{color:#2ec4b6;font-size:1.2rem}[data-mui-color-scheme=light] .feature-icon-wrapper,[data-mui-color-scheme=yellow] .feature-icon-wrapper{color:#0f766e}.feature-title{color:#fff;overflow-wrap:break-word;word-break:break-word;margin:0;font-size:1.4rem;font-weight:600}[data-mui-color-scheme=light] .feature-title,[data-mui-color-scheme=yellow] .feature-title{color:#171717}.feature-description{color:#ffffffb3;overflow-wrap:break-word;word-break:break-word;font-size:1rem;line-height:1.7}[data-mui-color-scheme=light] .feature-description,[data-mui-color-scheme=yellow] .feature-description{color:#404040}.feature-image{cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-top:1rem;padding-bottom:56.25%;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.feature-image:hover{border-color:#2ec4b666;transform:scale(1.02)}.feature-image:after{content:"🔍 Click para ampliar";color:#fff;text-align:center;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000000d9 100%);padding:1.5rem 1rem 1rem;font-size:.85rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.feature-image:hover:after{opacity:1}.feature-image img{object-fit:contain;background:#0003;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.feature-image:hover img{transform:scale(1.05)}.installation-section{justify-content:center;width:100%;margin-top:2rem;padding:0 5%;display:flex}.terminal-window{opacity:0;background:#1e1e1e;border:1px solid #333;border-radius:12px;width:100%;max-width:800px;font-family:JetBrains Mono,Fira Code,monospace;animation:.8s ease-out .5s forwards fadeUp;overflow:hidden;box-shadow:0 20px 60px #00000080}[data-mui-color-scheme=light] .terminal-window,[data-mui-color-scheme=yellow] .terminal-window{border:1px solid #e5e5e5;box-shadow:0 20px 60px #00000026}.terminal-header{background:#2d2d2d;border-bottom:1px solid #333;align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-title{color:#999;margin-left:12px;font-size:.85rem}.terminal-body{color:#d4d4d4;flex-direction:column;gap:16px;padding:24px;font-size:.95rem;display:flex;overflow-x:auto}.cmd-line{gap:12px;line-height:1.5;display:flex}.prompt{color:#2ec4b6;-webkit-user-select:none;user-select:none;font-weight:700}.cmd{color:#fff}.comment{color:#6a9955;margin-top:-8px;margin-left:24px;font-style:italic}.breadcrumbs{z-index:49;color:#fff9;align-items:center;gap:.5rem;font-size:.9rem;animation:.6s ease-out forwards fadeUp;display:flex;position:fixed;top:24px;left:80px}@media (max-width:600px){.breadcrumbs{gap:.3rem;font-size:.8rem;left:10px}}[data-mui-color-scheme=light] .breadcrumbs,[data-mui-color-scheme=yellow] .breadcrumbs{color:#000000b3}.breadcrumbs a{color:#fff9;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:#2ec4b6}[data-mui-color-scheme=light] .breadcrumbs a:hover{color:#0f766e}[data-mui-color-scheme=light] :is(.breadcrumbs a),[data-mui-color-scheme=yellow] :is(.breadcrumbs a){color:#0009}.breadcrumbs .separator{color:#ffffff4d;-webkit-user-select:none;user-select:none}[data-mui-color-scheme=light] :is(.breadcrumbs .separator),[data-mui-color-scheme=yellow] :is(.breadcrumbs .separator){color:#0000004d}.breadcrumbs .current{color:#ffffffe6;font-weight:500}[data-mui-color-scheme=light] :is(.breadcrumbs .current),[data-mui-color-scheme=yellow] :is(.breadcrumbs .current){color:#000000e6}.tech-badges{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}@media (max-width:600px){.tech-badges{justify-content:center}}.badge{color:#2ec4b6;backdrop-filter:blur(4px);background:#2ec4b61a;border:1px solid #2ec4b64d;border-radius:20px;padding:.4rem .9rem;font-size:.85rem;font-weight:500;transition:all .3s}.badge:hover{background:#2ec4b633;border-color:#2ec4b680;transform:translateY(-2px)}[data-mui-color-scheme=light] .badge:hover{background:#0e746c26;border-color:#0e746c66}@media (max-width:600px){.badge{padding:.3rem .7rem;font-size:.75rem}}[data-mui-color-scheme=light] .badge,[data-mui-color-scheme=yellow] .badge{color:#0d9488;background:#0e746c1a;border-color:#0e746c4d}.back-button-float{z-index:50;backdrop-filter:blur(10px);cursor:pointer;color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.2,0,0,1);display:flex;position:fixed;top:24px;left:24px}.back-button-float:hover{background:#ffffff1a;transform:scale(1.1)}[data-mui-color-scheme=light] .back-button-float:hover{background:#fff}[data-mui-color-scheme=light] .back-button-float,[data-mui-color-scheme=yellow] .back-button-float{color:#171717;background:#fffc;border:1px solid #0000001a;box-shadow:0 4px 12px #0000001a}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}