@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f2eee7;--paper2:#e8e0d5;--ink:#29251f;--muted:#797268;--brown:#987b5c;--line:#d6cec2;--dark:#302a23;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.nav{height:86px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded7cc;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font:800 13px Manrope,sans-serif;letter-spacing:.13em}.brand-mark{width:36px;height:36px;border:1px solid var(--brown);border-radius:50%;display:grid;place-items:center;color:var(--brown);font-size:18px;letter-spacing:0}.brand small{display:block;font:500 8px 'DM Sans';letter-spacing:.2em;color:var(--muted);margin-top:4px}.nav nav{display:flex;align-items:center;gap:36px;font-size:12px;color:#625b51}.nav nav>a:hover,.text-link:hover{color:var(--brown)}.nav-cta{border:1px solid #b9ad9e;border-radius:30px;padding:12px 18px;color:var(--ink)!important}.nav-cta span{padding-left:14px}.menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:690px;position:relative;padding:95px 7vw 80px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:510px}.eyebrow,.section-index{font-size:9px;letter-spacing:.18em;font-weight:700;color:#857765}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i,.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a58763}.hero h1,.manifesto h2,.section-head h2,.process h2,.contact h2{font:500 clamp(42px,5vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-.065em;margin:28px 0}.hero h1 em,.manifesto h2 em,.section-head h2 em,.process h2 em,.contact h2 em{font-style:normal;color:var(--brown)}.lead{font-size:15px;line-height:1.8;color:var(--muted);max-width:350px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 19px;border-radius:3px;font-size:11px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button.dark{background:var(--dark);color:#fffaf2}.button.dark:hover{background:#554537}.button span{font-size:16px}.text-link,.under-link{font-size:11px;border-bottom:1px solid #bfb3a3;padding-bottom:8px}.text-link span{margin-left:8px}.hero-foot{margin-top:74px;font-size:10px;color:#857d72;display:flex;align-items:center;gap:9px}.tiny-dot{width:5px;height:5px}.hero-art{height:490px;position:relative;display:grid;place-items:center;isolation:isolate}.art-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#d8c7b2 0,#e6dbcd 42%,transparent 72%);opacity:.8}.orbit{position:absolute;border:1px solid #cfc3b3;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:450px;height:245px}.orbit-two{width:370px;height:450px;transform:rotate(28deg);opacity:.5}.phone{position:absolute;border:2px solid #7e756a;background:linear-gradient(145deg,#b7b0a4,#ded8cf 48%,#8f877b);box-shadow:18px 22px 40px #7a6a552b;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.phone-back{width:188px;height:355px;border-radius:30px;transform:rotate(11deg);z-index:1;padding:22px}.phone-back:before{content:'';position:absolute;inset:7px;border:1px solid #ffffff72;border-radius:23px}.camera{position:absolute;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7b7e7a 0 10%,#30342f 22%,#131513 65%,#655e53 70%);border:3px solid #7c766c;z-index:2}.c1{top:22px;left:22px}.c2{top:64px;left:22px}.c3{top:22px;left:64px}.flash{position:absolute;top:70px;left:70px;width:9px;height:9px;border-radius:50%;background:#e9e0ce}.phone-logo{position:absolute;top:47%;left:0;width:100%;text-align:center;font:700 29px Manrope;color:#7c7366;letter-spacing:-.1em}.back-label{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font-size:6px;letter-spacing:.2em;color:#746c61}.part{position:absolute;z-index:3;box-shadow:10px 12px 20px #5947331b;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.battery{width:98px;height:180px;border:1px solid #918777;background:linear-gradient(130deg,#e2dbce,#c9c0b2);border-radius:10px;left:calc(50% - 15px);top:148px;transform:rotate(7deg)}.battery:before{content:'';position:absolute;left:34px;top:-5px;width:27px;height:5px;background:#918777;border-radius:2px}.battery-mark{position:absolute;top:42%;width:100%;text-align:center;color:#8c7b64;font-size:30px;font-weight:300}.part-name{position:absolute;bottom:17px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:.16em;color:#5d554b}.battery small{position:absolute;top:17px;left:0;width:100%;text-align:center;font-size:5px;letter-spacing:.16em;color:#827768}.board{width:115px;height:150px;right:calc(50% - 162px);top:170px;background:#6e786b;border:4px solid #8b9584;border-radius:8px;transform:rotate(-9deg);overflow:hidden}.chip{position:absolute;left:35px;top:37px;width:38px;height:40px;background:#292e29;border:4px solid #a9a99a;border-radius:4px}.small-chip{left:14px;top:95px;width:21px;height:17px}.circuit{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,#b1b6a1 13px 14px,transparent 14px 23px),repeating-linear-gradient(0deg,transparent 0 20px,#a5ac96 20px 21px,transparent 21px 29px);opacity:.6}.board .part-name{color:#f0eadb;z-index:1}.camera-module{width:83px;height:83px;left:calc(50% - 164px);top:105px;border:4px solid #b2a99b;border-radius:15px;background:#d6cec1;display:flex;flex-wrap:wrap;gap:5px;align-content:center;justify-content:center;transform:rotate(-8deg)}.lens{width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#818a84 0 8%,#242a28 22%,#0e1110 62%,#777166 68%);border:2px solid #6e6a60}.speaker{width:92px;height:38px;right:calc(50% - 174px);bottom:106px;background:#bcb3a6;border:1px solid #918777;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(6deg)}.speaker span{width:3px;height:13px;border-radius:2px;background:#766d60}.speaker small{position:absolute;bottom:-14px;font-size:5px;letter-spacing:.12em;color:#6e6559}.float-tag{position:absolute;font-size:8px;letter-spacing:.15em;color:#756858;z-index:4}.float-tag span{display:block;font-size:6px;color:#9b8d7a;margin-top:5px}.tag-a{top:93px;right:8%}.tag-b{bottom:112px;left:9%}.art-caption{position:absolute;bottom:24px;right:0;font-size:7px;letter-spacing:.16em;color:#8e8374}.art-caption span{color:#b4a797}.scroll-cue{position:absolute;bottom:27px;left:7vw;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.16em;color:#8a8074}.scroll-line{height:1px;width:38px;background:#b6a895}.manifesto{padding:100px 12vw 95px;background:var(--white)}.manifesto-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}.manifesto h2,.section-head h2,.process h2{font-size:clamp(35px,4vw,54px);margin:25px 0 0}.manifesto-grid>div p,.section-head>p,.process-intro>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:380px}.under-link{display:inline-block;margin-top:15px}.under-link span{margin-left:14px}.rule{height:1px;background:#e3dcd2;margin:65px 0 30px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.values>div{display:grid;gap:12px}.values span{font-size:9px;color:#a38c70;letter-spacing:.12em}.values b{font:600 13px Manrope}.values p{margin:0;font-size:11px;color:var(--muted);line-height:1.7}.services{padding:105px 9vw 95px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head>p{max-width:255px;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:330px;background:#e9e2d8;border:1px solid #ded5c8;padding:24px;display:flex;flex-direction:column;transition:transform .3s,background .3s}.service-card:hover{transform:translateY(-6px);background:#f8f4ed}.service-card.featured{background:#dcd0c0}.service-top{display:flex;justify-content:space-between;font-size:9px;color:#94816a}.service-icon{font-size:20px}.line-icon{height:82px;width:70px;margin:27px 0 14px;position:relative;color:#8b7459}.screen-icon{border:1.5px solid #8b7459;border-radius:10px;width:43px;height:66px;margin-left:12px}.screen-icon:after{content:'';position:absolute;bottom:5px;left:17px;width:6px;height:2px;background:#8b7459;border-radius:2px}.screen-icon div{position:absolute;inset:5px;border:1px solid #b5a18a;border-radius:5px}.battery-icon{border:1.5px solid #8b7459;border-radius:5px;width:42px;height:63px;margin-left:12px}.battery-icon:before{content:'';position:absolute;top:-5px;left:13px;width:14px;height:4px;background:#8b7459}.battery-icon div{position:absolute;left:8px;right:8px;top:15px;height:29px;border:1px solid #b5a18a}.tools-icon{font-size:58px;line-height:65px}.service-card h3{font:600 19px Manrope;margin:4px 0 10px}.service-card p{font-size:11px;line-height:1.8;color:#777064;max-width:270px;margin:0 0 20px}.service-card>a{font-size:10px;font-weight:600;margin-top:auto;border-top:1px solid #cfc4b5;padding-top:17px;display:flex;justify-content:space-between}.service-note{font-size:9px;color:#958b7d;margin-top:20px}.process{background:var(--dark);color:#f8f1e8;padding:100px 11vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.process .section-index{color:#b7a48d}.process h2 em{color:#c6a986}.process-intro>p{color:#b9afa2;max-width:310px;margin:25px 0}.button.light{background:#e8ddcf;color:#332c24}.steps article{display:grid;grid-template-columns:38px 1fr 20px;gap:15px;padding:25px 0;border-bottom:1px solid #554b40;align-items:start}.steps article:first-child{border-top:1px solid #554b40}.step-num{font-size:9px;color:#c6a986;padding-top:4px}.steps h3{font:600 14px Manrope;margin:0 0 9px}.steps p{font-size:11px;line-height:1.7;color:#b8afa3;margin:0}.step-symbol{color:#c6a986}.contact{position:relative;overflow:hidden;text-align:center;padding:105px 20px 90px;background:#e6dbcd}.contact-orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#d2bea6 0,transparent 70%);left:50%;top:20px;transform:translateX(-50%);opacity:.55}.contact>*:not(.contact-orb){position:relative}.contact h2{font-size:clamp(45px,6vw,75px);margin:23px 0}.contact>p{font-size:13px;color:#766d62;margin-bottom:28px}.contact-button{min-width:225px}.contact>small{display:block;font-size:9px;color:#8a7e70;letter-spacing:.1em;margin-top:35px}footer{padding:27px 7vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7f3ec}footer>span{font-size:10px;color:#8c8275}footer>a:last-child{font-size:8px;letter-spacing:.14em;color:#7f7364}.footer-brand .brand-mark{width:30px;height:30px;font-size:15px}.footer-brand{font-size:11px}.footer-brand small{font-size:7px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}.hero-art .phone-back{animation:float 6s ease-in-out infinite}.hero-art .battery{animation:float2 5.5s ease-in-out infinite}.hero-art .board{animation:float3 6s ease-in-out infinite}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes float2{0%,100%{translate:0 0}50%{translate:0 8px}}@keyframes float3{0%,100%{translate:0 0}50%{translate:4px -7px}}@media(max-width:850px){.nav{height:72px;padding:0 6vw}.nav nav{gap:17px}.hero{padding:70px 6vw 75px;grid-template-columns:1fr;gap:20px}.hero-copy{max-width:600px}.hero h1{font-size:58px}.hero-art{height:440px}.hero-foot{margin-top:42px}.scroll-cue{left:6vw}.manifesto{padding:80px 8vw}.services{padding:80px 6vw}.process{padding:80px 8vw;gap:6%}.service-card{padding:19px}.service-card h3{font-size:17px}}@media(max-width:600px){.nav nav{display:none}.menu{display:block;color:var(--ink)}.hero{padding-top:58px;min-height:0}.hero h1{font-size:49px;margin:22px 0}.lead{font-size:13px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-foot{margin-top:32px}.hero-art{height:360px;margin:0 -8vw}.art-glow{width:290px;height:290px}.orbit-one{width:340px;height:190px}.orbit-two{width:280px;height:340px}.phone-back{scale:.8}.battery{scale:.82;left:calc(50% - 12px);top:104px}.board{scale:.82;right:calc(50% - 133px);top:126px}.camera-module{scale:.8;left:calc(50% - 132px);top:78px}.speaker{scale:.8;right:calc(50% - 140px);bottom:75px}.tag-a{right:5%;top:60px}.tag-b{left:6%;bottom:76px}.art-caption{bottom:7px;right:8%}.scroll-cue{font-size:7px;bottom:18px}.manifesto{padding:70px 7vw}.manifesto-grid{grid-template-columns:1fr;gap:20px}.manifesto h2,.section-head h2,.process h2{font-size:38px}.rule{margin:40px 0 25px}.values{grid-template-columns:1fr;gap:25px}.values>div{grid-template-columns:28px 1fr;gap:5px 10px}.values span{grid-row:span 2}.values p{grid-column:2}.services{padding:70px 6vw}.section-head{display:block}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:285px}.line-icon{margin-top:17px}.process{grid-template-columns:1fr;gap:40px;padding:70px 7vw}.contact{padding:75px 18px}.contact h2{font-size:52px}footer{padding:24px 6vw;flex-wrap:wrap}footer>span{order:3;width:100%}}

