/*
Theme Name: Music Bazaar Portada
Description: Diseño de portada para Music Bazaar.
Version: 1.0
Text Domain: music-bazaar
*/

    :root{--ink:#f6f0df;--muted:#b9b4aa;--night:#10101a;--purple:#5d2a83;--orange:#f08a39;--gold:#f5bd55;--line:rgba(246,240,223,.16)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.5}a{color:inherit}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}
    .hero{min-height:620px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,#813c91 0,transparent 28%),linear-gradient(135deg,#141322 0%,#24133a 54%,#10101a 100%)}
    .hero:after{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(245,189,85,.35);border-radius:50%;right:-180px;bottom:-250px;box-shadow:0 0 0 32px rgba(245,189,85,.06),0 0 0 64px rgba(245,189,85,.05),0 0 0 96px rgba(245,189,85,.04)}
    .eyebrow{font:700 12px/1.2 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}.hero h1{font-size:clamp(56px,12vw,140px);line-height:.82;letter-spacing:-.065em;margin:0 0 28px;max-width:850px}.hero h1 span{color:var(--orange);font-style:italic}.intro{font-size:clamp(19px,3vw,28px);max-width:660px;margin:0;color:#e6ddcf}.pill{display:inline-block;margin-top:32px;padding:13px 18px;border:1px solid rgba(245,189,85,.6);border-radius:999px;color:var(--gold);font:700 13px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
    section{padding:86px 0}.section-label{color:var(--orange);font:700 12px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.statement{font-size:clamp(29px,4vw,48px);line-height:1.08;margin:0;letter-spacing:-.03em}.statement em{color:var(--gold)}.copy{font-size:18px;color:var(--muted);margin:0 0 22px}.dark{background:#161621}.schedule{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:30px}.schedule strong{font-size:clamp(36px,6vw,64px);color:var(--gold);line-height:1}.schedule div{font:700 13px/1.5 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
    .frequencies{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:36px}.frequency{background:var(--night);padding:32px 26px}.frequency .number{display:block;font-size:48px;line-height:1;color:var(--gold);margin-bottom:12px}.frequency h3{font:700 15px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.frequency p{color:var(--muted);margin:0;font-size:15px}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}.person{border-top:2px solid var(--purple);padding-top:18px}.person strong{display:block;font-size:19px}.person span{display:block;color:var(--muted);font:12px Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;margin-top:6px}.closing{background:linear-gradient(120deg,#3d1d5b,#171725);text-align:center;padding:90px 20px}.closing h2{font-size:clamp(38px,7vw,80px);line-height:.95;margin:0 auto 22px;max-width:750px;letter-spacing:-.05em}.closing p{color:#d9d0c4;font-size:19px;margin:0}.footer{padding:30px 0;color:#8f8990;font:12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.footer span{color:var(--orange)}
    @media(max-width:760px){.wrap{width:min(100% - 32px,540px)}.hero{min-height:580px}.hero:after{width:350px;height:350px;right:-180px}.grid{grid-template-columns:1fr;gap:34px}.frequencies{grid-template-columns:1fr}.frequency{padding:25px 22px}.team{grid-template-columns:repeat(2,1fr);gap:28px 16px}section{padding:62px 0}.schedule{gap:16px}}