/* Braxion DJ • professional multi-page layer */
.dj-pro-site{--dj-accent:#4ea6c2;--dj-accent2:#79d0e6;--dj-ink:#050708;--dj-panel:#0d1114;--dj-text:#f5f8f9;--dj-muted:#929da3;min-height:100vh;background:radial-gradient(circle at 78% 2%,color-mix(in srgb,var(--dj-accent) 12%,transparent),transparent 30%),linear-gradient(180deg,#050708,#0a0d0f 50%,#030405);color:var(--dj-text)}
.dj-pro-site[data-dj-slug="lu-santoz"]{--dj-accent:#b8f43a;--dj-accent2:#6ed66b}.dj-pro-site[data-dj-slug="dj-cruvinel"]{--dj-accent:#f09a38;--dj-accent2:#ff5f4d}.dj-pro-site[data-dj-slug="anna-soares"]{--dj-accent:#58cfff;--dj-accent2:#6b86ff}.dj-pro-site[data-dj-slug="ma-rodrigues"]{--dj-accent:#ff496f;--dj-accent2:#8a63ff}
.dj-pro-shell{width:min(1260px,calc(100% - 40px));margin:auto}.dj-pro-nav{min-height:78px;display:flex;align-items:center;gap:22px;border-bottom:1px solid color-mix(in srgb,var(--dj-accent) 17%,transparent);position:sticky;top:0;z-index:60;background:rgba(5,7,8,.88);backdrop-filter:blur(18px)}.dj-pro-brand{margin-right:auto;color:#fff;text-decoration:none;font:900 14px/1.1 Inter,system-ui;letter-spacing:-.02em}.dj-pro-brand small{display:block;margin-top:5px;color:var(--dj-accent);font:800 7px/1 Inter,system-ui;letter-spacing:.13em}.dj-pro-nav nav{display:flex;align-items:center;gap:18px}.dj-pro-nav nav a{color:#8f999e;text-decoration:none;font:800 9px Inter,system-ui;letter-spacing:.04em}.dj-pro-nav nav a:hover,.dj-pro-nav nav a.is-active{color:#fff}.dj-pro-nav nav a.is-active{position:relative}.dj-pro-nav nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--dj-accent),var(--dj-accent2))}.dj-pro-nav .dj-pro-book{padding:11px 14px;border-radius:999px;text-decoration:none;color:#071014;background:linear-gradient(135deg,var(--dj-accent),var(--dj-accent2));font:900 8px Inter,system-ui;letter-spacing:.05em}
.dj-pro-main{padding:54px 0 86px}.dj-pro-kicker{color:var(--dj-accent);font:900 8px Inter,system-ui;letter-spacing:.15em;text-transform:uppercase}.dj-pro-title{margin:14px 0 18px;color:#f7fafb;font:800 clamp(3.2rem,7vw,7rem)/.85 Inter,system-ui;letter-spacing:-.065em}.dj-pro-lead{max-width:760px;color:#9aa4a9;font-size:13px;line-height:1.7}.dj-pro-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.dj-pro-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#14191c;color:#f5f8f9;text-decoration:none;font:850 9px Inter,system-ui}.dj-pro-btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--dj-accent),var(--dj-accent2));color:#061014}
.dj-pro-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px;align-items:stretch}.dj-pro-hero-copy,.dj-pro-hero-media{min-height:560px;border:1px solid color-mix(in srgb,var(--dj-accent) 18%,transparent);border-radius:26px;background:linear-gradient(145deg,#131719,#07090a);overflow:hidden}.dj-pro-hero-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.dj-pro-hero-media{position:relative}.dj-pro-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.dj-pro-hero-media:after{content:attr(data-caption);position:absolute;left:20px;bottom:18px;color:#fff;font:900 clamp(2rem,4vw,4.5rem)/.82 Inter,system-ui;letter-spacing:-.055em;text-shadow:0 10px 35px #000}
.dj-pro-section{margin-top:18px;padding:28px;border:1px solid color-mix(in srgb,var(--dj-accent) 16%,transparent);border-radius:24px;background:rgba(10,13,15,.77)}.dj-pro-section h2{margin:10px 0 14px;color:#f5f8f9;font:780 clamp(2.4rem,5vw,4.8rem)/.9 Inter,system-ui;letter-spacing:-.05em}.dj-pro-section p{color:#919da3;font-size:12px;line-height:1.7}
.dj-pro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dj-pro-media-card{min-height:360px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.09);position:relative;background:#0b0e10}.dj-pro-media-card img{width:100%;height:100%;object-fit:cover;display:block}.dj-pro-media-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:46px 18px 18px;background:linear-gradient(transparent,rgba(0,0,0,.88));display:flex;flex-direction:column;gap:5px}.dj-pro-media-card small{color:var(--dj-accent);font:850 7px Inter,system-ui;letter-spacing:.1em}.dj-pro-media-card strong{font:800 16px Inter,system-ui}
.dj-pro-music-list{display:grid;gap:10px;margin-top:20px}.dj-pro-track{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;min-height:86px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#101416;text-decoration:none;color:#f3f7f8}.dj-pro-track>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--dj-accent) 13%,#0c1113);color:var(--dj-accent);font-weight:900}.dj-pro-track small{display:block;color:#79888e;font:800 7px Inter,system-ui;letter-spacing:.08em}.dj-pro-track strong{display:block;margin-top:4px;font:780 14px Inter,system-ui}.dj-pro-track b{color:var(--dj-accent)}.dj-pro-embed{width:100%;height:166px;border:0;border-radius:16px;margin-top:18px;background:#090c0e}
.dj-pro-booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.dj-pro-form{padding:22px;border:1px solid color-mix(in srgb,var(--dj-accent) 18%,transparent);border-radius:22px;background:#0f1315}.dj-pro-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dj-pro-form label{display:grid;gap:6px;color:#8f999e;font:800 8px Inter,system-ui;letter-spacing:.04em}.dj-pro-form input,.dj-pro-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#080b0c;color:#f5f8f9;padding:12px;font:500 12px Inter,system-ui}.dj-pro-form textarea{min-height:120px;resize:vertical}.dj-pro-form-status{min-height:18px;color:var(--dj-accent);font-size:10px}
.dj-pro-press{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.dj-pro-press-card{padding:28px;border-radius:24px;border:1px solid color-mix(in srgb,var(--dj-accent) 18%,transparent);background:linear-gradient(145deg,#131719,#07090a)}.dj-pro-press-card h2{font:800 clamp(2.8rem,5vw,5rem)/.88 Inter,system-ui;letter-spacing:-.055em;margin:14px 0;color:#f4f8f9}
.dj-pro-flips{margin:20px 0 28px}.dj-pro-flips-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.dj-pro-flips-head h2{margin:8px 0 0;font:800 clamp(2rem,4vw,4rem)/.9 Inter,system-ui;letter-spacing:-.05em;color:#f6f9fa}.dj-pro-flips-head p{max-width:430px;color:#87949a;font-size:11px;line-height:1.6}.dj-pro-flip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dj-pro-flip{height:250px;padding:0;border:0;background:none;perspective:1000px;cursor:pointer;text-align:left;color:inherit}.dj-pro-flip-inner{position:relative;display:block;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}.dj-pro-flip.is-flipped .dj-pro-flip-inner{transform:rotateY(180deg)}.dj-pro-flip-face{position:absolute;inset:0;padding:18px;border-radius:20px;overflow:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(0,0,0,.19)}.dj-pro-flip:nth-child(1) .dj-pro-flip-face{background:radial-gradient(circle at 90% 7%,rgba(64,196,255,.38),transparent 40%),linear-gradient(145deg,#0e3144,#071117)}.dj-pro-flip:nth-child(2) .dj-pro-flip-face{background:radial-gradient(circle at 90% 7%,rgba(255,108,77,.36),transparent 40%),linear-gradient(145deg,#3d1715,#120909)}.dj-pro-flip:nth-child(3) .dj-pro-flip-face{background:radial-gradient(circle at 90% 7%,rgba(115,234,135,.30),transparent 40%),linear-gradient(145deg,#11351f,#08110b)}.dj-pro-flip:nth-child(4) .dj-pro-flip-face{background:radial-gradient(circle at 90% 7%,rgba(255,201,83,.34),transparent 40%),linear-gradient(145deg,#3a2a0e,#120e07)}.dj-pro-flip-back{transform:rotateY(180deg)}.dj-pro-flip-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);font-size:20px}.dj-pro-flip small{margin-top:15px;color:rgba(255,255,255,.62);font:900 7px Inter,system-ui;letter-spacing:.12em}.dj-pro-flip strong{margin-top:auto;padding-top:14px;color:#fff;font:820 18px/1.02 Inter,system-ui}.dj-pro-flip p{margin:8px 0 0;color:rgba(255,255,255,.68);font-size:10px;line-height:1.5}.dj-pro-flip em{margin-top:12px;color:rgba(255,255,255,.45);font:700 8px Inter,system-ui;font-style:normal}.dj-pro-flip-back b{margin-top:auto;color:#fff;font:850 9px Inter,system-ui}
.dj-pro-secondary-nav{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding:0 0 8px;scrollbar-width:none}.dj-pro-secondary-nav::-webkit-scrollbar{display:none}.dj-pro-secondary-nav a{flex:0 0 auto;padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#0d1113;color:#9aa5aa;text-decoration:none;font:800 8px Inter,system-ui;letter-spacing:.04em}.dj-pro-secondary-nav a:hover{color:#fff;border-color:rgba(88,207,255,.3)}.dj-pro-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0 36px;border-top:1px solid rgba(255,255,255,.08);color:#7f8a8f;font-size:9px}.dj-pro-footer strong{color:#f0f4f5}
@media(max-width:980px){.dj-pro-hero,.dj-pro-booking,.dj-pro-press{grid-template-columns:1fr}.dj-pro-flip-grid{grid-template-columns:1fr 1fr}.dj-pro-nav{flex-wrap:wrap;padding:12px 0}.dj-pro-nav nav{order:3;width:100%;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.dj-pro-nav nav::-webkit-scrollbar{display:none}.dj-pro-nav nav a{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0d1113}.dj-pro-nav nav a.is-active:after{display:none}.dj-pro-hero-copy,.dj-pro-hero-media{min-height:480px}}
@media(max-width:620px){.dj-pro-shell{width:calc(100% - 24px)}.dj-pro-main{padding-top:28px}.dj-pro-hero-copy{min-height:auto;padding:22px}.dj-pro-hero-media{min-height:500px}.dj-pro-flip-grid{grid-template-columns:1fr}.dj-pro-flip{height:215px}.dj-pro-form-grid{grid-template-columns:1fr}.dj-pro-section{padding:20px}.dj-pro-grid{grid-template-columns:1fr}.dj-pro-flips-head{display:block}}
/* Braxion DJ • premium flip identity system */
.dj-pro-flips{--flip-1:#4ea6c2;--flip-2:#ff7656;--flip-3:#65e18c;--flip-4:#f4bd52}
.dj-pro-flips[data-flip-artist="dj-cruvinel"]{--flip-1:#21b5cc;--flip-2:#f2702d;--flip-3:#ff9f43;--flip-4:#d8c5a6}
.dj-pro-flips[data-flip-artist="lu-santoz"]{--flip-1:#b8f43a;--flip-2:#54e4ff;--flip-3:#ff5fa2;--flip-4:#ffd45b}
.dj-pro-flips[data-flip-artist="anna-soares"]{--flip-1:#58cfff;--flip-2:#8c7bff;--flip-3:#d56dff;--flip-4:#62e5c5}.dj-pro-flips[data-flip-artist="ma-rodrigues"]{--flip-1:#ff496f;--flip-2:#ff9b55;--flip-3:#9b68ff;--flip-4:#45d9d0}.dj-pro-flips[data-flip-artist="debora-soares"]{--flip-1:#d8c7ff;--flip-2:#ff8eaa;--flip-3:#6fe4c8;--flip-4:#f3c76a}
.dj-pro-flip--1{--flip-accent:var(--flip-1)}.dj-pro-flip--2{--flip-accent:var(--flip-2)}.dj-pro-flip--3{--flip-accent:var(--flip-3)}.dj-pro-flip--4{--flip-accent:var(--flip-4)}
.dj-pro-flip{position:relative;height:236px;overflow:visible;isolation:isolate}
.dj-pro-flip-face{padding:20px 21px 18px;border-radius:23px;border:1px solid color-mix(in srgb,var(--flip-accent) 34%,rgba(255,255,255,.08));background:
radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--flip-accent) 28%,transparent),transparent 32%),
linear-gradient(145deg,#101416,#080a0b 72%);box-shadow:0 24px 64px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);transition:border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.dj-pro-flip:hover .dj-pro-flip-face{border-color:color-mix(in srgb,var(--flip-accent) 62%,rgba(255,255,255,.12));box-shadow:0 28px 72px rgba(0,0,0,.38),0 0 32px color-mix(in srgb,var(--flip-accent) 12%,transparent);filter:saturate(1.08)}
.dj-pro-flip-face:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;background-size:28px 28px}
.dj-pro-flip--1 .dj-pro-flip-face:before{background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--flip-accent) 10%,transparent) 0 2px,transparent 2px 9px);mask-image:linear-gradient(to top,#000,transparent 42%)}
.dj-pro-flip--2 .dj-pro-flip-face:before{background-image:linear-gradient(color-mix(in srgb,var(--flip-accent) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--flip-accent) 8%,transparent) 1px,transparent 1px);background-size:32px 32px}
.dj-pro-flip--3 .dj-pro-flip-face:before{background-image:linear-gradient(135deg,transparent 0 70%,color-mix(in srgb,var(--flip-accent) 10%,transparent) 70% 72%,transparent 72%)}
.dj-pro-flip--4 .dj-pro-flip-face:before{background-image:repeating-linear-gradient(0deg,transparent 0 17px,color-mix(in srgb,var(--flip-accent) 9%,transparent) 17px 18px)}
.dj-pro-flip-face>*{position:relative;z-index:2}
.dj-pro-card-number{position:absolute!important;right:14px;top:8px;color:color-mix(in srgb,var(--flip-accent) 15%,transparent);font:950 74px/.85 Inter,system-ui;letter-spacing:-.08em;pointer-events:none}
.dj-pro-flip-icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--flip-accent) 13%,rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--flip-accent) 34%,rgba(255,255,255,.08));color:var(--flip-accent);font-size:19px;box-shadow:0 8px 26px color-mix(in srgb,var(--flip-accent) 9%,transparent)}
.dj-pro-flip small{display:inline-flex;width:max-content;margin-top:13px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--flip-accent) 9%,transparent);color:var(--flip-accent);font-size:7px;letter-spacing:.12em}
.dj-pro-flip strong{margin-top:18px;padding-top:0;max-width:90%;font-size:20px;line-height:1.02;letter-spacing:-.026em}
.dj-pro-flip p{margin-top:8px;max-width:92%;color:rgba(255,255,255,.72);font-size:10.5px;line-height:1.5}
.dj-pro-flip em{margin-top:auto;color:color-mix(in srgb,var(--flip-accent) 76%,white 8%);font-size:8px;letter-spacing:.03em}
.dj-pro-flip-back strong{margin-top:18px;font-size:18px;text-transform:uppercase;letter-spacing:.012em;color:var(--flip-accent)}
.dj-pro-flip-back b{margin-top:auto;color:rgba(255,255,255,.48);font-size:7px;letter-spacing:.1em}
.dj-pro-energy{position:absolute!important;left:21px;right:21px;bottom:0;height:3px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,var(--flip-accent),color-mix(in srgb,var(--flip-accent) 12%,transparent));box-shadow:0 0 16px color-mix(in srgb,var(--flip-accent) 24%,transparent)}
.dj-pro-flip.is-flipped .dj-pro-energy{animation:djEnergyPulse .7s ease}
.dj-note-particle{position:absolute;z-index:40;pointer-events:none;color:var(--flip-accent,#fff);font:900 18px/1 Inter,system-ui;text-shadow:0 0 18px currentColor;opacity:0;animation:djNoteBurst .92s cubic-bezier(.16,.82,.32,1) var(--note-delay,0ms) forwards;will-change:transform,opacity}
@keyframes djNoteBurst{0%{opacity:0;transform:translate3d(0,0,0) scale(.55) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate3d(var(--note-x,28px),var(--note-y,-70px),0) scale(1.08) rotate(var(--note-r,18deg))}}
@keyframes djEnergyPulse{0%,100%{filter:brightness(1)}45%{filter:brightness(1.8);box-shadow:0 0 28px color-mix(in srgb,var(--flip-accent) 50%,transparent)}}
.dj-pro-flips[data-flip-artist="dj-cruvinel"] .dj-pro-flip-face{background-color:#0b0b0b}
.dj-pro-flips[data-flip-artist="lu-santoz"] .dj-pro-flip-face{background-color:#071008}
.dj-pro-flips[data-flip-artist="anna-soares"] .dj-pro-flip-face{background-color:#081018}
@media(max-width:620px){.dj-pro-flip{height:216px}.dj-pro-card-number{font-size:62px}.dj-pro-flip strong{font-size:18px}.dj-pro-flip p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dj-pro-flip-inner{transition:none}.dj-note-particle{display:none}.dj-pro-energy{animation:none!important}}