/* JIVINX 7 · Navegación y experiencia unificadas */
:root{--ux-bg:#0c0d11;--ux-panel:#17191e;--ux-panel2:#20232a;--ux-text:#f5f5f5;--ux-muted:#b7bac4;--ux-line:rgba(255,255,255,.15);--ux-accent:#d4d7df}
html{scroll-padding-top:100px}
body.ux-site{background:var(--ux-bg);background-image:none;color:var(--ux-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
body.ux-site a{text-decoration:none;color:inherit}
body.ux-site a:focus-visible,body.ux-site button:focus-visible,body.ux-site input:focus-visible{outline:3px solid #d3d8ee;outline-offset:4px}
body.ux-site .ux-header{position:sticky;top:0;z-index:400;background:rgba(12,13,17,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--ux-line)}
body.ux-site .ux-header .nav{width:min(100%,1390px);max-width:none;padding:13px clamp(22px,4vw,56px);gap:20px;min-height:74px}
body.ux-site .ux-header .brand{font-size:25px;line-height:1.1;font-weight:850;letter-spacing:.13em;color:#fff;flex-shrink:0}
body.ux-site .ux-header .brand small{font-size:9px;color:#a7abb6;letter-spacing:.14em;font-weight:650;margin-top:5px}
body.ux-site .ux-header .navlinks{gap:clamp(9px,1.9vw,27px);align-items:center}
body.ux-site .ux-header .navlinks>a:not(.navcta){font-weight:600;letter-spacing:0;font-size:14px;color:#bfc0c7;padding:7px 0;position:relative;white-space:nowrap}
body.ux-site .ux-header .navlinks>a:not(.navcta):hover,body.ux-site .ux-header .navlinks>a[aria-current="page"]{color:white}
body.ux-site .ux-header .navlinks>a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:#e1e4ec}
body.ux-site .ux-header .navcta{font-size:12px;font-weight:750;color:#f5f5f5;white-space:nowrap;letter-spacing:0;border:1px solid #6b6f7b;border-radius:50px;padding:10px 15px}
body.ux-site .ux-header .mobiletoggle{display:none;color:#fff;border:1px solid #646772;background:#17191e;padding:8px 13px;min-height:42px}
.ux-container{width:min(100% - 48px,1260px);margin-inline:auto}.ux-eyebrow,.ux-micro{display:block;color:#bdc0c9;letter-spacing:.14em;text-transform:uppercase;font-weight:800;font-size:11px;line-height:1.4}
.ux-btn{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;padding:14px 20px;min-height:50px;border-radius:5px;font-weight:750;font-size:14px;line-height:1.3;white-space:normal;transition:background .2s,transform .2s}
.ux-btn:hover,.ux-route:hover{transform:translateY(-2px)}.ux-btn-primary{background:#e5e5e8;color:#121317!important;border:1px solid #e5e5e8}.ux-btn-primary:hover{background:white}.ux-btn-outline{border:1px solid #858895;color:white!important;background:#12141aa8}.ux-btn-outline:hover{background:#292c33}
.ux-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:29px}.ux-actions .ux-btn{min-width:185px}.ux-text-link{display:inline-flex;align-items:center;color:#ebedf0!important;border-bottom:1px solid #aeb1bb;padding-bottom:5px;font-weight:700;font-size:14px;white-space:nowrap}
.ux-section{padding-block:clamp(58px,8vw,104px);border-top:1px solid var(--ux-line)}.ux-section-first{border-top:0}.ux-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.ux-section-heading h2{font-size:clamp(31px,4.2vw,55px);line-height:1.08;letter-spacing:-.048em;font-weight:740;margin:12px 0}.ux-section-heading p{font-size:16px;max-width:610px;line-height:1.68;color:var(--ux-muted);margin:0}.ux-section-heading .ux-text-link{margin-bottom:10px}
.ux-home-hero{min-height:630px;position:relative;display:flex;align-items:stretch;isolation:isolate;background:#111217;overflow:hidden}.ux-hero-image{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090a0ee8 0%,#090a0ea8 58%,#090a0ecf 100%),url('jivinx-studio-hero.webp') center/cover;filter:saturate(.75)}.ux-home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 15%,rgba(166,159,193,.2),transparent 45%)}.ux-hero-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:end;padding-block:clamp(80px,10vw,155px) 62px}.ux-hero-content{max-width:770px}.ux-hero-content h1{font-size:clamp(46px,6vw,85px);line-height:1.03;letter-spacing:-.06em;margin:22px 0 20px;font-weight:800}.ux-hero-content h1 em,.ux-simple-hero h1 em{font-style:normal;color:#c4bdc9}.ux-hero-content>p{font-size:clamp(17px,1.9vw,21px);line-height:1.6;color:#e1e1e8;max-width:590px}.ux-hero-note{font-size:12px;color:#c8c8d1;margin-top:35px}.ux-hero-feature{background:rgba(17,18,24,.85);padding:23px;border:1px solid #77758066;border-radius:10px;backdrop-filter:blur(12px)}.ux-feature-row{display:flex;gap:16px;align-items:center;margin-top:18px}.ux-feature-row img{width:94px;aspect-ratio:1;object-fit:cover;border-radius:6px}.ux-feature-row>div{display:flex;flex-direction:column;gap:5px}.ux-feature-row strong{font-size:20px;line-height:1.1}.ux-feature-row span{color:#bec1cc;font-size:12px}.ux-feature-row a{font-size:12px;text-decoration:underline!important;text-underline-offset:4px;margin-top:9px}
.ux-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ux-path{display:flex;flex-direction:column;align-items:start;min-height:325px;padding:clamp(28px,4vw,50px);border:1px solid #3c3d49;background:linear-gradient(135deg,#23242d,#13151b);border-radius:12px;transition:background .25s,transform .25s}.ux-path:hover{background:linear-gradient(135deg,#2c2c3b,#1a1c24);transform:translateY(-3px)}.ux-path-studio{background:linear-gradient(135deg,#272530,#17161e)}.ux-path h3{font-size:clamp(27px,3vw,37px);line-height:1.12;letter-spacing:-.045em;margin:28px 0 13px;max-width:420px}.ux-path p{font-size:15px;color:#c4c6cd;max-width:430px;line-height:1.65;margin:0 0 35px}.ux-path>span:last-child{margin-top:auto;color:#fff;font-size:14px;font-weight:750;border-bottom:1px solid #8e929b;padding-bottom:3px}
.ux-artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ux-artist-card{aspect-ratio:3/4;min-height:280px;position:relative;display:block;isolation:isolate;border-radius:8px;overflow:hidden;background:#202129}.ux-artist-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:saturate(.9)}.ux-artist-card:hover img{transform:scale(1.04)}.ux-artist-shade{position:absolute;inset:0;background:linear-gradient(0deg,#060608ec,#08090b23 69%)}.ux-artist-card-body{position:absolute;left:0;right:0;bottom:0;padding:22px;display:flex;flex-direction:column;align-items:start;gap:7px}.ux-artist-card-body strong{font-size:clamp(21px,2.2vw,31px);line-height:1.07;letter-spacing:-.035em;overflow-wrap:anywhere}.ux-card-link{display:block;font-size:12px;font-weight:800;margin-top:10px;border-bottom:1px solid #ffffff91;padding-bottom:2px}
.ux-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ux-album-card{display:flex;flex-direction:column;align-items:start;gap:7px}.ux-album-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;margin-bottom:9px}.ux-album-overline{color:#b3b6c3;font-size:12px;letter-spacing:.05em}.ux-album-card strong{font-size:23px;line-height:1.22}.ux-album-card .ux-card-link{font-size:13px}
.ux-special{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(30px,7vw,90px);align-items:center}.ux-special>img{width:100%;max-height:500px;object-fit:cover;border-radius:10px}.ux-special h2{font-size:clamp(33px,4.4vw,61px);line-height:1.1;letter-spacing:-.045em;margin:17px 0}.ux-special p{max-width:510px;color:var(--ux-muted);line-height:1.7;margin-bottom:28px}.ux-bottom-cta{display:flex;justify-content:space-between;gap:38px;align-items:center;margin-bottom:35px}.ux-bottom-cta h2{font-size:clamp(29px,4vw,48px);line-height:1.1;letter-spacing:-.044em;max-width:720px;margin:12px 0}.ux-bottom-cta p{max-width:580px;color:var(--ux-muted)}.ux-bottom-cta .ux-btn{flex-shrink:0}
.ux-simple-hero{position:relative;isolation:isolate;border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 90% 0%,#4840503c,transparent 54%),#101116;min-height:340px}.ux-simple-hero>.ux-container{padding-block:47px 78px;position:relative;z-index:1}.ux-breadcrumb,.ux-legacy-breadcrumb{display:flex;align-items:center;gap:11px;color:#b1b4bf;font-size:13px;margin-bottom:62px}.ux-breadcrumb a,.ux-legacy-breadcrumb a{color:#dcdee5!important;text-decoration:underline!important;text-underline-offset:4px}.ux-simple-hero h1{font-size:clamp(43px,5.1vw,74px);line-height:1.09;letter-spacing:-.055em;max-width:850px;margin:16px 0}.ux-simple-hero p{max-width:740px;font-size:clamp(16px,1.8vw,20px);color:#d3d4dd;line-height:1.6;margin:15px 0}.ux-simple-hero .ux-actions{margin-top:32px}.ux-world-hero{background:radial-gradient(ellipse at 85% 50%,#6c526348,transparent 50%),#121218}.ux-studio-hero{background:linear-gradient(90deg,#101116e8,#131419c4),url('jivinx-studio-hero.webp') center/cover}.ux-create-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,42%);background:#101115;overflow:hidden}.ux-create-hero>.ux-container{padding-left:max(24px,calc((100vw - 1260px)/2));width:100%;padding-right:28px;align-self:center}.ux-create-photo{min-height:0;max-height:none;overflow:visible;background:#0d0e13;align-self:center}.ux-create-photo img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.ux-create-hero .ux-breadcrumb{margin-bottom:50px}
.ux-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ux-route{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #494954;border-radius:8px;background:#1a1b21;transition:transform .2s}.ux-route-icon{height:40px;width:40px;flex-shrink:0;border-radius:50%;background:#333039;display:grid;place-items:center;font-size:20px}.ux-route>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.ux-route strong{line-height:1.3;font-size:16px}.ux-route small{font-size:12px;line-height:1.4;color:#afb1ba;margin-top:5px}.ux-route-arrow{color:#bab9c7;font-size:20px}.ux-world-shortcuts{padding-top:35px;padding-bottom:54px;border:0}.ux-world-artists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.ux-world-artist{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:end;background:#17181e;border:1px solid #383942;padding:15px;border-radius:11px}.ux-world-artist .ux-artist-card{min-height:260px;aspect-ratio:3/4}.ux-world-artist-caption{padding:15px 15px 18px 0}.ux-world-artist-caption p{font-size:19px;line-height:1.35;max-width:290px}.ux-world-artist-caption a{font-size:13px;font-weight:750;border-bottom:1px solid #858895;padding-bottom:5px}.ux-development-note{margin-top:25px;padding:25px;border:1px dashed #656371;background:#18171e;border-radius:10px}.ux-development-note strong{font-size:23px;display:block;margin:8px 0}.ux-development-note p{color:#b8bbc4;margin:0;max-width:680px;font-size:14px}.ux-world-special{display:grid;grid-template-columns:240px minmax(0,1fr);gap:25px;padding:20px;background:#1c1d23;border:1px solid #454651;border-radius:12px;align-items:center}.ux-world-special img{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover}.ux-world-special h3{font-size:32px;line-height:1.1;margin:10px 0}.ux-world-special p{color:#bfc0ca}.ux-world-special strong{font-size:13px;text-decoration:underline;text-underline-offset:4px}.ux-artist-archive{margin-bottom:55px}.ux-minitail{grid-template-columns:repeat(2,minmax(0,1fr))}
.ux-records-controls{background:#1a1b22;border:1px solid #3c3c48;padding:24px;border-radius:12px;margin:0 0 24px}.ux-records-controls label{color:#d2d3da;letter-spacing:0;font-weight:750}.ux-records-controls input{border-radius:6px!important;max-width:700px!important;background:#111217!important;font-size:15px!important}.ux-records-controls .jx-records-filters{margin:17px 0 0}.ux-catalog-section{border:0}.ux-records .jx-records-grid{gap:28px 18px}.ux-records .jx-records-card{background:#191a20;border:1px solid #3e3f48;border-radius:10px;padding:14px 14px 23px}.ux-records .jx-records-cover{border-radius:7px}.ux-records .jx-records-artist{margin-top:17px;font-weight:750}.ux-records .jx-records-album{font-size:24px;margin-top:5px}.ux-records .jx-records-tracks{padding:14px 0}.ux-records .jx-records-tracks summary{font-size:14px;font-weight:700}.ux-records .jx-records-tracks ol{padding-left:0;list-style:none;margin:15px 0 2px}.ux-records .jx-records-tracks li{margin:0}.ux-records .jx-records-track-button{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 7px;text-align:left;font-size:13px;color:#e5e5ed;background:none;border:0;border-bottom:1px solid #ffffff12;cursor:pointer}.ux-records .jx-records-track-button:hover{background:#303039}.ux-records .jx-records-open{font-size:13px;font-weight:750;letter-spacing:0}.ux-catalog-note{font-size:12px;color:#aeb2bb;margin:30px 0 0}
.ux-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ux-steps article{padding:26px 20px 30px;background:#1b1c22;border:1px solid #40414c;border-radius:8px}.ux-steps article>span{font-size:12px;color:#aeb1be;font-weight:800}.ux-steps h3{font-size:22px;line-height:1.15;margin:23px 0 14px}.ux-steps p{color:#bec0ca;line-height:1.65;font-size:14px}.ux-honesty{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;background:#15161b;border:1px solid #4b4b54;padding:clamp(25px,4vw,50px);border-radius:10px;margin-bottom:75px}.ux-honesty h2{font-size:clamp(27px,3.5vw,42px);line-height:1.2;letter-spacing:-.04em;margin:15px 0}.ux-honesty p{line-height:1.8;color:#c6c8d0;margin:0}
body.ux-site .ux-footer{background:#101116;border-top:1px solid #43454c;padding:48px 0 0;color:#b4b7c0}body.ux-site .ux-footer .wrap{width:min(100% - 48px,1260px);max-width:none;padding:0;display:block}body.ux-site .ux-footer-grid{display:grid!important;grid-template-columns:1fr 1.3fr;gap:45px;padding-bottom:40px!important}body.ux-site .ux-footer-logo{font-weight:900;font-size:30px;letter-spacing:.13em;color:#f9f9fb!important}body.ux-site .ux-footer p{font-size:14px;line-height:1.6;margin:14px 0;color:#aeb0bc}body.ux-site .ux-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}body.ux-site .ux-footer nav a{font-size:13px;color:#e0e0e5;text-decoration:none}body.ux-site .ux-footer nav a:hover{text-decoration:underline}body.ux-site .ux-footer .ux-footer-bottom{padding:20px 0!important;display:flex;gap:14px;justify-content:space-between;border-top:1px solid #41424c;font-size:11px;flex-wrap:wrap}
/* Páginas de artistas y especial: conservar su identidad visual con navegación común */
body.ux-legacy .ux-legacy-breadcrumb{padding-block:25px 0;margin-bottom:0;width:min(100% - 48px,1260px)}body.ux-legacy .ux-artist-internal{width:min(100% - 48px,1200px);margin:0 auto 40px;display:flex;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #ffffff2c;border-bottom:1px solid #ffffff2c}body.ux-legacy .ux-artist-internal a{border-radius:50px;border:1px solid #6d7079;padding:9px 15px;font-size:13px;font-weight:600;color:#eee!important}body.ux-legacy .ux-artist-internal a:hover{background:#ffffff20}body.ux-legacy .cinematic-intro h1{font-size:clamp(40px,6vw,80px);letter-spacing:-.05em}body.ux-legacy .story-grid h2{font-size:clamp(29px,4.2vw,54px)}body.ux-legacy .artist-quote strong{font-size:clamp(27px,4.3vw,54px)}body.ux-legacy .jx54-artist-cover h2{font-size:clamp(34px,5vw,67px)}body.ux-legacy .jx63-spotlight{margin-block:40px}body.ux-legacy .section{padding-block:58px}
/* Reproductor oficial: compacto al abrir, ampliar sólo si se solicita */
body.ux-site .jx52-dock{left:20px;right:20px;bottom:14px;border:1px solid #747682;border-radius:12px;max-width:920px;margin:auto;background:#14151c;box-shadow:0 14px 75px #000c;overflow:visible}body.ux-site .jx52-dock .jx52-bar{padding:9px 14px;min-height:67px;gap:13px}body.ux-site .jx52-cover{width:48px;height:48px;border-radius:6px}body.ux-site .jx52-info strong{font-size:14px}body.ux-site .jx52-controls{gap:5px;flex-wrap:nowrap}body.ux-site .jx52-controls button{min-height:38px;padding:6px 10px;border-radius:7px;font-size:14px;white-space:nowrap}body.ux-site .jx52-controls button span{font-size:10px}body.ux-site .jx52-list{max-height:38vh;padding:13px 18px}body.ux-site .jx52-embed{padding:12px 15px;border-top:1px solid #444652}body.ux-site .jx52-embed iframe{height:170px;border:0;background:#15161b}body.ux-site .jx52-embed p{color:#abb0bc;font-size:11px}body.ux-site:has(.jx52-dock.jx52-active){padding-bottom:100px}body.ux-site:has(.jx52-dock.jx52-active):has(.jx52-embed:not([hidden])){padding-bottom:290px}
@media(max-width:1080px){body.ux-site .ux-header .mobiletoggle{display:block}body.ux-site .ux-header .navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 22px;background:#101115;border-bottom:1px solid #515360;max-height:calc(100vh - 75px);overflow:auto}body.ux-site .ux-header .navlinks.open{display:flex}body.ux-site .ux-header .navlinks>a:not(.navcta){padding:14px 8px;border-bottom:1px solid #ffffff18;font-size:16px}body.ux-site .ux-header .navlinks>a[aria-current="page"]:after{display:none}body.ux-site .ux-header .navcta{margin-top:15px;text-align:center}}
@media(max-width:950px){.ux-hero-layout{grid-template-columns:1fr;gap:42px}.ux-hero-feature{max-width:420px}.ux-artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-steps,.ux-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-create-hero{grid-template-columns:1fr .95fr}.ux-world-artist{grid-template-columns:150px 1fr}.ux-world-artist .ux-artist-card{min-height:220px}}
@media(max-width:720px){.ux-container{width:min(100% - 36px,1260px)}.ux-home-hero{min-height:0}.ux-hero-layout{padding-block:85px 46px}.ux-hero-content h1{font-size:clamp(43px,10vw,65px)}.ux-hero-note{margin-top:25px}.ux-section{padding-block:57px}.ux-section-heading{display:block}.ux-section-heading .ux-text-link{margin-top:19px}.ux-paths,.ux-special,.ux-honesty,.ux-world-artists{grid-template-columns:1fr}.ux-path{min-height:285px}.ux-special>img{max-width:320px}.ux-bottom-cta{display:block}.ux-bottom-cta .ux-btn{margin-top:20px}.ux-simple-hero>.ux-container{padding-block:30px 58px}.ux-breadcrumb{margin-bottom:38px}.ux-create-hero{display:block}.ux-create-hero>.ux-container{width:min(100% - 36px,1260px);padding:30px 0 45px}.ux-create-photo{min-height:0;max-height:none}.ux-create-photo img{height:auto;object-fit:contain;object-position:center}.ux-route-grid{grid-template-columns:1fr 1fr}.ux-world-artist{grid-template-columns:150px 1fr}.ux-world-special{grid-template-columns:150px 1fr}.ux-world-special h3{font-size:25px}.ux-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-records .jx-records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.ux-site .ux-footer-grid{grid-template-columns:1fr!important}body.ux-site .ux-footer nav{grid-template-columns:repeat(2,minmax(0,1fr))}body.ux-legacy .ux-legacy-breadcrumb{width:min(100% - 36px,1260px)}}
@media(max-width:540px){.ux-artist-grid{gap:10px}.ux-artist-card{min-height:220px}.ux-artist-card-body{padding:13px}.ux-artist-card-body strong{font-size:clamp(17px,5.5vw,26px)}.ux-artist-card-body .ux-micro{font-size:9px}.ux-artist-card-body .ux-card-link{font-size:11px}.ux-album-grid,.ux-records .jx-records-grid{grid-template-columns:1fr}.ux-album-card img{max-width:450px}.ux-route-grid,.ux-steps,.ux-minitail{grid-template-columns:1fr}.ux-world-artist{grid-template-columns:125px 1fr;gap:11px;padding:10px}.ux-world-artist .ux-artist-card{min-height:200px}.ux-world-artist-caption{padding:0 2px 8px}.ux-world-artist-caption p{font-size:16px}.ux-world-special{grid-template-columns:1fr}.ux-world-special img{max-width:240px}.ux-simple-hero h1{font-size:clamp(37px,9vw,52px)}.ux-actions{align-items:stretch;flex-direction:column}.ux-actions .ux-btn{width:100%}.ux-special{gap:22px}body.ux-site .jx52-dock{left:8px;right:8px;bottom:8px}body.ux-site .jx52-dock .jx52-bar{gap:7px;flex-wrap:wrap}body.ux-site .jx52-info{max-width:calc(100% - 66px)}body.ux-site .jx52-cover{width:44px;height:44px}body.ux-site .jx52-controls{width:100%;justify-content:space-between}body.ux-site .jx52-controls button{flex:1;padding:7px 3px;min-width:0}body.ux-site .jx52-controls button span{display:none}body.ux-site .jx52-embed iframe{height:170px}body.ux-site:has(.jx52-dock.jx52-active){padding-bottom:155px}body.ux-site:has(.jx52-dock.jx52-active):has(.jx52-embed:not([hidden])){padding-bottom:340px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 7.8 · Pulido conservador: móviles estrechos, interacción y lectura */
@media (max-width:360px){
  .ux-artist-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .ux-artist-card{min-height:300px;aspect-ratio:4/5}
  .ux-artist-card-body strong{font-size:clamp(22px,6vw,28px)}
  .ux-world-artist{grid-template-columns:105px minmax(0,1fr)}
  .ux-world-artist-caption p{font-size:14px}
  body.ux-site .ux-header .nav{padding-inline:16px}
  .ux-feature-row{gap:12px}
}
@media (hover:hover){
  body.ux-site .ux-header a:focus-visible,
  body.ux-site .ux-btn:focus-visible,
  body.ux-site .ux-artist-card:focus-visible,
  body.ux-site .ux-album-card:focus-visible{
    outline:3px solid #d6c6ee;outline-offset:4px
  }
}
body.ux-site .ux-text-link:focus-visible,
body.ux-site .ux-route:focus-visible,
body.ux-site .ux-path:focus-visible,
body.ux-site .ux-header .mobiletoggle:focus-visible{
  outline:3px solid #e3dbf2;outline-offset:4px
}
@media (prefers-reduced-motion:reduce){
  body.ux-site .ux-header{backdrop-filter:none}
}