/* ÚNICO CAMBIO VISUAL: fotografía de un celular real en el hero. */
.hero-art .real-phone{position:absolute;z-index:2;width:min(62%,390px);height:420px;object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:contrast(1.06) saturate(.92);transform:rotate(8deg);border-radius:24px;animation:realPhoneFloat 6s ease-in-out infinite;}
.hero-art .phone,.hero-art .part{display:none;}
@keyframes realPhoneFloat{0%,100%{translate:0 0;transform:rotate(8deg)}50%{translate:0 -9px;transform:rotate(6deg)}}
@media(max-width:600px){.hero-art .real-phone{height:330px;width:min(68%,310px);}}

/* Nuevas experiencias Cellhouse: despiece 3D, diagnóstico y galería */
.nav nav a[href="#despiece"],.nav nav a[href="#galeria"]{white-space:nowrap}
.exploded-section{padding:105px 9vw 82px;background:var(--paper2);overflow:hidden;position:relative}.exploded-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.exploded-heading h2,.diagnostic h2,.gallery-heading h2{font:500 clamp(38px,4.5vw,60px)/1.07 Manrope,sans-serif;letter-spacing:-.065em;margin:24px 0 0}.exploded-heading h2 em,.diagnostic h2 em,.gallery-heading h2 em{font-style:normal;color:var(--brown)}.exploded-heading>p,.gallery-heading>p{max-width:310px;font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 5px}.exploded-stage{height:560px;position:relative;max-width:1000px;margin:0 auto;perspective:1200px;isolation:isolate}.exploded-halo{position:absolute;width:350px;height:350px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#d5c3ac 0,#dfd2c0 42%,transparent 72%);opacity:.85}.exploded-phone{position:absolute;left:50%;top:48%;width:176px;height:330px;border-radius:27px;transform-style:preserve-3d;box-shadow:15px 24px 35px #5b49331c;border:1px solid #8d8376;transition:transform .16s linear;will-change:transform}.exploded-frame{background:linear-gradient(115deg,#c1b8aa,#eee6da 45%,#9a8d7c);transform:translate(-50%,-50%) rotateY(-17deg) rotateZ(7deg) translateZ(-40px)}.frame-side{position:absolute;right:-5px;top:65px;height:64px;width:5px;border-radius:0 3px 3px 0;background:#7e7468}.frame-button{position:absolute;left:-4px;top:90px;width:4px;height:45px;background:#95897b;border-radius:3px}.frame-label{position:absolute;bottom:20px;width:100%;text-align:center;font-size:7px;letter-spacing:.2em;color:#655b4e}.exploded-screen{background:linear-gradient(145deg,#222724,#111412 55%,#4b5049);border:4px solid #8e887d;transform:translate(-50%,-50%) rotateY(12deg) rotateZ(-4deg) translateZ(80px);overflow:hidden}.exploded-screen:before{content:'';position:absolute;inset:7px;border:1px solid #ffffff40;border-radius:20px}.screen-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff15 45%,transparent 66%)}.screen-camera{position:absolute;top:9px;left:calc(50% - 18px);width:36px;height:8px;background:#090a09;border-radius:9px}.exploded-battery{width:118px;height:212px;top:46%;background:linear-gradient(140deg,#e8e1d4,#b9ad9b);border-radius:12px;transform:translate(-50%,-50%) rotateY(-8deg) rotateZ(3deg) translateZ(130px);display:grid;place-items:center}.battery-cap{position:absolute;top:-5px;left:44px;width:30px;height:5px;background:#a79a87;border-radius:2px}.battery-symbol{font:300 55px Manrope;color:#95856f}.exploded-board{width:150px;height:220px;top:48%;background:linear-gradient(135deg,#73806c,#455344);border:5px solid #a4a693;border-radius:11px;transform:translate(-50%,-50%) rotateY(10deg) rotateZ(-7deg) translateZ(185px);overflow:hidden}.board-traces{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12px,#c0c1aa 12px 13px,transparent 13px 22px),repeating-linear-gradient(0deg,transparent 0 20px,#c0c1aa 20px 21px,transparent 21px 30px);opacity:.6}.board-chip{position:absolute;width:42px;height:45px;background:#242925;border:4px solid #b5b49f;border-radius:4px;z-index:1}.chip-a{top:45px;left:49px}.chip-b{bottom:35px;left:25px;width:27px;height:25px}.exploded-camera{width:105px;height:100px;top:32%;border:5px solid #b3a99b;border-radius:17px;background:#d6cbbb;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:7px;transform:translate(-50%,-50%) rotateY(-12deg) rotateZ(-7deg) translateZ(235px)}.exploded-camera i,.back-camera{width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#929b95 0 7%,#292e2b 20%,#080a09 65%,#777166 70%);border:3px solid #777166}.exploded-back{background:linear-gradient(145deg,#c8c0b4,#eee7dc 45%,#a69b8d);transform:translate(-50%,-50%) rotateY(-20deg) rotateZ(8deg) translateZ(285px)}.back-camera{position:absolute;width:31px;height:31px}.back-camera.one{top:22px;left:20px}.back-camera.two{top:59px;left:20px}.back-camera.three{top:22px;left:57px}.back-logo{position:absolute;top:48%;left:0;width:100%;text-align:center;font:700 34px Manrope;color:#82786b}.layer-label{position:absolute;bottom:-24px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:.2em;color:#726657}.exploded-callout{position:absolute;display:grid;gap:5px;font-size:8px;letter-spacing:.12em;color:#9b8365;z-index:2}.exploded-callout b{font:600 12px Manrope;color:var(--ink);letter-spacing:0}.exploded-callout small{font-size:10px;letter-spacing:0;color:var(--muted)}.callout-screen{left:9%;top:28%}.callout-battery{right:8%;top:26%}.callout-board{left:9%;bottom:24%}.callout-camera{right:7%;bottom:23%}.exploded-progress{height:2px;background:#d0c3b2;max-width:680px;margin:-8px auto 18px}.exploded-progress span{display:block;width:0;height:100%;background:var(--brown);transition:width .1s linear}.exploded-hint{text-align:center;font-size:8px;letter-spacing:.17em;color:#887a68}.exploded-hint span{font-size:15px;margin-right:8px}.exploded-disclaimer{text-align:center;font-size:9px;color:#988c7b;margin-top:22px}
.diagnostic{padding:105px 9vw;background:var(--white)}.diagnostic-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.diagnostic-copy h2{margin:25px 0}.diagnostic-copy>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:340px}.diagnostic-note{display:flex;align-items:center;gap:10px;margin-top:32px;font-size:10px;color:#827361}.diagnostic-note span{font-size:20px;color:var(--brown)}.diagnostic-panel{background:#f2eee7;border:1px solid #ded5c8;padding:28px;min-width:0}.diagnostic-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:20px;border-bottom:1px solid #ded5c8;color:#98836a;font-size:8px;letter-spacing:.13em}.diagnostic-panel h3{font:600 19px Manrope;letter-spacing:-.03em;margin:24px 0 18px}.symptom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.symptom{border:1px solid #ddd2c3;background:#f9f6f0;text-align:left;padding:15px;min-height:113px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;color:var(--ink);transition:background .2s,border .2s,transform .2s}.symptom:hover,.symptom:focus-visible{background:#e7dbca;border-color:#aa9071;transform:translateY(-2px)}.symptom>span{font-size:22px;color:var(--brown)}.symptom b{font:600 12px Manrope}.symptom small{font-size:10px;color:var(--muted)}.diag-footnote{font-size:9px;line-height:1.7;color:#948878;margin:18px 0 0}.diag-back{border:0;background:none;color:#8b7459;padding:0;font-size:10px;cursor:pointer}.diagnostic-panel #diag-step-two h3{margin:18px 0 8px}.diagnostic-panel #diag-step-two>p{font-size:12px;line-height:1.7;color:var(--muted)}.diagnostic-panel label{display:block;font-size:10px;color:#6f6252;margin:18px 0 7px}.diagnostic-panel input,.diagnostic-panel textarea{width:100%;border:1px solid #d6cabb;background:#fffdf8;padding:12px;font:12px 'DM Sans',sans-serif;color:var(--ink);resize:vertical;border-radius:0}.diag-send{margin-top:18px;border:0;cursor:pointer;width:100%}
.repair-gallery{padding:105px 9vw 90px;background:#f8f4ed}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.repair-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}.repair-card{min-width:0}.repair-photo{position:relative;height:300px;overflow:hidden;background:#ded4c6}.repair-large .repair-photo{height:355px}.repair-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78);transition:transform .6s,filter .6s}.repair-card:hover .repair-photo img{transform:scale(1.045);filter:saturate(1)}.repair-tag{position:absolute;left:14px;top:14px;background:#f7f1e8e8;padding:8px 10px;font-size:7px;letter-spacing:.14em;color:#75634e}.repair-meta{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #d9d0c4}.repair-meta h3{font:600 14px Manrope;margin:0 0 7px}.repair-meta p{font-size:10px;line-height:1.6;color:var(--muted);margin:0;max-width:230px}.repair-meta>span{font-size:8px;color:#a08b71;white-space:nowrap;padding-top:3px}.gallery-note{font-size:9px;line-height:1.7;color:#978a78;margin-top:24px}
@media(max-width:850px){.exploded-section,.diagnostic,.repair-gallery{padding:80px 7vw}.exploded-heading,.gallery-heading{align-items:flex-start;flex-direction:column;gap:18px}.exploded-stage{height:500px}.diagnostic-grid{grid-template-columns:1fr;gap:30px}.repair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-large{grid-column:span 2}.repair-large .repair-photo{height:320px}.repair-photo{height:260px}}
@media(max-width:600px){.nav nav a[href="#despiece"],.nav nav a[href="#galeria"]{white-space:normal}.exploded-section,.diagnostic,.repair-gallery{padding:68px 6vw}.exploded-stage{height:425px;margin:10px -5vw 0;transform:scale(.94);transform-origin:top center;margin-bottom:-12px}.exploded-phone{width:140px;height:270px}.exploded-battery{width:95px;height:170px}.exploded-board{width:120px;height:175px}.exploded-camera{width:88px;height:82px}.exploded-camera i{width:22px;height:22px}.exploded-back{border-radius:24px}.exploded-callout b{font-size:10px}.exploded-callout small{font-size:8px}.callout-screen{left:5%;top:22%}.callout-battery{right:4%;top:22%}.callout-board{left:4%;bottom:19%}.callout-camera{right:3%;bottom:19%}.layer-label{font-size:6px}.diagnostic-panel{padding:19px}.symptom{padding:12px;min-height:108px}.repair-grid{grid-template-columns:1fr;gap:28px}.repair-large{grid-column:auto}.repair-large .repair-photo,.repair-photo{height:270px}.gallery-heading h2,.diagnostic h2,.exploded-heading h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.exploded-phone,.repair-photo img,.symptom{transition:none!important}.repair-card:hover .repair-photo img{transform:none}}
