:root{
    --bg:#07111d;
    --bg2:#091827;
    --surface:#0d1a2a;
    --surface2:#122337;
    --line:rgba(255,255,255,.10);
    --line-strong:rgba(66,186,222,.28);
    --text:#f7fbff;
    --muted:#91a8be;
    --accent:#24d0d8;
    --accent-blue:#2b9fe2;
    --accent2:#6240d7;
    --success:#6fcb8f;
    --shadow:0 30px 80px rgba(0,0,0,.28);
    --shell:min(1180px,calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    color:var(--text);
    background:
        radial-gradient(circle at 12% 15%,rgba(36,208,216,.08),transparent 28%),
        radial-gradient(circle at 90% 8%,rgba(98,64,215,.10),transparent 30%),
        var(--bg);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.shell{width:var(--shell);margin-inline:auto}
.eyebrow{
    margin:0 0 14px;
    color:#a5bed0;
    font-size:12px;
    font-weight:800;
    letter-spacing:.16em;
}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.045em}
h1 span,h2 span{
    background:linear-gradient(100deg,#20dbe0 0%,#24afe7 42%,#6d47e7 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:46px;
    padding:0 20px;
    border:1px solid transparent;
    border-radius:11px;
    font-weight:800;
    font-size:14px;
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{
    background:linear-gradient(100deg,#20ced9 0%,#249ee6 48%,#6943df 100%);
    box-shadow:0 15px 35px rgba(31,157,219,.18);
}
.btn--primary:hover{box-shadow:0 18px 42px rgba(38,181,220,.25)}
.btn--ghost{border-color:rgba(65,169,214,.55);background:rgba(5,18,31,.36)}
.btn--glass{border-color:rgba(61,183,225,.52);background:rgba(8,23,38,.46);backdrop-filter:blur(12px)}
.btn--large{min-height:48px;padding:0 26px;border-radius:12px}
.site-header{
    position:fixed;z-index:60;top:0;left:0;width:100%;
    transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease;
}
.site-header.is-scrolled{
    background:rgba(5,14,24,.82);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(18px);
}
.site-header__inner{
    width:var(--shell);height:82px;margin:auto;
    display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:30px;
}
.brand img{width:170px;max-height:64px;object-fit:contain}
.main-nav{display:flex;justify-content:center;gap:30px}
.main-nav a{
    position:relative;color:#d9e5ee;font-size:13px;font-weight:700;
}
.main-nav a::after{
    content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;
    background:var(--accent);transition:right .2s ease;
}
.main-nav a:hover::after{right:0}
.header-actions{display:flex;gap:12px}
.nav-toggle{display:none;background:none;border:0;padding:8px}
.nav-toggle span{display:block;width:24px;height:2px;margin:5px;background:#fff}

.hero{
    position:relative;min-height:535px;overflow:hidden;
    display:flex;align-items:center;border-bottom:1px solid var(--line);
}
.hero__media{
    position:absolute;inset:0;
    background:
        linear-gradient(90deg,rgba(3,11,19,.98) 0%,rgba(3,11,19,.93) 30%,rgba(4,13,23,.56) 56%,rgba(5,12,22,.28) 100%),
        linear-gradient(180deg,rgba(4,11,19,.10),rgba(4,11,19,.78)),
        url("../img/home-studio-hero-v2.png") 78% 50% / cover no-repeat;
    transform:scale(1.03);
}
.hero__glow{position:absolute;border-radius:50%;border:38px solid rgba(36,208,216,.06);pointer-events:none}
.hero__glow--one{width:430px;height:430px;left:-230px;top:-160px;box-shadow:0 0 0 80px rgba(98,64,215,.025)}
.hero__glow--two{width:430px;height:430px;right:-250px;bottom:-210px;box-shadow:0 0 0 90px rgba(36,208,216,.025)}
.hero__inner{position:relative;z-index:2;padding-top:38px}
.hero__copy{width:min(660px,64%)}
.hero h1{font-size:clamp(54px,6vw,82px);line-height:.96;margin-bottom:22px;max-width:780px}
.hero__lead{max-width:600px;color:#bfd0dc;font-size:20px;line-height:1.55}
.hero__actions{display:flex;gap:14px;margin:24px 0 22px;flex-wrap:wrap}
.play{font-size:11px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(67,201,228,.55)}
.hero__pillars{display:flex;gap:28px;flex-wrap:wrap;color:#9eb6c9;font-size:12px}
.hero__quote{margin-top:20px;font-size:15px;color:#b9c8d2;font-style:italic}

.section{position:relative;padding:94px 0;border-bottom:1px solid var(--line);overflow:hidden}
.section--platform::after,.section--trust::after{
    content:"";position:absolute;width:500px;height:500px;border-radius:50%;
    border:50px solid rgba(36,208,216,.025);right:-280px;top:-220px;
}
.split{display:grid;grid-template-columns:.82fr 1.4fr;gap:70px;align-items:center}
.section-copy h2,.section-heading h2,.founder h2,.final-cta h2{
    font-size:clamp(38px,4vw,58px);line-height:1.02;margin-bottom:18px;
}
.section-copy>p,.section-heading>p,.founder__copy>p,.final-cta p{
    color:#a9bfce;font-size:17px;line-height:1.6;max-width:700px;
}
.muted{font-size:15px!important}
.mini-rule{width:180px;height:1px;background:rgba(255,255,255,.24);margin:28px 0}

.dashboard-preview{
    border:1px solid rgba(63,170,213,.43);
    border-radius:18px;background:linear-gradient(145deg,rgba(14,34,54,.88),rgba(8,22,37,.82));
    box-shadow:var(--shadow),0 0 55px rgba(32,161,206,.07);
    overflow:hidden;backdrop-filter:blur(16px);
}
.dashboard-preview__top{height:62px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.dash-brand img{width:112px;max-height:40px;object-fit:contain}
.dash-chip{font-size:11px;padding:7px 10px;border-radius:999px;background:rgba(36,208,216,.08);color:#80dbe2;border:1px solid rgba(36,208,216,.18)}
.dashboard-preview__body{display:grid;grid-template-columns:155px 1fr;min-height:330px}
.dash-side{padding:22px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.dash-side span{font-size:11px;color:#90a8bb;padding:9px 10px;border-radius:8px}
.dash-side .active{color:#e9fbff;background:rgba(36,208,216,.09)}
.dash-main{padding:22px}
.dash-title{display:flex;justify-content:space-between;gap:18px;align-items:center}
.dash-title small,.dash-release small{display:block;color:#7f9aae;font-size:10px}
.dash-title strong{display:block;margin-top:4px}
.dash-new{font-size:10px;padding:8px 10px;border-radius:7px;background:#159be7}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.dash-stats article{padding:14px;border-radius:10px;background:rgba(15,43,66,.9);border:1px solid rgba(255,255,255,.04)}
.dash-stats small{display:block;color:#829bad;font-size:9px}
.dash-stats strong{display:block;font-size:20px;margin:4px 0}
.dash-stats em{font-size:9px;color:var(--success);font-style:normal}
.dash-release{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:13px;border-radius:10px;background:rgba(10,32,50,.84)}
.cover{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#1fcbd8,#6842df);font-weight:900}
.dash-release strong{display:block;font-size:11px}.dash-release b{font-size:9px;color:#84dfa2}

.section-heading{max-width:750px;margin-bottom:40px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card,.trust-card{
    padding:24px;border-radius:14px;
    border:1px solid rgba(60,162,204,.26);
    background:linear-gradient(145deg,rgba(13,33,52,.84),rgba(8,23,38,.72));
}
.feature-card i,.trust-card i{
    width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
    border:1px solid rgba(36,208,216,.45);color:var(--accent);font-size:22px;font-style:normal;
    background:rgba(36,208,216,.055);
}
.feature-card h3,.trust-card h3{font-size:17px;margin:18px 0 9px}
.feature-card p,.trust-card p{color:#92aabd;line-height:1.55;font-size:13px;margin:0}
.feature-card{transition:transform .22s ease,border-color .22s ease}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(36,208,216,.48)}

.section--process{
    min-height:650px;
    padding:0;
    background:#07111d;
}
.process-photo{
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    bottom:0;
    width:46%;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(4,13,23,.08),rgba(4,13,23,.28) 62%,rgba(4,13,23,.96) 100%),
        linear-gradient(180deg,rgba(4,13,23,.10),rgba(4,13,23,.70)),
        url("../img/stacionmusic-studio-microphone.png") center 48%/cover no-repeat;
}
.split--process{
    position:relative;
    z-index:2;
    min-height:650px;
    padding:80px 0;
    grid-template-columns:46% 54%;
    gap:0;
}
.split--process>.section-copy{
    position:relative;
    z-index:3;
    width:100%;
    max-width:620px;
    padding-left:72px;
    padding-right:12px;
}
.steps{display:grid;gap:20px;margin-top:28px}
.steps article{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}
.steps b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 0 6px rgba(36,208,216,.05)}
.steps h3{font-size:15px;margin-bottom:4px}
.steps p{font-size:13px;color:#8fa8bc;margin:0;line-height:1.45}

.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-card{border-radius:0;border-top:0;border-bottom:0;border-left:0;padding:10px 36px 10px 0;background:none}
.trust-card+ .trust-card{padding-left:36px;border-left:1px solid var(--line)}
.trust-card h3 span{color:#5acfe1}
.trust-card a{display:inline-block;margin-top:18px;color:#24d0d8;font-size:12px;font-weight:800}

.founder{min-height:520px;display:flex;align-items:center}
.founder__media{
    position:absolute;inset:0;
    background:
        radial-gradient(circle at 78% 38%,rgba(43,159,226,.16),transparent 28%),
        radial-gradient(circle at 88% 62%,rgba(98,64,215,.13),transparent 30%),
        linear-gradient(90deg,#06101b 0%,rgba(7,17,29,.96) 48%,rgba(8,24,39,.90) 100%);
}
.founder__inner{position:relative}
.founder__copy{max-width:650px}
.founder__copy .btn{margin-top:16px}

.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.faq-list{display:grid;gap:10px}
details{border:1px solid var(--line);border-radius:11px;background:rgba(12,31,49,.74);overflow:hidden}
summary{cursor:pointer;list-style:none;padding:17px 20px;font-weight:750;color:#dbe7ef;display:flex;justify-content:space-between}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:#77cddc;font-size:18px}
details[open] summary::after{content:"−"}
details p{margin:0;padding:0 20px 18px;color:#90a8bb;line-height:1.55;font-size:13px}

.final-cta{position:relative;min-height:450px;display:flex;align-items:center;text-align:center;overflow:hidden;border-bottom:1px solid var(--line)}
.final-cta__bg{
    position:absolute;inset:0;
    background:
        radial-gradient(circle at 50% 22%,rgba(34,157,216,.22),transparent 34%),
        radial-gradient(circle at 72% 48%,rgba(98,64,215,.12),transparent 28%),
        linear-gradient(180deg,rgba(5,15,26,.92),rgba(4,11,20,.98));
}
.final-cta__inner{position:relative;z-index:2}
.final-cta h2{margin-inline:auto;max-width:900px}
.final-cta p{margin:0 auto 24px}
.final-cta small{display:block;margin-top:18px;color:#94a9ba}
.final-cta small a{color:#25cddd;font-weight:800}

.site-footer{padding:48px 0;background:#06101b}
.footer-grid{display:grid;grid-template-columns:1fr 1.4fr auto;gap:40px;align-items:start}
.footer-brand img{width:160px}
.footer-brand p,.footer-legal{color:#778fa3;font-size:11px;line-height:1.55}
.footer-nav{display:flex;flex-wrap:wrap;gap:18px 24px;padding-top:14px}
.footer-nav a{font-size:11px;color:#a0b3c2}
.footer-legal{display:flex;flex-direction:column;gap:6px;padding-top:14px;text-align:right}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1050px){
    .site-header__inner{grid-template-columns:165px 1fr auto;gap:16px}
    .main-nav{gap:17px}.main-nav a{font-size:12px}
    .header-actions .btn{padding:0 14px;font-size:12px}
    .hero__copy{width:min(720px,72%)}
    .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
    :root{--shell:min(100% - 32px,760px)}
    .site-header__inner{height:72px;grid-template-columns:1fr auto auto}
    .brand img{width:145px}
    .nav-toggle{display:block;order:3}
    .main-nav{
        position:fixed;top:72px;left:16px;right:16px;display:none;
        padding:22px;border:1px solid var(--line);border-radius:16px;
        background:rgba(6,17,29,.97);backdrop-filter:blur(18px);
        flex-direction:column;align-items:flex-start;gap:20px;
    }
    body.nav-open .main-nav{display:flex}
    .header-actions{margin-left:auto}
    .header-actions .btn--primary{display:none}
    .hero{min-height:700px}
    .hero__media{
        background:
            linear-gradient(180deg,rgba(3,11,19,.50) 0%,rgba(3,11,19,.75) 42%,rgba(3,11,19,.98) 88%),
            url("../img/home-studio-hero-v2.png") 64% 40%/cover no-repeat;
        opacity:.72;
    }
    .hero__copy{width:100%;padding-top:145px;padding-bottom:65px}
    .hero h1{font-size:clamp(48px,10vw,72px)}
    .split,.faq-layout{grid-template-columns:1fr;gap:44px}
    .split--platform{grid-template-columns:1fr}
    .section--process{padding:0}
    .process-photo{
        position:relative;
        z-index:0;
        width:100%;
        height:300px;
        background:
            linear-gradient(180deg,rgba(4,13,23,.08),rgba(4,13,23,.92)),
            url("../img/stacionmusic-studio-microphone.png") center 45%/cover no-repeat;
    }
    .split--process{
        min-height:auto;
        padding:0 0 76px;
        display:block;
    }
    .split--process>div:first-child{display:none}
    .split--process>.section-copy{
        width:100%;
        max-width:none;
        padding:48px 0 0;
    }
    .trust-grid{grid-template-columns:1fr;gap:28px}
    .trust-card,.trust-card+ .trust-card{padding:0;border:0}
    .footer-grid{grid-template-columns:1fr 1fr}
    .footer-legal{grid-column:1/-1;text-align:left}
}
@media(max-width:640px){
    :root{--shell:calc(100% - 28px)}
    .header-actions .btn--ghost{min-height:40px;padding:0 12px;font-size:11px}
    .hero{min-height:680px}
    .hero__copy{padding-top:125px}
    .hero h1{font-size:50px}
    .hero__lead{font-size:17px}
    .hero__actions{display:grid}
    .hero__actions .btn{width:100%}
    .hero__pillars{gap:13px;flex-direction:column}
    .section{padding:72px 0}
    .section-copy h2,.section-heading h2,.founder h2,.final-cta h2{font-size:39px}
    .feature-grid{grid-template-columns:1fr}
    .dashboard-preview__body{grid-template-columns:1fr}
    .dash-side{display:none}
    .dash-stats{grid-template-columns:1fr}
    .dash-title{align-items:flex-start}
    .dash-new{display:none}
    .founder{min-height:590px}
    .founder__media{
        background:
            radial-gradient(circle at 72% 28%,rgba(43,159,226,.13),transparent 32%),
            radial-gradient(circle at 85% 66%,rgba(98,64,215,.10),transparent 30%),
            linear-gradient(180deg,#06101b,rgba(7,17,29,.98));
    }
    .footer-grid{grid-template-columns:1fr}
    .footer-legal{grid-column:auto}
    .footer-nav{padding-top:0}
}


/* --------------------------------------------------------------------------
   PLATAFORMAS DIGITALES · LOOP CONTINUO
   -------------------------------------------------------------------------- */
.platform-marquee{
    position:relative;
    z-index:3;
    overflow:hidden;
    padding:18px 0 20px;
    border-bottom:1px solid var(--line);
    background:
        linear-gradient(90deg,rgba(36,208,216,.035),transparent 24%,transparent 76%,rgba(98,64,215,.045)),
        #050d16;
}
.platform-marquee__heading{
    width:var(--shell);
    margin:0 auto 12px;
    text-align:center;
    color:#7891a5;
    font-size:10px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.platform-marquee__viewport{
    position:relative;
    width:100%;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.platform-marquee__track{
    display:flex;
    width:max-content;
    will-change:transform;
    animation:sm-platform-scroll 34s linear infinite;
}
.platform-marquee__group{
    display:flex;
    flex-shrink:0;
    align-items:center;
}
.platform-name{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:190px;
    height:54px;
    padding:0 30px;
    color:#dbe5ec;
    font-size:19px;
    font-weight:800;
    letter-spacing:-.025em;
    white-space:nowrap;
    opacity:.72;
    transition:opacity .22s ease,transform .22s ease,color .22s ease;
}
.platform-name::after{
    content:"";
    position:absolute;
    right:0;
    width:1px;
    height:24px;
    background:rgba(255,255,255,.10);
}
.platform-name:hover{
    color:#fff;
    opacity:1;
    transform:translateY(-1px);
}
.platform-marquee__viewport:hover .platform-marquee__track{
    animation-play-state:paused;
}
@keyframes sm-platform-scroll{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-50%,0,0)}
}
@media(max-width:640px){
    .platform-marquee{padding:21px 0 23px}
    .platform-marquee__heading{
        width:calc(100% - 40px);
        margin-bottom:13px;
        font-size:9px;
        line-height:1.45;
    }
    .platform-name{
        min-width:145px;
        height:48px;
        padding:0 22px;
        font-size:16px;
    }
    .platform-marquee__track{animation-duration:27s}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
    .reveal{opacity:1;transform:none}
}

/* --------------------------------------------------------------------------
   IMÁGENES AMBIENTALES · SERVICIOS + FAQ
   Mantienen el texto como protagonista.
   -------------------------------------------------------------------------- */
.section--services-visual,
.section--faq-visual{
    isolation:isolate;
}
.section--services-visual > .shell,
.section--faq-visual > .shell{
    position:relative;
    z-index:2;
}
.services-visual,
.faq-visual{
    position:absolute;
    z-index:0;
    pointer-events:none;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:.66;
    filter:blur(1.15px) saturate(.86);
    transform:scale(1.025);
}
.services-visual{
    inset:0 0 0 48%;
    background-image:
        linear-gradient(90deg,#07111d 0%,rgba(7,17,29,.78) 14%,rgba(7,17,29,.20) 52%,rgba(7,17,29,.58) 100%),
        linear-gradient(180deg,rgba(7,17,29,.48),rgba(7,17,29,.24) 48%,#07111d 100%),
        url("../img/stacionmusic-studio-artist.jpg");
    background-position:62% center;
}
.faq-visual{
    inset:0 48% 0 0;
    background-image:
        linear-gradient(90deg,rgba(7,17,29,.52) 0%,rgba(7,17,29,.22) 46%,#07111d 100%),
        linear-gradient(180deg,#07111d 0%,rgba(7,17,29,.28) 45%,#07111d 100%),
        url("../img/stacionmusic-home-singer-bg.png");
    background-position:center;
}
.section--services-visual::after,
.section--faq-visual::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
}
.section--services-visual::after{
    background:linear-gradient(90deg,rgba(7,17,29,.22),transparent 48%,rgba(7,17,29,.20));
}
.section--faq-visual::after{
    background:linear-gradient(90deg,rgba(7,17,29,.10),rgba(7,17,29,.20) 44%,rgba(7,17,29,.72) 58%);
}
.section--services-visual .feature-card{
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    background:linear-gradient(145deg,rgba(13,33,52,.91),rgba(8,23,38,.86));
}
.section--faq-visual details{
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    background:rgba(12,31,49,.88);
}

@media(max-width:900px){
    .services-visual{inset:0 0 0 34%;opacity:.46}
    .faq-visual{inset:0 34% 0 0;opacity:.36}
}
@media(max-width:640px){
    .services-visual,
    .faq-visual{
        inset:0;
        opacity:.13;
        filter:blur(2px) saturate(.65);
    }
    .services-visual{
        background-image:
            linear-gradient(180deg,#07111d 0%,rgba(7,17,29,.55) 35%,#07111d 100%),
            url("../img/stacionmusic-studio-artist.jpg");
    }
    .faq-visual{
        background-image:
            linear-gradient(180deg,#07111d 0%,rgba(7,17,29,.58) 40%,#07111d 100%),
            url("../img/stacionmusic-home-singer-bg.png");
    }
}

/* ==========================================================================
   STACIONMUSIC · IMÁGENES AMBIENTALES V3
   Nombres verificados en /assets/img/
   ========================================================================== */

/* TODO EN UN MISMO LUGAR · artista */
.services-visual{
    inset:0 0 0 40%;
    opacity:.88;
    filter:none;
    transform:scale(1.008);
    background-image:
        linear-gradient(90deg,#07111d 0%,rgba(7,17,29,.82) 13%,rgba(7,17,29,.28) 43%,rgba(7,17,29,.18) 100%),
        linear-gradient(180deg,rgba(7,17,29,.12),rgba(7,17,29,.08) 60%,rgba(7,17,29,.68) 100%),
        url("../img/stacionmusic-studio-artist.png");
    background-position:58% center;
    background-size:cover;
}

/* CÓMO FUNCIONA · micrófono claramente reconocible */
.process-photo{
    filter:none;
    opacity:1;
    background:
        linear-gradient(90deg,rgba(4,13,23,.02) 0%,rgba(4,13,23,.06) 55%,rgba(4,13,23,.88) 100%),
        linear-gradient(180deg,rgba(4,13,23,.02),rgba(4,13,23,.25)),
        url("../img/stacionmusic-studio-microphone.png") center 48%/cover no-repeat;
}

/* PRIMERA GENERACIÓN · cantante */
.founder__media{
    background:
        linear-gradient(90deg,#06101b 0%,rgba(6,16,27,.91) 34%,rgba(7,17,29,.30) 62%,rgba(7,17,29,.16) 100%),
        linear-gradient(180deg,rgba(6,16,27,.06),rgba(6,16,27,.34)),
        url("../img/stacionmusic-home-singer-bg.png") 70% center/cover no-repeat;
}

/* FAQ · productor como presencia ambiental */
.faq-visual{
    inset:0 48% 0 0;
    opacity:.70;
    filter:none;
    transform:scale(1.008);
    background-image:
        linear-gradient(90deg,rgba(7,17,29,.20) 0%,rgba(7,17,29,.12) 45%,#07111d 100%),
        linear-gradient(180deg,rgba(7,17,29,.32) 0%,rgba(7,17,29,.08) 45%,rgba(7,17,29,.72) 100%),
        url("../img/stacionmusic-home-producer-bg.png");
    background-position:center;
    background-size:cover;
}

/* CTA FINAL · artista, con presencia moderada */
.final-cta__bg{
    background:
        linear-gradient(90deg,rgba(5,15,26,.78) 0%,rgba(5,15,26,.56) 42%,rgba(5,15,26,.24) 72%,rgba(5,15,26,.16) 100%),
        linear-gradient(180deg,rgba(5,15,26,.20),rgba(4,11,20,.68)),
        url("../img/stacionmusic-home-guitarist-bg.png") 72% center/cover no-repeat;
}

/* Menos velos globales */
.section--services-visual::after{
    background:linear-gradient(90deg,rgba(7,17,29,.08),transparent 52%,rgba(7,17,29,.04));
}
.section--faq-visual::after{
    background:linear-gradient(90deg,transparent,rgba(7,17,29,.05) 43%,rgba(7,17,29,.60) 62%);
}

/* Las tarjetas mantienen contraste sin borrar la fotografía */
.section--services-visual .feature-card{
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    background:linear-gradient(145deg,rgba(13,33,52,.88),rgba(8,23,38,.82));
}
.section--faq-visual details{
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    background:rgba(12,31,49,.86);
}

@media(max-width:900px){
    .services-visual{inset:0 0 0 24%;opacity:.70}
    .faq-visual{inset:0 28% 0 0;opacity:.54}
    .process-photo{
        opacity:1;
        filter:none;
        background:
            linear-gradient(180deg,rgba(4,13,23,.02),rgba(4,13,23,.68)),
            url("../img/stacionmusic-studio-microphone.png") center 45%/cover no-repeat;
    }
}

@media(max-width:640px){
    .services-visual,.faq-visual{
        inset:0;
        opacity:.30;
        filter:none;
        transform:none;
    }
    .services-visual{
        background-image:
            linear-gradient(180deg,rgba(7,17,29,.62),rgba(7,17,29,.82)),
            url("../img/stacionmusic-studio-artist.png");
    }
    .faq-visual{
        background-image:
            linear-gradient(180deg,rgba(7,17,29,.65),rgba(7,17,29,.86)),
            url("../img/stacionmusic-home-producer-bg.png");
    }
    .founder__media{
        background:
            linear-gradient(180deg,rgba(6,16,27,.68),rgba(7,17,29,.88)),
            url("../img/stacionmusic-home-singer-bg.png") 68% center/cover no-repeat;
    }
    .final-cta__bg{
        background:
            linear-gradient(180deg,rgba(5,15,26,.52),rgba(4,11,20,.82)),
            url("../img/stacionmusic-home-guitarist-bg.png") 68% center/cover no-repeat;
    }
}

/* ==========================================================================
   CÓMO FUNCIONA · AJUSTE FINAL DEL MICRÓFONO
   Mantiene intactas las demás secciones.
   ========================================================================== */
@media(min-width:901px){
    .section--process{
        min-height:650px;
        background:#07111d;
    }

    .process-photo{
        position:absolute;
        z-index:0;
        left:0;
        top:0;
        bottom:0;
        width:46%;
        opacity:1;
        filter:none;
        transform:none;
        background-image:
            linear-gradient(90deg,
                rgba(4,13,23,.10) 0%,
                rgba(4,13,23,.04) 52%,
                rgba(4,13,23,.32) 76%,
                #07111d 100%
            ),
            linear-gradient(180deg,
                rgba(4,13,23,.03) 0%,
                rgba(4,13,23,.05) 68%,
                rgba(4,13,23,.22) 100%
            ),
            url("../img/stacionmusic-studio-microphone.png");
        background-repeat:no-repeat;
        background-size:auto,auto,contain;
        background-position:center,center,center center;
        background-color:#07111d;
    }
}

@media(max-width:900px){
    .process-photo{
        opacity:1;
        filter:none;
        transform:none;
        background-image:
            linear-gradient(180deg,
                rgba(4,13,23,.04) 0%,
                rgba(4,13,23,.16) 68%,
                #07111d 100%
            ),
            url("../img/stacionmusic-studio-microphone.png");
        background-repeat:no-repeat;
        background-size:auto,contain;
        background-position:center,center center;
        background-color:#07111d;
    }
}

/* ==========================================================================
   CÓMO FUNCIONA · FOTO ORIGINAL NÍTIDA
   Fuerza el archivo original sin blur, filtros ni escalado CSS.
   ========================================================================== */
.section--process{
    position:relative;
    overflow:hidden;
    background:#07111d;
}

.section--process .process-photo{
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:46% !important;
    height:100% !important;

    background-image:
        linear-gradient(90deg,
            rgba(4,13,23,.05) 0%,
            rgba(4,13,23,.02) 58%,
            rgba(4,13,23,.28) 80%,
            #07111d 100%
        ),
        url("../img/stacionmusic-studio-microphone.png") !important;

    background-repeat:no-repeat !important;
    background-position:center center, center center !important;
    background-size:cover, cover !important;

    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    transform:none !important;
    scale:none !important;
}

.section--process .process-photo::before,
.section--process .process-photo::after{
    content:none !important;
    display:none !important;
    filter:none !important;
    backdrop-filter:none !important;
}

.section--process .split--process{
    position:relative;
    z-index:2;
}

@media(max-width:900px){
    .section--process .process-photo{
        width:100% !important;
        height:48% !important;
        inset:0 0 auto 0 !important;
        background-image:
            linear-gradient(180deg,
                rgba(4,13,23,.04) 0%,
                rgba(4,13,23,.12) 65%,
                #07111d 100%
            ),
            url("../img/stacionmusic-studio-microphone.png") !important;
        background-position:center center, center center !important;
        background-size:cover, cover !important;
    }
}
/* ==========================================================================
   STACIONMUSIC · LOGOS PLATAFORMAS DIGITALES
   ========================================================================== */

.platform-logo{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    width:205px;
    min-width:205px;
    height:64px;

    padding:0 28px;

    opacity:.68;

    transition:
        opacity .22s ease,
        transform .22s ease,
        filter .22s ease;
}

.platform-logo::after{
    content:"";

    position:absolute;
    right:0;
    top:50%;

    width:1px;
    height:28px;

    transform:translateY(-50%);

    background:rgba(255,255,255,.10);
}

.platform-logo img{
    display:block;

    width:auto;
    height:auto;

    max-width:145px;
    max-height:38px;

    object-fit:contain;

    filter:
        grayscale(1)
        brightness(1.05);

    transition:
        filter .22s ease,
        transform .22s ease;
}

.platform-logo:hover{
    opacity:1;
    transform:translateY(-2px);
}

.platform-logo:hover img{
    filter:
        grayscale(1)
        brightness(1.35);

    transform:scale(1.04);
}


/* Algunos logos son naturalmente más anchos */
.platform-logo img[alt="Amazon Music"],
.platform-logo img[alt="Apple Music"]{
    max-width:155px;
}

.platform-logo img[alt="Instagram"],
.platform-logo img[alt="Beatport"]{
    max-width:150px;
}

.platform-logo img[alt="VEVO"]{
    max-width:125px;
}


/* MOBILE */
@media(max-width:640px){

    .platform-logo{
        width:160px;
        min-width:160px;
        height:54px;

        padding:0 20px;
    }

    .platform-logo img{
        max-width:120px;
        max-height:31px;
    }

    .platform-logo img[alt="Amazon Music"],
    .platform-logo img[alt="Apple Music"],
    .platform-logo img[alt="Instagram"],
    .platform-logo img[alt="Beatport"]{
        max-width:125px;
    }

    .platform-logo img[alt="VEVO"]{
        max-width:105px;
    }
}