:root{--black:#0a0a0b;--panel:#111113;--white:#f2f1ed;--muted:#8a8988;--red:#d82f3b;--line:#29292b;--font:'DM Sans',sans-serif;--display:'Sora',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.topbar{height:78px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:absolute;z-index:5;top:0;width:100%;background:#0a0a0bc4;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font:700 15px var(--display);letter-spacing:.08em}.brand small{display:block;font:500 8px var(--font);color:#8a8988;letter-spacing:.2em;margin-top:3px}.brand-mark{width:32px;height:32px;border:1px solid #464649;display:grid;place-items:center;font:700 22px var(--display);position:relative}.brand-mark span{position:absolute;color:var(--red);font:12px var(--font);right:-7px;top:-4px}.topbar nav{display:flex;gap:38px;font-size:12px;color:#c1bfbd}.topbar nav a:hover,.contact-link:hover,.text-link:hover{color:var(--red)}.top-actions{display:flex;align-items:center;gap:25px;font-size:12px}.contact-link span{color:var(--red)}.cart-button{border:1px solid #414144;background:transparent;padding:10px 13px;cursor:pointer}.cart-button span{color:var(--red);margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:20px}.hero{min-height:740px;height:min(850px,100vh);max-height:950px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 48%,#202022 0,#111113 22%,#0a0a0b 54%)}.hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:94px 94px;mask-image:linear-gradient(90deg,transparent 20%,black 100%);opacity:.22}.hero-noise{position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.hero-content{position:absolute;left:12.3%;top:24%;z-index:2}.eyebrow{font:600 9px var(--display);letter-spacing:.22em;color:#aaa9a8;margin:0 0 24px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 10px #d82f3b}.hero h1{font:500 clamp(64px,8vw,112px)/.97 var(--display);letter-spacing:-.075em;margin:0}.hero h1 em,h2 em{font-weight:400;color:var(--red);font-style:normal}.hero-copy{max-width:360px;color:#9e9c9b;line-height:1.7;margin:25px 0 30px}.hero-actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;padding:15px 18px;font-size:11px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:white}.button-red:hover{background:#e34b55}.button span{font-size:15px}.text-link{font-size:11px;border-bottom:1px solid #626264;padding:0 0 8px}.text-link span{color:var(--red);margin-left:10px}.hero-device{position:absolute;z-index:1;width:440px;height:580px;right:13%;top:15%;display:grid;place-items:center}.phone{width:240px;height:470px;border:1px solid #67676b;border-radius:35px;padding:8px;background:linear-gradient(120deg,#38383a,#09090a 24%,#161618 72%,#414143);transform:rotate(9deg);box-shadow:27px 50px 70px #000b,0 0 70px #ed30241c;position:relative}.phone:before{content:'';position:absolute;left:-3px;top:90px;width:3px;height:44px;background:#777;border-radius:3px 0 0 3px}.phone-screen{height:100%;border-radius:28px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 48% 80%,#fe3526 0,#9a1c19 18%,#301617 42%,#09090b 75%)}.phone-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,transparent 32%,#ffffff16 32.2%,transparent 33%,transparent 68%,#f23a3015 68.2%,transparent 69%)}.phone-camera{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:57px;height:17px;border-radius:15px;background:#050506;z-index:2}.screen-glow{position:absolute;width:250px;height:250px;left:-4px;bottom:20px;border:1px solid #ffddd32b;border-radius:50%;box-shadow:0 0 70px #ff34222c,inset 0 0 55px #ff34221c}.screen-time{position:absolute;top:75px;width:100%;text-align:center;font:500 48px var(--display);letter-spacing:-.06em}.screen-time span{color:var(--red)}.screen-date{text-align:center;position:absolute;top:130px;width:100%;font:8px var(--display);letter-spacing:.21em;color:#d8d0cd}.screen-wave{position:absolute;bottom:110px;width:100%;height:100px;background:linear-gradient(155deg,transparent 32%,#f155444b 32.5%,#f155440c 45%,transparent 45.5%);clip-path:polygon(0 42%,18% 55%,36% 30%,54% 70%,73% 39%,100% 48%,100% 55%,73% 48%,54% 78%,36% 38%,18% 64%,0 50%)}.screen-bottom{position:absolute;bottom:24px;width:100%;padding:0 20px;font:600 8px var(--display);letter-spacing:.18em;display:flex;justify-content:space-between;color:#cac1bf}.screen-bottom b{font-weight:400;color:#fff}.orbit{position:absolute;border:1px solid #ffffff13;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:460px;height:230px}.orbit-b{width:530px;height:300px;transform:rotate(40deg)}.hero-caption{position:absolute;bottom:10px;left:20%;right:20%;font:8px var(--display);letter-spacing:.17em;color:#8b8888;display:flex;justify-content:space-between}.hero-bottom{position:absolute;bottom:0;height:58px;left:7.1%;right:7.1%;border-top:1px solid #ffffff24;z-index:3;display:flex;justify-content:space-between;align-items:center;font:8px var(--display);letter-spacing:.17em;color:#8e8d8b}.hero-bottom b{color:var(--red);font-size:14px;margin-left:12px}.section-pad{padding-left:12.3%;padding-right:12.3%}.intro{min-height:390px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-bottom:1px solid var(--line);gap:30px}.intro .eyebrow{align-self:start;margin-top:112px}.intro h2,.section-heading h2,.contact h2{font:500 clamp(34px,4vw,54px)/1.08 var(--display);letter-spacing:-.06em;margin:0}.intro-copy{color:#92908f;line-height:1.8;max-width:400px;margin-top:22px;font-size:12px}.intro-stamp{width:137px;height:137px;border:1px solid #4b4b4d;justify-self:end;display:flex;flex-direction:column;justify-content:space-between;padding:12px;transform:rotate(5deg)}.intro-stamp span{font:700 10px var(--display);letter-spacing:.17em}.intro-stamp b{font:600 8px/1.5 var(--display);letter-spacing:.09em}.intro-stamp i{color:var(--red);font-style:normal;align-self:end;font-size:20px}.service{padding-top:105px;padding-bottom:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:22px}.heading-note{color:#939190;font-size:11px;line-height:1.8;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:255px;border:1px solid #2d2d30;padding:22px;position:relative;overflow:hidden;background:#101012}.service-card:hover{border-color:#5d2927}.service-feature{background:linear-gradient(135deg,#1a1313,#101012 62%)}.card-number{position:absolute;right:20px;top:22px;font:8px var(--display);color:#797779;letter-spacing:.16em}.service-icon{font:34px var(--display);color:var(--red);margin:11px 0 18px}.service-card h3{font:500 22px/1.1 var(--display);letter-spacing:-.04em;margin:0 0 11px}.service-card p{font-size:10px;line-height:1.6;color:#8d8b8a;max-width:210px;margin:0}.arrow-link{font-size:10px;position:absolute;bottom:20px;left:22px}.arrow-link span{color:var(--red);margin-left:10px}.feature-lines{position:absolute;width:110px;height:110px;right:-35px;bottom:-36px;border:1px solid #e1393022;border-radius:50%;box-shadow:0 0 0 14px #e1393008,0 0 0 28px #e1393005}.shop{padding-top:100px;padding-bottom:110px;background:#0e0e10}.shop .section-heading{margin-bottom:55px}.shop-all{margin-bottom:8px}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333336;margin-bottom:20px}.shop-tabs{display:flex;gap:27px}.tab{border:0;background:none;padding:0 0 14px;font-size:10px;color:#828181;cursor:pointer;position:relative}.tab.active{color:#fff}.tab.active:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--red)}.tab span{font-size:8px;color:var(--red);margin-left:5px}.search-box{display:flex;gap:9px;align-items:center;color:#818080;padding-bottom:12px}.search-box input{background:none;border:0;outline:none;color:#fff;width:140px;font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{min-width:0}.product-image{height:245px;position:relative;display:grid;place-items:center;overflow:hidden;background:#1a1a1d}.product-image:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 52%,#ffffff0c,transparent 65%)}.image-headphones{background-color:#171719}.image-charger{background-color:#181718}.image-case{background-color:#17191a}.image-speaker{background-color:#191719}.product-tag{position:absolute;z-index:1;top:13px;left:13px;border:1px solid #6a68684f;padding:6px 7px;font:7px var(--display);letter-spacing:.13em;color:#b6b3b2}.image-index{position:absolute;bottom:12px;right:13px;font:8px var(--display);letter-spacing:.12em;color:#817d7c}.headphone-art{width:116px;height:130px;position:relative;filter:drop-shadow(0 18px 17px #000b);transform:rotate(-9deg)}.headband{position:absolute;width:100px;height:105px;border:12px solid #a8a8aa;border-bottom-color:transparent;border-radius:60px 60px 20px 20px;left:8px;top:0}.earcup{position:absolute;width:31px;height:47px;top:74px;background:linear-gradient(90deg,#6e6e71,#ccc);border-radius:10px}.earcup.left{left:4px}.earcup.right{right:4px}.charger-art{display:flex;align-items:center;filter:drop-shadow(0 12px 13px #000a);transform:rotate(-32deg)}.charger-body{height:95px;width:66px;background:linear-gradient(110deg,#222,#555 40%,#252527 80%);border:1px solid #888;border-radius:13px;display:flex;justify-content:space-evenly;padding-top:7px}.charger-body i{width:4px;height:11px;background:#aaa;border-radius:3px}.charger-cable{width:47px;height:56px;border:4px solid #a4a4a4;border-left-color:transparent;border-radius:0 38px 38px 0;transform:translate(-2px,35px)}.case-art{position:relative;width:94px;height:161px;border-radius:23px;background:linear-gradient(110deg,#35373a,#161719 45%,#56585a);border:1px solid #78797a;transform:rotate(8deg);box-shadow:15px 15px 19px #0009}.case-camera{position:absolute;top:13px;left:13px;width:44px;height:44px;border-radius:12px;border:1px solid #777;background:#202123;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.case-camera i{border:2px solid #09090b;border-radius:50%;background:#34414b}.speaker-art{width:104px;height:140px;border-radius:38px;background:linear-gradient(100deg,#292326,#54464a 48%,#201c1e);border:1px solid #666;transform:rotate(10deg);box-shadow:16px 17px 20px #0009;padding:13px;position:relative}.speaker-grille{height:100%;border-radius:30px;border:1px solid #7774;background:repeating-linear-gradient(0deg,#aaa2 0 1px,transparent 1px 4px)}.speaker-light{position:absolute;bottom:10px;left:47px;width:8px;height:3px;border-radius:4px;background:var(--red);box-shadow:0 0 9px var(--red)}.product-info{display:flex;justify-content:space-between;gap:6px;align-items:start;padding:14px 1px 10px}.product-info h3{font:500 12px var(--display);margin:0 0 6px}.product-info p{font-size:9px;color:#818080;margin:0}.product-info strong{font:500 10px var(--display);white-space:nowrap;color:#c1bfbd}.add-button{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid #343437;background:transparent;padding:11px 10px;font-size:9px;color:#c1bfbd;cursor:pointer}.add-button span{color:var(--red);font-size:13px}.add-button:hover{border-color:var(--red);color:#fff}.catalog-note{font-size:9px;color:#777574;margin-top:24px}.catalog-note span{border:1px solid #777;border-radius:50%;display:inline-grid;place-items:center;width:14px;height:14px;margin-right:7px}.cta-band{min-height:380px;position:relative;overflow:hidden;text-align:center;padding:76px 20px;background:var(--red)}.cta-band .eyebrow{color:#ffffffb5;margin-bottom:20px}.cta-band h2{font:500 clamp(42px,6vw,70px)/.98 var(--display);letter-spacing:-.07em;margin:0 0 26px}.cta-band h2 em{color:#360907}.button-light{background:#f1efeb;color:#151515}.cta-orb{position:absolute;width:350px;height:350px;border:1px solid #ffffff24;border-radius:50%;left:-100px;top:80px;box-shadow:0 0 0 28px #ffffff08,0 0 0 56px #ffffff06}.cta-band:after{content:'';position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid #ffffff2a;right:-100px;top:-210px;box-shadow:0 0 0 28px #ffffff0c,0 0 0 56px #ffffff08}.cta-code{position:absolute;right:12%;bottom:32px;text-align:left;font:700 22px var(--display);line-height:.9;color:#3d0908}.cta-code small{display:block;font:600 7px/1.5 var(--display);letter-spacing:.1em;margin-top:9px}.contact{padding-top:112px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1.2fr;gap:12%;border-bottom:1px solid var(--line)}.contact-heading .eyebrow{margin-bottom:25px}.contact-heading>p:last-child{max-width:270px;color:#8e8c8b;line-height:1.7;font-size:11px;margin-top:22px}.contact-form{padding-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;color:#aaa8a7;font-size:9px;margin-bottom:18px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #434346;background:transparent;color:#f1efed;border-radius:0;padding:12px 0 10px;outline:none;font-size:11px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#676667}.contact-form select{appearance:none;color-scheme:dark}.form-submit{display:flex;align-items:center;gap:15px;margin-top:2px}.form-submit small{font-size:8px;color:#777574}.form-status{font-size:10px;color:#aaa;min-height:14px}.footer{padding:38px 7.1% 22px}.footer-top{display:flex;align-items:start;justify-content:space-between;padding-bottom:40px}.footer-top>p{font:600 8px/1.6 var(--display);letter-spacing:.1em;color:#8f8d8c;margin:0}.back-top{font:8px var(--display);letter-spacing:.13em;color:#aaa}.footer-bottom{border-top:1px solid #29292b;padding-top:16px;display:flex;justify-content:space-between;font:7px var(--display);letter-spacing:.12em;color:#777574}.cart-panel{position:fixed;inset:0;z-index:10;visibility:hidden;pointer-events:none}.cart-panel.open{visibility:visible;pointer-events:auto}.cart-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .25s}.cart-panel.open .cart-backdrop{opacity:1}.cart-drawer{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:#101012;padding:30px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s}.cart-panel.open .cart-drawer{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-head .eyebrow{margin-bottom:8px}.cart-head h2{font:500 28px var(--display);margin:0}.cart-head h2 span{color:#777;font-size:13px}.cart-head button{border:0;background:none;font-size:28px;cursor:pointer}.cart-items{overflow:auto;flex:1}.empty-cart{font-size:12px;color:#888;margin-top:28px}.cart-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:11px}.cart-item button{border:0;background:none;color:#999;cursor:pointer}.cart-foot{border-top:1px solid var(--line);padding-top:16px}.cart-foot p{color:#8b8988;font-size:10px;line-height:1.6}.cart-foot .button{width:100%}.cart-panel.open{visibility:visible}@media(max-width:900px){.topbar{padding:0 5%}.section-pad{padding-left:8%;padding-right:8%}.hero-content{left:8%}.hero-device{right:4%;transform:scale(.85)}.intro{grid-template-columns:.6fr 2fr .6fr}.contact{gap:7%}.product-image{height:210px}}@media(max-width:650px){html{scroll-padding-top:70px}.topbar{height:66px;padding:0 20px}.topbar nav{display:none;position:absolute;top:65px;left:0;right:0;background:#101012;padding:20px;flex-direction:column;gap:18px}.topbar nav.open{display:flex}.top-actions{gap:14px}.contact-link{display:none}.menu-toggle{display:block}.hero{min-height:770px;height:95vh;max-height:900px}.hero-content{top:18%;left:7%;right:7%}.hero h1{font-size:72px}.hero-copy{max-width:300px;font-size:12px}.hero-device{top:42%;right:5%;width:300px;height:390px;transform:scale(.68);transform-origin:top right;opacity:.85}.hero-bottom{left:7%;right:7%;font-size:7px}.hero-bottom span:nth-child(2){display:none}.section-pad{padding-left:7%;padding-right:7%}.intro{padding-top:55px;padding-bottom:55px;min-height:0;grid-template-columns:1fr auto;gap:15px}.intro .eyebrow{grid-column:1/3;margin:0}.intro>div:nth-child(2){grid-column:1/2}.intro h2,.section-heading h2,.contact h2{font-size:40px}.intro-stamp{width:90px;height:90px;padding:8px}.intro-stamp span{font-size:8px}.intro-stamp b{font-size:6px}.service{padding-top:70px;padding-bottom:75px}.section-heading{align-items:start;gap:20px;flex-direction:column;margin-bottom:30px}.heading-note{font-size:10px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.service-card h3{font-size:24px}.shop{padding-top:70px;padding-bottom:75px}.shop .section-heading{margin-bottom:32px}.shop-toolbar{align-items:start;gap:14px;flex-direction:column}.shop-tabs{gap:20px}.search-box{align-self:end}.product-grid{grid-template-columns:1fr 1fr;gap:22px 11px}.product-image{height:190px}.product-info{flex-direction:column;gap:8px}.product-info h3{font-size:11px}.add-button{font-size:8px;padding:10px 7px}.cta-band{min-height:350px;padding-top:72px}.cta-code{right:7%;font-size:18px}.cta-orb{left:-210px}.contact{padding-top:75px;padding-bottom:80px;grid-template-columns:1fr;gap:28px}.form-row{grid-template-columns:1fr;gap:0}.footer{padding:28px 7% 18px}.footer-top>p{display:none}.footer-bottom{gap:12px;flex-wrap:wrap;font-size:6px}.footer-bottom span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.whatsapp-quote-link{display:inline-flex;align-items:center;gap:12px;margin-top:14px;color:#f2f1ed;font-size:11px;border-bottom:1px solid #d82f3b;padding-bottom:8px}.whatsapp-quote-link span{color:#d82f3b;font-size:15px}.whatsapp-quote-link[hidden]{display:none}

/* Menús desplegables: contraste constante y acento PHONEX */
.contact-form select{background-color:#111113;color:#f2f1ed;color-scheme:light;appearance:none;padding-right:30px;background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22m2 4 4 4 4-4%22 fill=%22none%22 stroke=%22%23ef382f%22 stroke-width=%221.5%22/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 4px center}
.contact-form select option{background:#f2f1ed;color:#111113}
.contact-form select option:checked,.contact-form select option:hover,.contact-form select option:focus{background:#d82f3b!important;color:#fff!important}
.contact-form select:focus-visible{outline:1px solid #d82f3b;outline-offset:3px;border-color:#d82f3b}
.contact-form select:disabled{color:#777574;opacity:.8}
.contact-form select:disabled option{color:#777574}

.brand-logo{display:block;width:160px;height:40px;object-fit:cover;object-position:center;background:#fff;border-radius:3px;animation:logo-enter .7s ease-out both;transition:box-shadow .25s,transform .25s}.brand-logo:hover{box-shadow:0 0 18px #d82f3b55;transform:translateY(-1px)}@keyframes logo-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.footer .brand-logo{width:160px;height:40px}@media(prefers-reduced-motion:reduce){.brand-logo{animation:none;transition:none}}

/* Logo PHONEX transparente, en alta resolución */
.brand-logo,.footer .brand-logo{display:block;width:190px;height:auto;max-height:68px;object-fit:contain;object-position:center;background:transparent;border-radius:0;animation:logo-enter .7s ease-out both;transition:filter .25s,transform .25s}.brand-logo:hover{filter:drop-shadow(0 0 8px #d82f3b78);transform:translateY(-1px)}.footer .brand-logo{width:190px;max-height:68px}@media(max-width:650px){.brand-logo,.footer .brand-logo{width:150px;max-height:56px}}@media(prefers-reduced-motion:reduce){.brand-logo{animation:none;transition:none}}

/* Banner con video de PHONEX */
.hero-video-frame{position:absolute;z-index:1;right:7%;top:15%;width:min(54vw,760px);height:68%;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff12;background:#080809;box-shadow:0 32px 90px #0009,0 0 48px #d82f3b12;mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 92%,transparent 100%)}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:contrast(1.04) saturate(.88)}.hero-video-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a0a0b70,transparent 34%,transparent 70%,#0a0a0b35),linear-gradient(0deg,#0a0a0bc9,transparent 24%,transparent 80%,#0a0a0b35)}.hero-video-frame .hero-caption{left:8%;right:8%;bottom:18px;z-index:2;color:#ceccca}.hero-device{display:none}@media(max-width:900px){.hero-video-frame{right:4%;width:55vw;height:58%;top:20%}}@media(max-width:650px){.hero-video-frame{right:4%;top:45%;width:92%;height:39%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.hero-video-overlay{background:linear-gradient(90deg,#0a0a0b44,transparent 50%),linear-gradient(0deg,#0a0a0bd9,transparent 34%,transparent 77%,#0a0a0b38)}.hero-video-frame .hero-caption{left:7%;right:7%;font-size:7px}}@media(prefers-reduced-motion:reduce){.hero-video{animation:none}}

.video-toggle{margin-left:auto;width:27px;height:27px;border:1px solid #ffffff55;border-radius:50%;background:#0a0a0b88;color:#fff;display:grid;place-items:center;cursor:pointer;font-size:10px}.video-toggle:hover{background:#d82f3b;border-color:#d82f3b}

/* Reencuadre centrado del video principal */
.hero-video-frame{top:8%;height:auto;aspect-ratio:16/9;object-fit:cover}.hero-video{object-position:50% 50%}.hero-video-overlay{pointer-events:none}@media(max-width:900px){.hero-video-frame{top:10%;height:auto;aspect-ratio:16/9}}@media(max-width:650px){.hero-video-frame{top:47%;height:auto;aspect-ratio:16/9;width:92%;right:4%}}

/* Mostrar el video completo, sin máscaras ni recorte */
.hero-video-frame{mask-image:none;-webkit-mask-image:none;background:#080809;overflow:hidden}.hero-video{object-fit:contain;object-position:center center;width:100%;height:100%}@media(max-width:650px){.hero-video-frame{mask-image:none;-webkit-mask-image:none}}

/* Encuadre panorámico: recorta arriba y abajo desde el centro si el original es vertical */
.hero-video-frame{aspect-ratio:16/9}.hero-video{object-fit:cover;object-position:50% 50%}
@media(max-width:900px){.hero-video-frame{aspect-ratio:16/9}}@media(max-width:650px){.hero-video-frame{aspect-ratio:16/9}}

/* Portada sin video: volver al visual original del teléfono */
.hero-video-frame{display:none!important}.hero-device{display:grid}

/* Accesorios PHONEX: imágenes de categoría y lista limpia de nombre/precio */
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-card{min-width:0;background:#111113;border:1px solid #29292b;transition:border-color .25s,transform .25s;overflow:hidden}.category-card:hover{border-color:#5a302d;transform:translateY(-3px)}.category-image{height:255px;position:relative;overflow:hidden;background:#080809}.category-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0a0b6b,transparent 48%)}.category-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.category-card:hover .category-image img{transform:scale(1.035)}.category-index{position:absolute;bottom:16px;left:20px;z-index:1;font:600 8px var(--display);letter-spacing:.18em;color:#efefed}.category-content{padding:19px 20px 16px}.category-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303033;padding-bottom:13px}.category-heading h3{font:500 21px var(--display);letter-spacing:-.04em;margin:0}.category-heading>span{font:8px var(--display);letter-spacing:.13em;color:#898786}.accessory-list{list-style:none;padding:0;margin:0}.accessory-list li{min-height:49px;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:12px;border-bottom:1px solid #272729;font-size:10px;color:#d1cfcd}.accessory-list li:last-child{border-bottom:0}.accessory-list li strong{font:600 11px var(--display);white-space:nowrap;color:#fff}.add-mini{width:23px;height:23px;border:1px solid #4a3030;background:#1a1111;color:#d82f3b;cursor:pointer;font-size:15px;line-height:1;display:grid;place-items:center}.add-mini:hover{background:#d82f3b;color:white;border-color:#d82f3b}.category-card[hidden]{display:none!important}@media(max-width:650px){.category-grid{grid-template-columns:1fr;gap:16px}.category-image{height:220px}.category-content{padding:16px}.category-heading h3{font-size:19px}.accessory-list li{font-size:9px;gap:8px}.accessory-list li strong{font-size:10px}}

.service-promise{margin-top:18px;padding:19px 22px;display:flex;align-items:center;gap:15px;border:1px solid #3b2b2b;background:linear-gradient(100deg,#171112,#101012 68%);position:relative;overflow:hidden}.promise-mark{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid #d82f3b;color:#d82f3b;font-size:18px}.service-promise strong{font:500 12px var(--display);color:#f2f1ed}.service-promise p{font-size:10px;color:#aaa7a5;margin:5px 0 0}.promise-arrow{margin-left:auto;color:#d82f3b;font-size:18px}@media(max-width:650px){.service-promise{padding:15px;align-items:flex-start}.service-promise p{line-height:1.5}.promise-arrow{align-self:center}}

.quote-note{margin:2px 0 4px;padding:12px 14px;border-left:2px solid #d82f3b;background:#151416;color:#aaa7a5;font-size:11px;line-height:1.65}.quote-note::first-letter{color:#f2f1ed}

.module-estimate{display:grid;grid-template-columns:1fr auto;gap:5px 16px;margin:4px 0;padding:15px 17px;border:1px solid #3c2b2b;background:linear-gradient(105deg,#1c1213,#131315 74%)}.module-estimate[hidden]{display:none}.module-estimate span{font:500 10px var(--display);letter-spacing:.08em;text-transform:uppercase;color:#aaa7a5;align-self:end}.module-estimate strong{grid-column:2;grid-row:1/3;color:#f0443a;font:600 24px var(--display);align-self:center}.module-estimate small{grid-column:1/-1;color:#aaa7a5;font-size:10px;line-height:1.55}@media(max-width:650px){.module-estimate{padding:13px}.module-estimate strong{font-size:21px}}
.module-options{grid-column:1/-1;display:grid;gap:7px;margin:8px 0;padding:0;list-style:none}.module-estimate .module-options li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;background:#0e0e0f;border:1px solid #302628}.module-estimate .module-options li span{font-size:11px;letter-spacing:0;text-transform:none;color:#ddd}.module-estimate .module-options li strong{grid-column:auto;grid-row:auto;color:#f0443a;font-size:16px}

/* Presupuestos como foco principal de la página */
.contact{position:relative;overflow:hidden;padding-top:78px;padding-bottom:86px;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:7%;background:radial-gradient(ellipse at 5% 0%,#d82f3b14,transparent 35%),linear-gradient(135deg,#141416,#0c0c0e 68%);border-top:1px solid #4a2928;border-bottom:1px solid #342526}
.contact:before{content:'';position:absolute;top:0;left:7.1%;width:94px;height:3px;background:#d82f3b;box-shadow:0 0 24px #d82f3b88}
.contact-heading{position:relative;z-index:1;padding-top:8px}
.contact-heading .eyebrow{color:#ff6a62;font-size:11px;margin-bottom:20px}
.contact-heading h2{font:600 clamp(46px,5.8vw,76px)/.99 var(--display);letter-spacing:-.065em;margin:0}
.contact-heading>p:last-child{max-width:360px;font-size:14px;line-height:1.75;color:#c0bdbb;margin-top:22px}
.contact-form{position:relative;z-index:1;padding:27px 30px 24px;background:#09090af0;border:1px solid #473133;box-shadow:0 24px 65px #0008,0 0 36px #d82f3b0c}
.contact-form label{font-size:12px;color:#d0cdcb;margin-bottom:20px}
.contact-form input,.contact-form select,.contact-form textarea{font-size:14px;padding:14px 12px 12px;background-color:#111113;border:1px solid #38383b;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#d82f3b;box-shadow:0 0 0 3px #d82f3b20;background-color:#151315}
.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:12px;color:#898687}
.contact-form select{padding-right:36px;background-position:right 12px center}
.quote-note{margin:4px 0 12px;padding:13px 15px;border-left:3px solid #d82f3b;background:#171416;color:#e2dfdd;font-size:13px;line-height:1.55}
.form-submit{margin-top:13px;align-items:center;gap:16px;flex-wrap:wrap}
.form-submit .button{min-height:54px;padding:17px 22px;font-size:14px;box-shadow:0 8px 26px #d82f3b30}
.form-submit .button:hover{box-shadow:0 10px 30px #d82f3b55}
.form-submit small{font-size:11px;color:#a8a5a4}
.module-estimate{margin:12px 0;padding:20px 22px;border:1px solid #79332f;background:radial-gradient(ellipse at 100% 0%,#d82f3b22,transparent 46%),linear-gradient(110deg,#211415,#101012 78%);box-shadow:inset 0 0 26px #d82f3b08}
.module-estimate>span{font-size:12px;letter-spacing:.12em;color:#e4dedd}
.module-estimate>strong{font:700 clamp(34px,4.4vw,52px)/1 var(--display);letter-spacing:-.06em;color:#ff5148;text-shadow:0 0 22px #d82f3b36}
.module-estimate>small{font-size:12px;line-height:1.65;color:#d1cdcb;margin-top:4px}
.module-estimate .module-options li{padding:12px 14px;border-color:#493638;background:#0b0b0d}
.module-estimate .module-options li span{font-size:13px;color:#e7e3e1}
.module-estimate .module-options li strong{font:700 22px/1 var(--display);letter-spacing:-.03em;color:#ff5148}
.whatsapp-quote-link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:16px;padding:14px 19px;border:1px solid #25d366;border-radius:3px;background:#25d366;color:#062611;font-size:13px;font-weight:700;box-shadow:0 8px 24px #25d36626;transition:transform .2s,box-shadow .2s,background .2s}
.whatsapp-quote-link:hover{transform:translateY(-2px);background:#35e174;box-shadow:0 10px 30px #25d3664a}
.whatsapp-quote-link span{color:#062611;font-size:17px}
.form-status{font-size:12px;color:#d6d2d0;min-height:18px}
@media(max-width:900px){.contact{gap:5%;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)}.contact-form{padding:22px}.contact-heading h2{font-size:clamp(42px,6vw,60px)}}
@media(max-width:650px){.contact{padding-top:54px;padding-bottom:58px;grid-template-columns:1fr;gap:23px}.contact:before{left:7%;width:72px}.contact-heading h2{font-size:48px}.contact-heading>p:last-child{font-size:13px;margin-top:14px}.contact-form{padding:18px 16px 17px}.contact-form label{font-size:12px}.contact-form input,.contact-form select,.contact-form textarea{font-size:15px}.form-submit{align-items:stretch;flex-direction:column;gap:10px}.form-submit .button{width:100%;font-size:15px}.form-submit small{text-align:center;font-size:11px}.module-estimate{padding:17px 15px}.module-estimate>strong{font-size:38px}.module-estimate .module-options li{align-items:flex-start;gap:8px;padding:11px}.module-estimate .module-options li span{font-size:11px}.module-estimate .module-options li strong{font-size:19px}.whatsapp-quote-link{width:100%;font-size:13px}}

/* Beneficio visible y precios normal/web en presupuestos */
.quote-promo{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin:0 0 6px;padding:17px 23px;border:1px solid #d82f3b;background:linear-gradient(100deg,#291516,#141214 72%);box-shadow:0 10px 32px #0006,0 0 28px #d82f3b13;position:relative;overflow:hidden}
.quote-promo:after{content:'';position:absolute;right:-35px;top:-80px;width:185px;height:185px;border:1px solid #d82f3b45;border-radius:50%;box-shadow:0 0 0 18px #d82f3b0b,0 0 0 36px #d82f3b08}
.quote-promo>span{position:relative;z-index:1;font:700 clamp(36px,5vw,54px)/.9 var(--display);letter-spacing:-.07em;color:#ff5148;text-shadow:0 0 22px #d82f3b55}
.quote-promo>div{position:relative;z-index:1}
.quote-promo strong{font:700 17px var(--display);color:#fff}
.quote-promo p{margin:4px 0 0;color:#d8d1cf;font-size:13px}
.estimate-promo-price{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;margin:4px 0;background:linear-gradient(95deg,#291617,#171113);border:1px solid #a13a35}
.module-estimate .estimate-promo-price>span{font:600 12px var(--display);letter-spacing:0;text-transform:none;color:#ffe5e2;align-self:center}
.module-estimate .estimate-promo-price>strong{grid-column:auto;grid-row:auto;font:700 clamp(25px,3.2vw,36px)/1 var(--display);letter-spacing:-.05em;color:#ff5148;text-shadow:0 0 17px #d82f3b3d}
.module-estimate .estimate-promo-pending>strong{font-size:14px;letter-spacing:0;color:#f2d2cf;text-shadow:none;text-align:right}
.module-estimate .variant-price-block{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:132px}
.module-estimate .module-options .variant-regular{font:700 15px/1.2 var(--display);color:#ff5148;text-decoration:none;letter-spacing:-.02em;text-transform:none}
.module-estimate .module-options li .variant-promo{font:700 20px/1 var(--display);color:#ff5148;letter-spacing:-.04em}
.module-estimate .module-options .variant-price-block small{grid-column:auto;color:#ffaaa5;font-size:10px;font-weight:700;line-height:1.2;text-align:right}
@media(max-width:650px){.quote-promo{gap:14px;padding:15px 16px}.quote-promo>span{font-size:42px}.quote-promo strong{font-size:14px}.quote-promo p{font-size:11px;line-height:1.5}.estimate-promo-price{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.module-estimate .estimate-promo-price>span{font-size:11px}.module-estimate .estimate-promo-price>strong{font-size:30px}.module-estimate .module-options .variant-price-block{min-width:108px}.module-estimate .module-options li .variant-promo{font-size:17px}}

.social-follow{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 7%;border-top:1px solid #ffffff12;background:#101012;color:#aaa;font-size:12px}.social-follow a{color:#fff;font:600 14px var(--display);transition:color .2s}.social-follow a:hover{color:var(--red)}.social-follow a span{color:var(--red);margin-left:5px}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:9;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:#25d366;color:#062611;font-size:13px;font-weight:700;box-shadow:0 8px 26px #0008,0 0 0 1px #ffffff25;transition:transform .2s,background .2s}.floating-whatsapp:hover{transform:translateY(-3px);background:#35e174}.floating-whatsapp svg{width:22px;height:22px;fill:currentColor}@media(max-width:650px){.social-follow{flex-direction:column;gap:6px;padding:18px}.floating-whatsapp{right:15px;bottom:15px;padding:14px;border-radius:50%}.floating-whatsapp>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}

/* Visual refresh: taller premium, Instagram above the fold y beneficio sin caja */
.hero-device{width:67%;height:100%;right:0;top:0;display:block;overflow:hidden;opacity:.92;mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}.hero-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:58% 50%;filter:saturate(.82) contrast(1.03)}.hero:after{z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#0a0a0b 0%,#0a0a0b05 68%),linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px)}.hero-content{z-index:2}.hero-bottom{z-index:3}.instagram-hero-link{display:inline-flex;align-items:center;gap:8px;color:#f2f1ed;font-size:11px;font-weight:600;border-bottom:1px solid #ffffff35;padding-bottom:8px;transition:color .2s,border-color .2s}.instagram-hero-link:hover{color:#ff6d66;border-color:#d82f3b}.instagram-hero-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-hero-link .instagram-dot{fill:currentColor;stroke:none}.instagram-hero-link b{font-size:13px;color:var(--red)}.quote-promo{position:relative;isolation:isolate;display:flex;align-items:center;gap:22px;padding:3px 0 18px;margin:0 0 4px;border:0;background:transparent;box-shadow:none;overflow:visible}.quote-promo:after{content:none}.quote-promo:before{content:'';position:absolute;z-index:-1;left:-35px;top:-35px;width:150px;height:125px;background:radial-gradient(ellipse,#d82f3b26 0%,transparent 72%);pointer-events:none}.quote-promo>span{font:700 clamp(58px,8vw,84px)/.82 var(--display);color:#e34b55;letter-spacing:-.09em;text-shadow:0 0 32px #d82f3b55}.quote-promo>div{border-left:2px solid var(--red);padding:4px 0 4px 18px}.quote-promo strong{font:700 14px var(--display);letter-spacing:.09em;color:#fff}.quote-promo p{margin:6px 0 0;color:#c7c2c1;font-size:13px;line-height:1.5}@media(max-width:900px){.hero-device{width:72%;opacity:.78;mask-image:linear-gradient(90deg,transparent 0%,#000 38%)}.hero:after{background-image:linear-gradient(90deg,#0a0a0b 0%,#0a0a0bd9 33%,#0a0a0b21 100%),linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px)}}@media(max-width:650px){.hero-device{width:100%;height:65%;top:8%;opacity:.52;mask-image:linear-gradient(180deg,#000 0%,#000a 55%,transparent 100%)}.hero-photo{object-position:58% center}.hero-content{top:22%;left:8%;right:7%}.hero h1{font-size:clamp(58px,16vw,84px)}.hero-actions{gap:15px;flex-wrap:wrap}.instagram-hero-link{flex-basis:auto}.quote-promo{gap:15px;padding-bottom:8px}.quote-promo>span{font-size:60px}.quote-promo>div{padding-left:13px}.quote-promo strong{font-size:11px}.quote-promo p{font-size:12px}}

/* Fotos reales PHONEX: fachada y taller */
.intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;min-height:430px}.intro>div:first-child{grid-column:1}.local-photo{grid-column:2;width:100%;height:300px;margin:0;position:relative;overflow:hidden;background:#121214;border:1px solid #29292b}.local-photo img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block;filter:contrast(1.03) saturate(.92)}.local-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#050506d9)}.local-photo figcaption{position:absolute;z-index:1;left:20px;bottom:18px;display:flex;align-items:center;gap:11px;color:#fff}.local-pin{width:34px;height:34px;display:grid;place-items:center;color:#e34b55;border:1px solid #d82f3b66;border-radius:50%;font-size:19px}.local-photo figcaption strong,.local-photo figcaption small{display:block}.local-photo figcaption strong{font:700 12px var(--display);letter-spacing:.09em}.local-photo figcaption small{font-size:11px;color:#ccc;margin-top:3px}.workshop-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:34px}.workshop-photo{height:320px;margin:0;position:relative;overflow:hidden;background:#121214;border:1px solid #29292b}.workshop-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:contrast(1.02) saturate(.9)}.workshop-photo:hover img{transform:scale(1.035)}.workshop-photo:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080809e8)}.workshop-photo figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:7px}.workshop-photo figcaption span{font:600 9px var(--display);letter-spacing:.2em;color:#e34b55}.workshop-photo figcaption strong{font:600 clamp(16px,2vw,22px) var(--display);color:white}.workshop-photo-main img{object-position:center 52%}@media(max-width:760px){.intro{grid-template-columns:1fr;gap:25px;min-height:0;padding-top:64px;padding-bottom:64px}.intro>div:first-child,.local-photo{grid-column:1}.local-photo{height:260px}.workshop-gallery{grid-template-columns:1fr;gap:12px;margin-top:24px}.workshop-photo{height:260px}}

.map-link{margin-left:auto;align-self:flex-end;white-space:nowrap;color:#fff;font-size:11px;font-weight:700;border-bottom:1px solid #d82f3b;padding:0 0 6px;transition:color .2s}.map-link b{color:var(--red);margin-left:6px}.map-link:hover,.footer-location:hover{color:#e34b55}.local-photo figcaption{right:20px}.footer-location{color:#c9c6c4;font-size:8px;letter-spacing:.08em;transition:color .2s}@media(max-width:650px){.local-photo figcaption{left:14px;right:14px;bottom:14px;gap:8px}.local-photo figcaption small{font-size:9px}.map-link{font-size:10px}.footer-location{font-size:7px}}

/* Accesos principales claros y foto del local integrada al fondo */
.local-photo{height:340px;border:0;background:transparent;box-shadow:none;isolation:isolate}.local-photo img{position:absolute;inset:0;object-fit:cover;object-position:center 42%;filter:contrast(1.04) saturate(.94)}.local-photo:after{z-index:0;inset:25% 0 0;background:linear-gradient(180deg,transparent 22%,#070708c7 100%)}.local-photo figcaption{left:14px;right:14px;bottom:14px;gap:10px;padding:12px 13px;border:1px solid #ffffff38;border-radius:8px;background:#11111362;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.local-photo figcaption strong{font-size:12px}.local-photo figcaption small{color:#e4e0de}.map-link{align-self:center;margin-left:auto;padding:10px 13px;border:1px solid #ffffff75;border-radius:6px;background:#ffffff16;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:11px;color:white}.map-link:hover{background:#d82f3b;color:white;border-color:#ff544c}.hero-actions{gap:14px;flex-wrap:wrap}.hero-actions .button-red{padding:17px 20px;box-shadow:0 8px 30px #d82f3b55;font-size:12px}.map-hero-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 15px;border:1px solid #ffffff56;border-radius:2px;background:#ffffff12;color:white;font-size:11px;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .2s}.map-hero-link:hover{transform:translateY(-2px);background:#ffffff24;border-color:#fff}.map-hero-link b{color:#e34b55}.map-hero-icon{color:#e34b55;font-size:16px}.instagram-hero-link{padding:12px 13px;border:1px solid #ffffff40;border-radius:2px;background:#1111136b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.instagram-hero-link:hover{background:#ffffff18;border-color:#e34b55}.quote-promo{padding:0 0 22px;margin-bottom:6px}.quote-promo>span{font-size:clamp(66px,8vw,92px);text-shadow:0 0 40px #d82f3b66}.quote-promo strong{font-size:15px}.quote-promo p{font-size:14px;color:#eee}.floating-whatsapp{z-index:20;padding:15px 20px;font-size:14px;box-shadow:0 10px 35px #25d36655,0 0 0 2px #0a0a0b;animation:whatsapp-pulse 3s ease-in-out infinite}.floating-whatsapp svg{width:24px;height:24px}@keyframes whatsapp-pulse{0%,100%{box-shadow:0 10px 35px #25d36645,0 0 0 2px #0a0a0b}50%{box-shadow:0 10px 44px #25d36678,0 0 0 2px #0a0a0b}}@media(max-width:760px){.local-photo{height:290px}.local-photo figcaption{left:10px;right:10px;bottom:10px;padding:10px;gap:8px}.local-photo figcaption small{font-size:9px}.map-link{padding:9px 10px;font-size:10px}.hero-actions{gap:10px}.hero-actions .button-red{padding:14px 15px}.map-hero-link{padding:12px 11px;font-size:10px}.instagram-hero-link{gap:6px;padding:10px}.floating-whatsapp{right:14px;bottom:14px;padding:12px 16px;border-radius:999px}.floating-whatsapp>span{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap;border:0;font-size:13px}}
/* Animación de marca en portada: completa, muda y sin recorte */
.hero-device{width:62%;right:2%;display:grid;place-items:center;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 96%,transparent 100%)}
.hero-video{width:100%;height:100%;object-fit:contain;object-position:center;background:transparent;filter:drop-shadow(0 18px 50px #0009)}
@media(max-width:900px){.hero-device{width:66%;right:0;mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 96%,transparent 100%)}}
@media(max-width:650px){.hero-device{width:100%;height:66%;right:0;top:6%;mask-image:linear-gradient(180deg,#000 0%,#000a 66%,transparent 100%)}.hero-video{width:100%;height:100%;object-fit:contain;object-position:center 35%}}

/* Circuitos de fondo que avanzan con el desplazamiento */
.circuit-flow{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.32;overflow:hidden}
.circuit-flow svg{display:block;width:100%;height:100%;overflow:visible}
.circuit-base,.circuit-pulse{fill:none;stroke:#d82f3b;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.circuit-base{stroke-width:1px;opacity:.2}
.circuit-pulse{stroke-width:1.5px;stroke-dasharray:.7 18;stroke-dashoffset:0;opacity:.82;filter:drop-shadow(0 0 4px #d82f3b)}
.circuit-node{fill:#0a0a0b;stroke:#d82f3b;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.55}
@media(max-width:650px){.circuit-flow{opacity:.23}.circuit-base,.circuit-pulse{stroke-width:.8px}.circuit-pulse{stroke-dasharray:.55 20}}
@media(prefers-reduced-motion:reduce){.circuit-flow{opacity:.13}.circuit-pulse{display:none}}


/* Jerarquía tipográfica más clara y cómoda de leer */
body{font-size:15px;line-height:1.55}
.hero h1,.section-heading h2,.contact h2,.intro h2,.cta-band h2{letter-spacing:-.045em}
.hero h1{line-height:1.02;font-weight:600}
.eyebrow{font-size:10px;letter-spacing:.16em}
.hero-copy,.intro-copy,.heading-note,.contact-heading>p:last-child{font-size:15px;line-height:1.7}
.service-card p{font-size:13px;line-height:1.7}
.workshop-photo figcaption strong{font-weight:600}
@media(max-width:650px){.hero h1{font-size:clamp(54px,14vw,72px)}.hero-copy{font-size:14px}.contact-heading>p:last-child{font-size:14px}}

.circuit-flow{opacity:.23}
.circuit-base{stroke:#d82f3b;stroke-width:1px;opacity:.26}
.circuit-pulse{stroke:#e34b55;stroke-width:1.4px;stroke-dasharray:.7 18;filter:drop-shadow(0 0 3px #d82f3b)}
.circuit-white{stroke:#e7e4e2;opacity:.16}
.circuit-white.circuit-pulse{stroke:#eeeae7;opacity:.52;filter:drop-shadow(0 0 2px #e7e4e2)}
.circuit-node{stroke:#d82f3b;opacity:.65}
.circuit-node-white{stroke:#e7e4e2;opacity:.48}
@media(max-width:650px){.circuit-flow{opacity:.17}}

/* Fondo PHONEX: imagen de circuitos con recorridos luminosos discretos */
.circuit-flow{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:1;isolation:isolate;background:#000}
main,.footer{position:relative;z-index:1}
.shop{background:rgba(14,14,16,.76)}
.circuit-art{position:absolute;display:block;mix-blend-mode:screen;user-select:none;will-change:transform;animation:circuit-drift 38s ease-in-out infinite alternate}
.circuit-art-wide{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.circuit-art-mobile{display:none}
.circuit-motion{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.circuit-motion-mobile{display:none}
.circuit-run{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;vector-effect:non-scaling-stroke;stroke-dasharray:1 38;animation:circuit-travel 8s linear infinite;filter:drop-shadow(0 0 5px currentColor)}
.circuit-red{stroke:#ff1c26;color:#ff1c26;opacity:.24}
.circuit-white{stroke:#f4f4f4;color:#f4f4f4;stroke-dasharray:1 52;animation-duration:11s;animation-delay:-4s;opacity:.22}
.circuit-dim{stroke:#626266;color:#626266;stroke-dasharray:1 64;animation-duration:15s;animation-delay:-7s;opacity:.16}
.circuit-nodes circle{fill:#080809;stroke:#ff2630;stroke-width:4;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:circuit-node 2.6s ease-in-out infinite;filter:drop-shadow(0 0 2px #ff263033)}
.circuit-nodes .node-white{stroke:#fff;filter:drop-shadow(0 0 2px #ffffff33);animation-delay:-1.1s}
@keyframes circuit-travel{to{stroke-dashoffset:-156}}
@keyframes circuit-node{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.28)}}
@keyframes circuit-drift{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.025) translate3d(0,-.6%,0)}}
@media(max-width:650px){
  .circuit-flow{background:#000}
  .circuit-art-wide,.circuit-motion-wide{display:none}
  .circuit-art-mobile{display:block;top:0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:center;animation-duration:46s}
  .circuit-art-left{left:0;object-position:left center}
  .circuit-art-right{right:0;object-position:right center;transform:scaleX(-1);animation-name:circuit-drift-mobile}
  .circuit-motion-mobile{display:block}
  .circuit-run{stroke-width:2.5}
  .circuit-red{opacity:.18}
  .circuit-white{opacity:.16}
  .circuit-dim{opacity:.12}
}
@keyframes circuit-drift-mobile{0%{transform:scaleX(-1) scale(1) translate3d(0,0,0)}100%{transform:scaleX(-1) scale(1.025) translate3d(0,-.5%,0)}}
@media(prefers-reduced-motion:reduce){.circuit-art,.circuit-run,.circuit-nodes circle{animation:none!important}.circuit-art{transform:none!important}}

/* Marcas atendidas: franja compacta bajo el banner principal */
.brand-strip{position:relative;z-index:1;padding-top:28px;padding-bottom:29px;background:#0b0b0de8;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.brand-strip-title{margin:0 0 18px;text-align:center;color:#989598;font:700 10px var(--display);letter-spacing:.2em}
.brand-groups{display:grid;grid-template-columns:1.45fr 1.45fr 1fr;gap:16px;align-items:stretch}
.brand-group{display:flex;flex-direction:column;gap:12px;min-width:0;padding:0 18px;border-left:1px solid #ffffff20}
.brand-group:first-child{border-left:0}
.brand-group-label{color:#e34b55;font:700 9px var(--display);letter-spacing:.16em}
.brand-wordmarks{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#e4e2e2}
.brand-wordmarks span{display:inline-flex;align-items:center;gap:7px;font-family:Arial,sans-serif;font-weight:700;line-height:1;white-space:nowrap;opacity:.92}
.brand-mark{font-size:12px;letter-spacing:-.02em;color:#f2f1ed}
.brand-mark img{display:block;width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}
.wordmark-apple{font-size:16px;letter-spacing:-.06em}.wordmark-samsung{font-size:14px;letter-spacing:-.07em}.wordmark-motorola{font-size:14px;letter-spacing:-.06em}.wordmark-xiaomi{font-size:15px;letter-spacing:-.06em}.wordmark-huawei{font-size:13px;letter-spacing:.04em}.wordmark-lenovo{font-size:15px;letter-spacing:-.06em}.wordmark-hp{font-size:20px;font-style:italic;letter-spacing:-.08em}.wordmark-asus{font-size:15px;letter-spacing:-.04em}.wordmark-dell{font-size:16px;letter-spacing:-.07em}.wordmark-acer{font-size:16px;font-style:italic;letter-spacing:-.06em}.wordmark-playstation{font-size:13px;letter-spacing:-.07em}.wordmark-xbox{font-size:14px;letter-spacing:.03em}.wordmark-nintendo{font-size:12px;letter-spacing:-.04em}
@media(max-width:800px){.brand-groups{grid-template-columns:1fr;gap:17px}.brand-group{border-left:0;border-top:1px solid #ffffff18;padding:13px 0 0;gap:10px}.brand-group:first-child{border-top:0;padding-top:0}.brand-wordmarks{justify-content:flex-start;gap:18px 24px}}
@media(max-width:650px){.brand-strip{padding-top:23px;padding-bottom:23px}.brand-strip-title{margin-bottom:14px;font-size:9px}.brand-group{gap:9px}.brand-wordmarks{gap:16px 20px}.wordmark-apple,.wordmark-motorola,.wordmark-xiaomi,.wordmark-lenovo,.wordmark-asus{font-size:14px}}
.supported-brand-logo{display:inline-flex!important;position:static!important;align-items:center;justify-content:flex-start;gap:7px;width:auto!important;height:auto!important;min-height:24px;padding:0;border:0!important;background:none!important;font:700 12px/1 Arial,sans-serif!important;letter-spacing:0!important;color:#f2f1ed!important;white-space:nowrap;opacity:.94}
.supported-brand-logo img{position:static!important;display:block;flex:none;width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}
.supported-brand-logo b{font:inherit}
.admin-footer-link{color:#888!important;font-size:10px;letter-spacing:.06em}.admin-footer-link:hover{color:#ef4340!important}
.supported-brand-logo img.console-logo-xbox{width:22px;height:22px;filter:none;opacity:1}
.supported-brand-logo img.console-logo-nintendo{width:auto;height:19px;max-width:68px;filter:none;opacity:1}

/* Verificación de teléfono antes de revelar un precio */
.quote-send-code{grid-column:1/-1;justify-content:center;width:100%;margin:7px 0 2px;font-size:14px}
.quote-access-status{grid-column:1/-1;margin:3px 0 0;color:#d7d1cf;font-size:12px;line-height:1.5}
.quote-access-status.is-error{color:#ff8b83}
.quote-code-entry{grid-column:1/-1;gap:9px;margin-top:8px}
.quote-code-entry:not([hidden]){display:grid}
.quote-code-entry label{color:#e7e3e1;font-size:12px}
.quote-code-row{display:flex;gap:10px}
.quote-code-row input{min-width:0;flex:1;padding:13px 14px;border:1px solid #554447;background:#0b0b0d;color:#fff;font-size:18px;letter-spacing:.16em}
.quote-code-row .button{padding:12px 18px;justify-content:center}
.verified-quote{grid-column:1/-1;margin-top:12px;padding:16px;border:1px solid #8f3733;background:linear-gradient(115deg,#211415,#101012 80%)}
.verified-quote h3{margin:0 0 12px;color:#f2f1ed;font:600 16px var(--display)}
.verified-quote>span{display:block;color:#f2e9e7;font:600 12px var(--display)}
.verified-quote>strong{display:block;margin-top:10px;color:#ff5148;font:700 30px var(--display)}
.verified-price-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.verified-price-row>div{padding:11px;background:#0b0b0dcc;border:1px solid #ffffff12}
.verified-price-row small,.verified-price-row strong{display:block}
.verified-price-row small{min-height:30px;color:#d2c9c7;font-size:11px;line-height:1.4}
.verified-price-row strong{margin-top:5px;color:#ff5148;font:700 clamp(20px,3vw,30px)/1.1 var(--display);letter-spacing:-.04em}
.verified-quote p{margin:12px 0 0;color:#d1cdcb;font-size:12px;line-height:1.55}
.verified-options{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.verified-options li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;background:#0b0b0d;border:1px solid #ffffff14}
.verified-options li>span{color:#eee;font-size:12px}
.verified-options li>div{text-align:right}
.verified-options b,.verified-options strong{display:block;color:#ff5148;font:700 15px var(--display)}
.verified-options strong{font-size:19px}
.verified-options small{display:block;color:#ffaaa5;font:600 10px var(--font)}
@media(max-width:650px){.quote-code-row{flex-direction:column}.quote-code-row .button{width:100%}.verified-quote{padding:13px}.verified-price-row{grid-template-columns:1fr}.verified-price-row small{min-height:0}.verified-options li{align-items:flex-start;flex-direction:column}.verified-options li>div{text-align:left}}

/* Iconografía de redes y contacto */
.instagram-hero-link .instagram-dot{fill:url(#instagramGradientHero);stroke:none}
.instagram-follow-icon{display:inline-block;width:20px;height:20px;vertical-align:-4px;margin-right:8px;fill:none;stroke-width:1.8;flex:none}
.whatsapp-inline-icon{width:20px;height:20px;display:inline-block;flex:none;fill:#25d366}
.cta-band .button-light{gap:12px}
@media(max-width:650px){.instagram-hero-link svg{width:19px;height:19px}.instagram-follow-icon{width:22px;height:22px}.cta-band .button-light{font-size:11px;padding:13px 15px;gap:9px}.whatsapp-inline-icon{width:19px;height:19px}}

/* Más presencia para la frase destacada de portada */
.hero h1 em{font-weight:600;letter-spacing:-.04em}

/* Logo PHONEX de alta resolución, con fondo transparente */
.brand-logo,.footer .brand-logo{width:174px;height:86px;max-height:none;object-fit:contain;mix-blend-mode:normal;image-rendering:auto}
.topbar{height:92px}
html{scroll-padding-top:98px}
@media(max-width:650px){.topbar{height:70px}.topbar nav{top:69px}.brand-logo,.footer .brand-logo{width:124px;height:62px;max-height:none}html{scroll-padding-top:76px}}



/* Tratamiento visual aplicado sobre la foto original del taller */
.hero-photo{object-position:50% 60%;filter:saturate(.72) contrast(1.03) brightness(.92)}
.hero-device:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a0a0b22,transparent 58%),radial-gradient(ellipse at 76% 66%,#d82f3b12,transparent 62%)}
@media(max-width:650px){.hero-photo{object-position:50% 60%}.hero-device:after{background:linear-gradient(180deg,#0a0a0b20,transparent 48%),radial-gradient(ellipse at 75% 66%,#d82f3b10,transparent 62%)}}


/* Galería automática de fotos reales del taller */
.workshop-gallery{display:block;width:100%;margin:58px auto 0}
.workshop-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 20px}
.workshop-gallery-heading .eyebrow{margin:0 0 10px;color:#e34b55}
.workshop-gallery-heading h3{margin:0;font:600 clamp(28px,4vw,42px)/1.08 var(--display);letter-spacing:-.04em;color:#f2f1ed}
.workshop-gallery-heading h3 em{color:#d82f3b;font-style:normal}
.workshop-gallery-heading>p{max-width:260px;margin:0 0 3px;color:#a7a4a2;font-size:13px;line-height:1.6}
.workshop-carousel{overflow:hidden;border:1px solid #ffffff18;background:#101012}
.workshop-stage{position:relative;height:clamp(390px,48vw,590px);overflow:hidden;background:#0b0b0d;touch-action:pan-y;isolation:isolate}
.workshop-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .55s ease}
.workshop-slide.is-active{z-index:1;opacity:1;pointer-events:auto}
.workshop-blur{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(26px) brightness(.3) saturate(.72);transform:scale(1.06);opacity:.78}
.workshop-image{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;object-position:center;filter:contrast(1.02) saturate(.92)}
.workshop-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px 14px 22px;border-top:1px solid #ffffff12;background:#111113}
.workshop-caption{margin:0;color:#e8e6e4;font-size:13px;line-height:1.4}
.workshop-controls{display:flex;align-items:center;gap:8px;flex:none}
.workshop-count{margin-right:8px;color:#8d8988;font:500 11px var(--display);letter-spacing:.1em}
.workshop-count #workshopCurrent{color:#fff}
.workshop-controls button{width:38px;height:36px;border:1px solid #414144;background:transparent;color:#f2f1ed;font-size:17px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.workshop-controls button:hover,.workshop-controls button:focus-visible{outline:none;border-color:#d82f3b;background:#d82f3b;color:#fff}
@media(max-width:700px){.workshop-gallery{margin-top:42px}.workshop-gallery-heading{align-items:flex-start;flex-direction:column;gap:10px}.workshop-gallery-heading>p{max-width:340px}.workshop-stage{height:min(112vw,490px);min-height:360px}.workshop-carousel-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.workshop-controls{width:100%;justify-content:flex-end}.workshop-count{margin-right:auto}.workshop-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.workshop-slide{transition:none}}

/* Galería en tarjetas: dos fotos visibles y desplazamiento continuo */
.workshop-window{width:100%;overflow:hidden}
.workshop-stage{position:relative;display:flex;width:100%;height:auto;gap:14px;overflow:visible;transform:translateX(0);transition:transform .65s cubic-bezier(.22,.75,.25,1);will-change:transform}
.workshop-slide,.workshop-slide.is-active{position:relative;inset:auto;z-index:auto;display:flex;flex:0 0 calc((100% - 14px)/2);flex-direction:column;height:352px;margin:0;overflow:hidden;border:1px solid #ffffff18;background:#101012;opacity:1;pointer-events:auto}
.workshop-blur{position:absolute;inset:0 0 auto;width:100%;height:276px;object-fit:cover;filter:blur(23px) brightness(.3) saturate(.7);transform:scale(1.08);opacity:.8}
.workshop-image{position:relative;z-index:1;flex:0 0 276px;width:100%;height:276px;object-fit:contain;object-position:center;background:transparent;filter:contrast(1.02) saturate(.9)}
.workshop-slide figcaption{position:relative;z-index:2;display:flex;align-items:center;flex:1;padding:12px 16px;background:#111113;color:#e8e6e4;font-size:12px;line-height:1.45}
.workshop-carousel-footer{padding:13px 16px 13px 20px}
.workshop-controls button{width:38px;height:36px}
@media(max-width:700px){.workshop-stage{gap:10px}.workshop-slide,.workshop-slide.is-active{flex-basis:calc((100% - 10px)/2);height:276px}.workshop-blur{height:184px}.workshop-image{flex-basis:184px;height:184px}.workshop-slide figcaption{padding:9px 10px;font-size:10px;line-height:1.35}.workshop-carousel-footer{padding:11px 12px}.workshop-gallery-heading h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.workshop-stage{transition:none;will-change:auto}}
.footer .admin-footer-link{display:inline-flex!important;align-items:center;padding:11px 16px;border:1px solid #d82f3b;border-radius:4px;color:#f2f1ed!important;background:#211315;font:600 12px var(--font);letter-spacing:0;white-space:nowrap}.footer .admin-footer-link:hover{background:#d82f3b;color:#fff!important}
.footer .admin-footer-link{position:fixed;top:104px;right:20px;z-index:30;box-shadow:0 5px 20px #0008}@media(max-width:650px){.footer .admin-footer-link{top:80px;right:14px;padding:9px 12px;font-size:11px}}
.delivery-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:42px;padding-bottom:42px;background:linear-gradient(110deg,#711824,#3b111a 60%,#170d12);border-top:1px solid #ef52694d;border-bottom:1px solid #ef52694d;overflow:hidden}.delivery-banner:after{content:"";position:absolute;width:340px;height:340px;right:-190px;top:-130px;border:45px solid #f14a5d15;border-radius:50%;pointer-events:none}.delivery-kicker{margin:0 0 12px;font:700 10px var(--display);letter-spacing:.17em;color:#ffb9be}.delivery-banner h2{margin:0;font:700 clamp(29px,3.8vw,45px)/1.12 var(--display);letter-spacing:-.045em;color:#fff}.delivery-banner h2 em{font-style:normal;color:#ffabb4}.delivery-services{display:flex;gap:30px;margin-top:19px;max-width:690px}.delivery-services p{flex:1;margin:0}.delivery-services strong{display:block;color:#fff;font-size:14px}.delivery-services span{display:block;margin-top:5px;color:#ebcdd1;font-size:12px;line-height:1.6}.delivery-coverage{margin:17px 0 0;font-size:11px;color:#e6b9bf}.delivery-contact{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-shrink:0;padding:17px 20px;background:#fff;color:#5c1521;font-weight:700;font-size:13px;border-radius:3px;box-shadow:0 7px 24px #0003}.delivery-contact:hover{background:#ffe9eb}.delivery-contact span{font-size:21px}@media(max-width:760px){.delivery-banner{align-items:flex-start;flex-direction:column;gap:23px;padding-top:32px;padding-bottom:32px}.delivery-services{flex-direction:column;gap:16px}.delivery-contact{width:100%}.delivery-banner h2{font-size:32px}}
.pickup-choice{padding:16px;border:1px solid #84404a;background:#251318;margin:16px 0}.contact-form .pickup-toggle{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff}.pickup-toggle input{width:18px;height:18px;accent-color:#d82f3b;flex:none}.pickup-choice p{font-size:12px;color:#d9c4c8;line-height:1.6}.pickup-choice #pickupDetails{margin-top:13px}
.pickup-receipt{margin-top:18px;padding:18px;border:1px solid #a34752;background:#211318}.pickup-receipt h3{font-size:17px;color:#fff}.pickup-receipt p{font-size:13px;color:#e5d6d9}.pickup-receipt .button{display:flex;margin-top:10px;font-size:12px}.pickup-receipt small{display:block;margin-top:12px;font-size:11px;color:#cdb9be}
.topbar .admin-footer-link{position:static;display:inline-flex;align-items:center;padding:9px 11px;border:1px solid #75343d;border-radius:3px;background:#211315;color:#eee!important;font:600 11px var(--font);white-space:nowrap;box-shadow:none}.form-submit[hidden]{display:none!important}@media(max-width:650px){.topbar .admin-footer-link{padding:7px 8px;font-size:9px}.top-actions{gap:8px}}
.quote-photo-choice{margin:16px 0;padding:15px;border:1px solid #493338;background:#171114}.quote-photo-choice small{display:block;color:#bfb2b5;font-size:11px;line-height:1.6;margin-top:8px}.quote-photo-choice input{max-width:100%}
/* El formulario crece con el presupuesto y la constancia sin invadir la sección siguiente. */ #contacto.contact{height:auto;max-height:none;grid-template-rows:auto auto;row-gap:32px;column-gap:7%;align-items:start;padding-bottom:70px;overflow:visible}#contacto .contact-form{height:auto;max-height:none;min-width:0;overflow:visible}#moduleEstimate{height:auto;max-height:none;min-width:0}#moduleEstimate [data-quote-result]{grid-column:1/-1;min-width:0}.pickup-receipt{height:auto;max-height:none;overflow:visible;overflow-wrap:anywhere}@media(max-width:650px){#contacto.contact{row-gap:24px;grid-template-rows:auto;padding-bottom:48px}}
/* Contraste de desplegables PHONEX */ select,.contact-form select{color-scheme:dark!important;background-color:#09090b!important;color:#fff!important}select option,.contact-form select option{background-color:#09090b!important;color:#fff!important}select option:checked,.contact-form select option:checked{background-color:#c92734!important;color:#fff!important}select:focus-visible{outline:2px solid #d82f3b;outline-offset:3px}select option:hover,select option:focus{background-color:#8c202b!important;color:#fff!important}
#removeQuotePhoto{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:10px 16px;border:1px solid #d82f3b;border-radius:4px;background:#211318;color:#fff;font-weight:600;font-size:13px;cursor:pointer}#removeQuotePhoto:hover{background:#b92330;color:#fff}#removeQuotePhoto:focus-visible{outline:2px solid #ff6875;outline-offset:3px}#removeQuotePhoto[hidden]{display:none!important}
.quote-delivery-benefit{padding:16px;margin-top:16px;border:1px solid #d82f3b;background:#30151c}.quote-delivery-benefit b{color:#fff;font-size:15px}.quote-delivery-benefit p{font-size:12px;color:#e5cbd0;line-height:1.6}.quote-delivery-benefit button{padding:11px 15px;background:#c92734;color:white;border:0;font-weight:700;cursor:pointer}
.quote-delivery-benefit.is-free{position:relative;padding:22px;background:linear-gradient(135deg,#0c3024,#101d18);border:1px solid #36c88c;border-radius:10px;box-shadow:0 8px 30px #0003}.delivery-free-badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#36c88c22;color:#83efbb;font-size:10px;font-weight:700;letter-spacing:.1em}.quote-delivery-benefit.is-free h3{margin:14px 0;color:#b1ffd7;font-size:23px;line-height:1.2}.delivery-free-price{padding:12px 0;border-bottom:1px solid #70d5a52b}.delivery-free-price span{display:block!important;color:#c4e5d5!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}.delivery-free-price strong{display:block!important;color:#71efb0!important;font-size:30px!important;line-height:1.2!important;margin-top:6px}.quote-delivery-benefit.is-free p{color:#c2dece}.quote-delivery-benefit.is-free button{width:100%;background:#39d18d;color:#082418;border-radius:5px;font-size:14px}.quote-delivery-benefit.is-free button:hover{background:#74efb5}
.quote-continue{width:100%;margin-top:18px;justify-content:center;font-size:13px}.quote-photo-choice input::file-selector-button{background:#28161c;color:#fff;border:1px solid #bb3444;border-radius:3px;padding:9px 12px;margin-right:10px;cursor:pointer}
.phone-format-help{display:block;margin-top:8px;color:#c7bec0;font-size:11px;line-height:1.5;font-weight:400}
.community-section{padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.community-section article{padding:30px;border-radius:10px;min-width:0}.instagram-banner{background:radial-gradient(ellipse at 100% 100%,#d27b2c55,transparent 65%),linear-gradient(135deg,#341645,#62214a);border:1px solid #e65d9455}.google-review-banner{background:#131416;border:1px solid #ffffff25}.community-kicker{font-size:10px;letter-spacing:.15em;font-weight:700;color:#d9c6d4}.community-section h2{font:600 clamp(25px,3vw,36px)/1.15 var(--display);letter-spacing:-.04em;margin:14px 0}.instagram-banner h2 span{color:#ffb8d5}.community-section p:not(.community-kicker){font-size:14px;line-height:1.7;color:#e0d6df}.community-section a{display:inline-flex;align-items:center;gap:24px;padding:13px 16px;background:#fff;color:#291329;border-radius:5px;font-weight:700;font-size:13px}.community-section small{display:block;margin-top:12px;color:#aaa;font-size:11px}.console-service-strip{padding-top:30px;padding-bottom:34px;background:#1e1116;border-top:1px solid #78303c;border-bottom:1px solid #78303c}.console-service-strip h2{font:600 27px var(--display);margin:0 0 12px}.console-service-strip p{color:#cbbcc0;font-size:14px}.console-service-strip a{color:#ff939d;font-weight:700;font-size:13px}@media(max-width:700px){.community-section{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px}.community-section article{padding:23px}}
#workshopPrevious,#workshopNext{width:auto;min-width:62px;padding:0 10px;font-size:11px}
/* Botones translúcidos PHONEX */ .button,.button-red,.hero-actions .button-red,.delivery-contact,.community-section a,.topbar .admin-footer-link,#removeQuotePhoto{background:linear-gradient(135deg,rgba(143,30,48,.4),rgba(35,20,27,.55))!important;color:#fff!important;border:1px solid rgba(255,111,132,.5)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff12,0 5px 18px #0002!important;border-radius:6px}.button:hover,.delivery-contact:hover,.community-section a:hover,#removeQuotePhoto:hover{background:rgba(176,35,57,.6)!important;border-color:#ff8b9c!important}.button:focus-visible,.delivery-contact:focus-visible,.community-section a:focus-visible{outline:2px solid #ff9aaa;outline-offset:3px}.quote-delivery-benefit.is-free button{background:rgba(32,135,88,.4)!important;color:#bcffdc!important;border:1px solid #5be0a0!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.repair-process{padding-top:54px;padding-bottom:54px;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;background:#0b0b0ddd}.repair-process-heading h2{font:600 clamp(28px,3.7vw,43px)/1.15 var(--display);letter-spacing:-.045em;margin:0}.repair-process-heading>p{color:#b6adb0;font-size:14px;margin:12px 0 28px}.repair-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.repair-process-grid article{padding:20px 0 0;border-top:2px solid #b62f43}.repair-process-grid h3{font:600 19px var(--display);color:#fff;margin:0 0 12px;letter-spacing:-.025em}.repair-process-grid p{font-size:13px;color:#bfb6b9;line-height:1.75;margin:0}@media(max-width:1000px){.repair-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}@media(max-width:560px){.repair-process{padding-top:36px;padding-bottom:36px}.repair-process-grid{grid-template-columns:1fr;gap:22px}.repair-process-grid article{padding-top:15px}}
#unknownModelHelp{display:block;margin:10px 0;color:#e6c5ce;font-size:12px;line-height:1.6}#unknownModelHelp[hidden]{display:none!important}
.action-icon{display:inline-block;width:21px;height:21px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-actions .button,.hero-actions .text-link{display:inline-flex;align-items:center;gap:11px}.community-section a{gap:11px}.google-action-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:white;border-radius:50%;flex:none}.google-action-icon i{font:bold 21px Arial;font-style:normal;background:conic-gradient(#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 65%,#ea4335 65% 85%,#4285f4 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.location-banner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:45px;padding-bottom:45px;background:linear-gradient(115deg,#211318,#0b0b0d);border-top:1px solid #69303d;border-bottom:1px solid #69303d}.location-banner h2{font:600 clamp(28px,4vw,43px)/1.15 var(--display);letter-spacing:-.045em;margin:12px 0}.location-banner p{color:#d3c3c8;line-height:1.8}.location-banner img{width:100%;height:280px;object-fit:cover;object-position:center 35%;border-radius:8px}.location-banner .button{justify-content:center;gap:12px}@media(max-width:650px){.location-banner{grid-template-columns:1fr;gap:25px;padding-top:32px;padding-bottom:32px}.location-banner img{height:220px}}
/* Garantía destacada */
.service-promise{margin-top:32px;padding:36px 38px;gap:26px;border:1px solid #9b2836;border-radius:16px;background:radial-gradient(ellipse at 0 50%,#64122166,transparent 65%),linear-gradient(120deg,#201014,#0d0d10);box-shadow:0 16px 50px #0005;isolation:isolate}.service-promise:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:#e72c42}.service-promise .promise-mark{width:70px;height:82px;flex:0 0 70px;border:0;color:#ff4055;background:none;filter:drop-shadow(0 0 15px #e52d4233)}.promise-mark svg{width:100%;height:100%}.promise-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:#ff6979;margin-bottom:10px}.service-promise strong{display:block;font-family:var(--display);font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.035em;color:#fff}.service-promise p{font-size:16px;line-height:1.5;color:#dfd9db;margin:10px 0 16px}.promise-gift{display:block;font-size:13px;font-weight:600;color:#fff;border-top:1px solid #ffffff20;padding-top:14px}@media(max-width:650px){.service-promise{padding:26px 22px;gap:17px;align-items:flex-start}.service-promise .promise-mark{width:43px;height:52px;flex-basis:43px}.promise-eyebrow{font-size:9px;letter-spacing:.1em}.service-promise strong{font-size:29px}.service-promise p{font-size:14px}.promise-gift{font-size:12px;line-height:1.6}}

.console-service-strip{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;background:radial-gradient(ellipse at 85% 55%,#8b142d38,transparent 60%),#09090b}.console-product-photo{margin:0;text-align:center}.console-product-photo img{width:100%;max-width:320px;height:350px;object-fit:contain;filter:drop-shadow(0 18px 25px #0009)}.console-product-photo figcaption{font-size:10px;color:#aaa;line-height:1.5}.console-product-photo figcaption a{color:inherit}@media(max-width:650px){.console-service-strip{grid-template-columns:1fr;gap:16px}.console-product-photo img{height:280px}}

.topbar .admin-login-icon{order:-1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:38px;color:#aaa;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;text-decoration:none}.topbar .admin-login-icon:hover{color:#fff}.topbar .admin-login-icon:focus-visible{outline:2px solid #e72c42;outline-offset:4px}.nav-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.topbar nav a{display:inline-flex;align-items:center;gap:8px}.admin-login-icon .nav-icon{width:21px;height:21px}@media(max-width:650px){.topbar{gap:10px}.topbar .admin-login-icon{flex-basis:22px;width:22px}.topbar .brand{margin-right:auto}}

/* Cabecera discreta y banners con el fondo de circuitos visible. */
.topbar .admin-login-icon{order:99;margin-left:8px;color:#999}
.topbar .cart-button{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:10px 2px!important}
.topbar .cart-button:hover{color:#fff}
.topbar .cart-button:focus-visible{outline:2px solid #e72c42;outline-offset:4px}
.delivery-banner,.location-banner,.console-service-strip,.cta-band{background:linear-gradient(115deg,rgba(32,14,21,.82),rgba(9,9,12,.84))!important}
.google-review-banner{background:rgba(15,16,19,.83)!important}
.instagram-banner{background:linear-gradient(135deg,rgba(52,22,69,.78),rgba(98,33,74,.77))!important}
.service-promise{background:linear-gradient(120deg,rgba(39,14,22,.84),rgba(9,9,12,.82))!important}
.console-service-strip{grid-template-columns:minmax(0,1.65fr) minmax(190px,.65fr);gap:26px;padding-top:28px;padding-bottom:28px}
.console-service-copy{min-width:0;max-width:760px}
.console-service-strip h2{font-size:clamp(28px,3.1vw,42px);line-height:1.15;letter-spacing:-.035em;max-width:720px}
.console-service-strip p{font-size:16px;line-height:1.65;margin:16px 0 22px;max-width:680px}
.console-product-photo img{height:245px;max-width:230px}
.console-product-photo figcaption{font-size:9px;max-width:240px;margin:6px auto 0}
.console-product-photo figcaption a{font-size:inherit;font-weight:400}
@media(max-width:650px){.console-service-strip{grid-template-columns:minmax(0,1fr) 105px;gap:14px;padding-top:26px;padding-bottom:26px}.console-service-strip h2{font-size:26px}.console-service-strip p{font-size:14px;margin:12px 0 16px}.console-product-photo img{height:165px}.console-product-photo figcaption{font-size:8px;line-height:1.5}.console-service-strip .console-service-copy>a{font-size:12px}.topbar .admin-login-icon{margin-left:0}}
@media(max-width:360px){.console-service-strip{grid-template-columns:1fr}.console-product-photo img{height:180px}}

.image-credits{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff12;color:#929096;font-size:10px;line-height:1.7}.image-credits>span{font-weight:600}.image-credits p{margin:4px 0 0}.image-credits a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Contraste del cierre y créditos integrados al pie. */
:root{--red:#f32b40}
.cta-band{background:linear-gradient(115deg,rgba(48,6,17,.88),rgba(10,8,12,.88))!important}
.cta-band h2{position:relative;z-index:1;font-weight:700;line-height:1.08}
.cta-band h2 em{color:#ff3048!important;font-style:normal;font-weight:800;text-shadow:0 0 28px #f0203522}
.cta-band .eyebrow{position:relative;z-index:1;color:#f6d9df}
.cta-band .button{position:relative;z-index:1;border-color:#f3344b!important}
.cta-orb,.cta-band:after{opacity:.32;pointer-events:none}
.footer{padding-bottom:28px}
.footer-bottom{align-items:center;gap:14px;flex-wrap:nowrap;font-size:8px;letter-spacing:.04em;color:#a5a1a5}
.footer-bottom .image-credits{display:inline!important;margin:0;padding:0;border:0;font:inherit;letter-spacing:0;color:inherit;white-space:nowrap;line-height:1.5}
.footer-bottom .image-credits a{font:inherit;color:inherit;text-decoration:none}
.footer-bottom .image-credits a:hover{text-decoration:underline}
@media(max-width:800px){.footer-bottom .footer-location{display:none}.footer-bottom{font-size:7px;gap:10px}}
@media(max-width:400px){.footer-bottom{font-size:6px;gap:6px}.footer-bottom .image-credits{font-size:6px}}
/* Ajustes tras revisión visual completa */
.service,.repair-process,.shop{background-color:rgba(7,7,10,.84)}
.footer{background:rgba(7,7,10,.92);padding-bottom:105px}
[hidden]{display:none!important}
@media(max-width:650px){.footer{padding-bottom:105px}.footer-bottom{justify-content:space-between}}
.footer-bottom #year{display:inline!important}
@media(max-width:650px){.cta-band{background:linear-gradient(115deg,rgba(40,5,14,.94),rgba(8,7,10,.94))!important}}

.accessories-request-banner{margin:30px 0 0;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #ef334b77;border-left:5px solid #ff3048;border-radius:12px;background:linear-gradient(115deg,#4d0a1ccc,#0c0b0fe8)}.accessories-request-banner h2,.family-section h2{font:700 clamp(28px,3.4vw,44px)/1.14 var(--display);letter-spacing:-.04em;margin:12px 0 18px}.accessories-request-banner h2 em,.family-section h2 em{font-style:normal;color:#ff354d}.accessories-request-banner p{font-size:15px;line-height:1.75;max-width:680px;color:#e3dce0}.accessories-request-banner small{color:#bcb1b7;font-size:11px}.accessories-request-banner .button{flex-shrink:0}.family-kicker{font-size:10px;letter-spacing:.16em;font-weight:700;color:#ff8b9a}.family-section{background:#08080be8}.family-intro{max-width:650px;line-height:1.8;color:#ccc4c9;font-size:16px}.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:32px}.family-grid article{padding:24px 20px;border-top:2px solid #ee3048;background:#141015b8}.family-role-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d3223a22;color:#ff5268;font-weight:700}.family-grid h3{font-size:23px;margin:18px 0 7px}.family-grid strong{font-size:12px;color:#ff8c9b}.family-grid p{line-height:1.7;color:#c8c0c5;font-size:13px}@media(max-width:850px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accessories-request-banner{flex-direction:column;align-items:flex-start}}@media(max-width:450px){.family-grid{grid-template-columns:1fr;gap:14px}.accessories-request-banner{padding:24px}.accessories-request-banner .button{width:100%;justify-content:center}}

.family-role-icon{width:58px;height:58px;border:1px solid #ff53684d;background:radial-gradient(circle at 30% 20%,#ff4a6140,#9e153b12);color:#ff5a70;box-shadow:inset 0 1px 0 #ffffff12,0 6px 20px #0003}.family-role-icon svg{width:29px;height:29px}.family-grid article{border-radius:12px;padding:26px 22px;transition:border-color .2s,background .2s,transform .2s}.family-grid article:hover{border-color:#ff4962;background:#23121bcc;transform:translateY(-3px)}.family-grid strong{display:block;line-height:1.6}.family-grid h3{font-weight:700}.family-grid p{margin-bottom:0}@media(prefers-reduced-motion:reduce){.family-grid article{transition:none}.family-grid article:hover{transform:none}}

main[tabindex="-1"]:focus{outline:none}.brand:focus{outline:none}.brand:focus-visible{outline:2px solid #ff4055;outline-offset:4px;border-radius:4px}
.delivery-coverage>strong{display:inline-block;color:#ff5269;font-size:18px;line-height:1.4;margin-bottom:6px}
