:root{color-scheme:dark;--base:#384754;--deep:#26343f;--mid:#4b5b68;--panel:#42525f;--ink:#f3f5f6;--soft:#d4dce2;--muted:#b6c3cd;--line:#71808b;--accent:#cbd7e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #dce9f4;outline-offset:4px}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(20px,5vw,80px);background:#34434f;border-bottom:1px solid #6d7b855c}.brand{display:flex;align-items:center;flex-shrink:0}.brand-word{font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-.07em;white-space:nowrap}.brand-word b{color:#d1dce5}.navigation{display:flex;gap:clamp(10px,2vw,32px);align-items:center}.navigation a{font-size:11px;font-weight:650;letter-spacing:.07em;color:#dce5ec}.navigation a:hover{color:white;text-decoration:underline;text-underline-offset:8px}.menu-toggle{display:none;background:#52616e;color:white;border:1px solid #8795a0;border-radius:10px;padding:6px 12px;font-size:24px}.eyebrow{font-size:11px;letter-spacing:.26em;font-weight:750;color:#d2dee7}.euler{isolation:isolate;overflow:hidden;position:relative}.euler:before{content:"";position:absolute;z-index:-1;width:560px;height:560px;border:76px solid #c5d2dc1a;border-radius:45% 55% 62% 38% / 48% 37% 63% 52%;transform:rotate(-29deg);pointer-events:none}.hero{min-height:600px;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(115deg,#455563,#394956 65%,#34414d)}.hero:before{top:-140px;left:33%}.hero-text{padding:clamp(52px,7vw,100px) 0 clamp(55px,6vw,80px) clamp(24px,6vw,90px);z-index:2}.hero h1{font-size:clamp(54px,7.7vw,114px);line-height:.97;letter-spacing:-.07em;margin:24px 0 26px;font-weight:950}.hero h1 span{color:#d2dde6}.hero-copy{max-width:445px;color:#e1e7ec;font-size:clamp(15px,1.6vw,18px);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;margin-top:16px;padding:15px 22px;background:#273541;border:1px solid #b0c0cc;border-radius:9px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.035em;transition:background .2s,transform .2s}.button:hover{background:#596b79;transform:translateY(-2px)}.hero-photo{position:relative;overflow:hidden;min-height:580px;align-self:stretch}.hero-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#3d4c59 0%,transparent 35%),linear-gradient(0deg,#394956 0%,transparent 25%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;filter:saturate(.85)}.topics{padding:65px clamp(20px,5vw,75px) 80px;background:#536371}.section-top{margin-bottom:25px}.section-top h2{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-.04em;max-width:660px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topic-card{min-width:0;background:#34434f;border:1px solid #7b8994;border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #17232d55}.card-visual{height:190px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-audio{background:radial-gradient(circle at 60% 20%,#a48d6c,#43525e 42%,#202b34 85%)}.dial{position:absolute;bottom:25px;width:47px;height:47px;border:8px solid #1e252b;background:#a6a4a0;border-radius:50%;box-shadow:0 0 0 4px #56636a}.dial-one{left:20%}.dial-two{right:20%}.meter{position:absolute;top:20px;width:65%;height:70px;background:linear-gradient(#e0bc80,#8e6946);border:10px solid #252c32;border-radius:6px;box-shadow:inset 0 0 22px #553b25}.meter:after{content:"";position:absolute;left:48%;bottom:8px;width:2px;height:40px;background:#202830;transform:rotate(23deg);transform-origin:bottom}.visual-story{background:linear-gradient(135deg,#5c6c77,#25313c)}.tape{width:75%;height:110px;background:linear-gradient(160deg,#1e2429,#55616a);border:5px solid #adb7bd;border-radius:9px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 15px 25px #17242b99}.tape i{display:block;width:62px;height:62px;border-radius:50%;border:15px dashed #aeb9be;background:#28323b}.visual-tech{background:radial-gradient(circle at 70% 25%,#8b9aa6,#384754 65%,#27333d)}.device{width:110px;height:150px;transform:rotate(-17deg);border-radius:22px;background:linear-gradient(135deg,#768897,#1c2934);box-shadow:18px 18px 25px #18232b}.device i{display:inline-block;width:29px;height:29px;margin:14px 0 0 5px;border:7px solid #141d24;border-radius:50%;background:#526776}.visual-reels{background:linear-gradient(145deg,#89745f,#283541 60%)}.record{width:190px;height:190px;border-radius:50%;background:repeating-radial-gradient(circle,#161c20 0 3px,#343c43 4px 5px);box-shadow:0 12px 35px #101a22}.record:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:63px;height:63px;border-radius:50%;background:#a76351;border:7px solid #d8a68b}.topic-body{padding:18px 18px 24px;min-height:220px;position:relative}.card-index{font-size:11px;letter-spacing:.15em;color:#c3d1dc}.topic-body h3{font-size:23px;letter-spacing:-.045em;margin:7px 0}.topic-body p{font-size:13px;color:#d5dee5;line-height:1.55;padding-right:8px}.card-arrow{position:absolute;right:15px;bottom:15px;font-size:21px;color:#dae4eb}.feature{display:grid;grid-template-columns:1fr 1fr;background:#3c4b58;min-height:450px}.feature:before{right:-360px;top:-270px}.feature-art{min-height:410px;position:relative;background:radial-gradient(circle at 35% 45%,#8e7d6a,#394752 54%,#283541 78%);overflow:hidden}.feature-record{position:absolute;width:min(75%,380px);aspect-ratio:1;left:13%;top:8%;border-radius:50%;background:repeating-radial-gradient(circle,#101a21 0 4px,#26343e 5px 7px);box-shadow:0 25px 40px #14212c99;transform:rotateX(25deg)}.feature-record:after{content:"";position:absolute;inset:38%;border-radius:50%;background:#b27c5a;border:8px solid #d9b08e}.feature-arm{position:absolute;top:20%;left:60%;width:38%;height:13px;background:linear-gradient(#d5d9d8,#657783);transform:rotate(-35deg);transform-origin:right;border-radius:9px;box-shadow:0 5px 9px #19252e}.feature-copy{padding:clamp(35px,6vw,80px);align-self:center}.feature-copy h2,.editorial h2,.community h2{font-size:clamp(32px,4vw,54px);line-height:1.07;letter-spacing:-.055em;margin:20px 0}.feature-copy p:not(.eyebrow),.editorial p:not(.eyebrow),.community p:not(.eyebrow){color:#dce5eb;max-width:570px}.secondary{background:transparent}.editorial{padding:80px clamp(25px,10vw,180px);background:#4a5a67}.editorial h2{max-width:790px}.editorial p:not(.eyebrow){max-width:750px}.split{display:grid;grid-template-columns:1fr 1fr;background:#43535f}.mini-section{padding:60px clamp(24px,6vw,95px);border:1px solid #77879455;scroll-margin-top:30px}.mini-section h2{font-size:clamp(25px,3vw,39px);letter-spacing:-.04em}.mini-section p:not(.eyebrow){color:#d7e0e6}.community{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:65px clamp(24px,6vw,95px);background:#566775}.community:before{right:-250px;bottom:-380px}.community-action{max-width:300px}.note{font-size:11px!important;color:#d7e0e6!important}footer{display:flex;justify-content:space-between;gap:15px;padding:26px clamp(20px,5vw,75px);font-size:12px;background:#2c3a45;color:#d4dee6}footer a{font-weight:800}@media(max-width:900px){.navigation{gap:10px}.navigation a{font-size:9px}.topic-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:clamp(46px,8vw,76px)}}@media(max-width:650px){.site-header{padding:15px 20px}.menu-toggle{display:block}.navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#34434f;flex-direction:column;align-items:stretch;padding:14px 24px 25px;border-bottom:1px solid #8a9aa5}.navigation.open{display:flex}.navigation a{font-size:13px;padding:10px 0}.hero{display:flex;flex-direction:column;min-height:0}.hero-text{padding:55px 24px 30px}.hero h1{font-size:clamp(48px,13vw,75px)}.hero-photo{height:360px;min-height:0}.hero-photo img{object-position:center 27%}.hero-photo:before{background:linear-gradient(0deg,#3d4c59 0%,transparent 35%)}.hero:before{left:0;top:0;width:350px;height:350px;border-width:42px}.topics{padding:48px 18px}.topic-grid{gap:10px}.card-visual{height:140px}.topic-body{padding:13px;min-height:240px}.topic-body h3{font-size:19px}.topic-body p{font-size:12px}.tape{height:75px}.tape i{width:36px;height:36px;border-width:9px}.feature{grid-template-columns:1fr}.feature-art{min-height:290px}.feature-copy{padding:38px 24px 52px}.editorial{padding:60px 24px}.split{grid-template-columns:1fr}.mini-section{padding:42px 24px}.community{flex-direction:column;align-items:flex-start;padding:50px 24px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Club iGT — edición editorial premium, 2026 */
:root{color-scheme:light;--paper:#f5f6f7;--graphite:#202b34;--nordic:#506579;--lightink:#13191e}
body{background:var(--paper);color:var(--lightink)}
.site-header{position:sticky;top:0;background:#202b34;border:0;padding:17px clamp(22px,4vw,70px);box-shadow:0 3px 18px #00000018}
.brand-word{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.06em;color:#f4f6f8}
.navigation a{color:#edf1f5;font-size:10px}
.eyebrow{color:#667789}
.hero{background:linear-gradient(105deg,#f7f8f9 0%,#f2f3f4 52%,#dfe3e5 100%);grid-template-columns:49% 51%;min-height:690px}
.hero:before{left:24%;top:-240px;border-color:#d8dfe433;width:700px;height:700px}
.hero-text{padding:clamp(65px,7vw,110px) 10px 85px clamp(30px,5vw,82px)}
.hero .eyebrow{color:#455566}
.hero h1{color:#101820;font-size:clamp(64px,7.1vw,113px);letter-spacing:-.075em;line-height:.93;margin:25px 0 26px}
.hero h1 span{color:#52687c}
.hero-copy{color:#35414b;max-width:410px;font-size:16px}
.button{border-radius:100px;background:#253541;border-color:#253541;padding:15px 25px}
.button:hover{background:#4c6173}
.hero-photo{min-height:690px;background:linear-gradient(125deg,#d6d9da,#929ba2 62%,#24313c);position:relative}
.hero-photo img{position:absolute;z-index:2;right:-7%;top:0;width:79%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.78) contrast(1.05);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%),linear-gradient(0deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%);border-radius:0}
.hero-photo:before{z-index:3;pointer-events:none;background:linear-gradient(90deg,#f1f2f300 0%,transparent 35%),linear-gradient(0deg,#e3e6e7 0%,transparent 24%)}
.hero-hifi{position:absolute;z-index:1;left:1%;bottom:15%;width:56%;filter:drop-shadow(10px 20px 20px #1b273355)}
.hifi-label{display:block;color:#33414c;font-size:9px;letter-spacing:.2em;font-weight:800;margin-bottom:10px}
.hifi-unit{background:linear-gradient(180deg,#252b30,#11191e);border:6px solid #20262a;border-radius:4px;padding:15px 16px 10px;min-height:115px;box-shadow:inset 0 0 0 1px #7d8b8f,0 8px 8px #27344044;color:#e8e8e4}
.hifi-unit.silver{background:linear-gradient(180deg,#c7c9c6,#777f84 75%,#c1c6c6);border-color:#5b6266;color:#222e35;margin-top:8px}
.unit-name{font-size:25px;font-weight:900;font-style:italic;letter-spacing:-.06em}
.unit-display{display:block;font-size:8px;letter-spacing:.18em}
.unit-knobs{display:block;text-align:right;font-size:25px;letter-spacing:.3em;line-height:1}
.hero-photo-note{position:absolute;z-index:4;bottom:24px;right:35px;color:#fff;font-size:10px;letter-spacing:.18em;font-weight:800;text-shadow:0 1px 5px #111}
.topics{background:#f8f9fa;color:#172029;padding:64px clamp(20px,4vw,65px) 80px}
.section-top{margin-bottom:28px}
.section-top h2{color:#1a242c;font-size:clamp(26px,3.1vw,42px);max-width:900px}
.topic-grid{gap:18px}
.topic-card{background:#fff;color:#18212a;border:1px solid #e4e8eb;border-radius:13px;box-shadow:0 8px 28px #1826340a}
.card-visual{height:200px}
.topic-body{min-height:175px;padding:19px}
.topic-body h3{font-size:22px;text-transform:uppercase}
.topic-body p{color:#52606c}
.card-index{color:#687b8c}
.card-arrow{color:#2e4659}
.brands-showcase{position:relative;overflow:hidden;min-height:420px;margin:20px clamp(18px,3vw,50px) 45px;padding:55px clamp(25px,4vw,60px) 95px;background:linear-gradient(120deg,#16212b,#263744 60%,#111b23);color:#fff;border-radius:16px;isolation:isolate}
.brands-copy{position:relative;z-index:2;max-width:480px}
.brands-copy .eyebrow{color:#c8d6e1}
.brands-copy h2{font-size:clamp(36px,4.4vw,67px);letter-spacing:-.065em;line-height:.97;margin:18px 0}
.brands-copy h2 span{color:#aebfce}
.brands-copy p:not(.eyebrow){color:#d1dbe2;max-width:360px}
.brands-art{position:absolute;right:-7%;top:-34%;width:68%;aspect-ratio:1;opacity:.75;transform:rotate(-15deg)}
.platter{position:absolute;inset:6%;border-radius:50%;background:repeating-radial-gradient(circle,#0b1218 0 3px,#33404a 4px 6px);border:18px solid #82919a;box-shadow:0 15px 45px #000b}
.platter-center{position:absolute;inset:42%;border-radius:50%;background:#b3b9ba;border:16px solid #283640}
.tonearm{position:absolute;right:7%;top:8%;height:15px;width:55%;background:linear-gradient(#b9c4c9,#5c717d);transform:rotate(34deg);transform-origin:right}
.brands-strip{position:absolute;z-index:3;left:35px;right:35px;bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:clamp(14px,1.5vw,22px);font-weight:850;letter-spacing:-.04em;color:#e9eef2}
.feature{background:#f0f2f3;color:#1c2933}
.feature-copy p:not(.eyebrow){color:#4d5d68}
.feature-art{background:radial-gradient(circle at 35% 45%,#a6a5a1,#52616b 54%,#253541 78%)}
.editorial{background:#f8f9fa;color:#1b2832;padding:75px clamp(25px,10vw,180px)}
.editorial p:not(.eyebrow){color:#536370}
.split{background:#e9edef;color:#202c36}
.mini-section{border-color:#b6c1c955}
.mini-section p:not(.eyebrow){color:#51616c}
.community{background:#344655;color:#f3f5f6}
.community .eyebrow{color:#d1dde6}
footer{background:#1d2b35;color:#e1e9ee}
#inicio,#historias,#audio,#tecnologia,#reels,#comunidad{scroll-margin-top:85px}
@media(max-width:900px){.hero{grid-template-columns:51% 49%}.hero h1{font-size:clamp(49px,7.6vw,75px)}.hero-photo img{width:94%;right:-18%}.hero-hifi{width:67%;bottom:17%}.hifi-unit{min-height:90px;padding:10px}.unit-name{font-size:19px}}
@media(max-width:650px){.site-header{padding:14px 20px}.navigation{background:#202b34}.hero{display:flex;flex-direction:column;min-height:0}.hero-text{padding:53px 25px 35px}.hero h1{font-size:clamp(53px,13.4vw,78px)}.hero-photo{height:430px;min-height:430px}.hero-photo img{right:-3%;width:77%;object-position:center top}.hero-hifi{left:4%;bottom:19%;width:55%}.hifi-unit{min-height:78px;padding:7px;border-width:4px}.unit-name{font-size:16px}.unit-knobs{font-size:15px}.hifi-label{font-size:7px}.hero-photo-note{right:12px;bottom:12px;font-size:7px}.topics{padding:44px 18px}.card-visual{height:140px}.topic-body{min-height:190px}.topic-body h3{font-size:18px}.brands-showcase{margin:0 14px 25px;min-height:510px;padding:40px 25px 120px}.brands-art{width:110%;top:20%;right:-50%;opacity:.45}.brands-strip{left:24px;right:24px;bottom:20px;gap:12px;justify-content:flex-start}.brands-strip span{font-size:14px}.feature-copy{padding:38px 24px 52px}.community{padding:50px 24px}}
@media(max-width:380px){.topic-grid{grid-template-columns:1fr}.topic-body{min-height:130px}}


/* Imágenes editoriales individuales de cada módulo */
.topic-card .card-visual{background-position:center;background-size:cover;background-repeat:no-repeat}
.topic-card .visual-audio{background-image:url("assets/card-audio.svg")}
.topic-card .visual-story{background-image:url("assets/card-historias.svg")}
.topic-card .visual-tech{background-image:url("assets/card-tecnologia.svg")}
.topic-card .visual-reels{background-image:url("assets/card-reels.svg")}
.topic-card .card-visual>*{display:none}


/* Portada aprobada: fotografía editorial subida por el propietario */
.hero-photo{background-image:url("assets/asddd_upscayl_2x_upscayl-standard-4x.webp");background-repeat:no-repeat;background-color:#e8e9e9;background-size:190% auto;background-position:99% 12%}
.hero-photo img,.hero-hifi,.hero-photo-note{display:none!important}
.hero-photo:before{background:linear-gradient(90deg,#f1f2f3 0%,transparent 15%),linear-gradient(0deg,#f1f2f3 0%,transparent 13%)}
@media(max-width:900px){.hero-photo{background-size:205% auto;background-position:99% 12%}}
@media(max-width:650px){.hero-photo{background-size:175% auto;background-position:100% 13%;min-height:440px;height:440px}.hero-photo:before{background:linear-gradient(0deg,#f1f2f3 0%,transparent 14%)}}