@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171b2e;--muted:#6f7486;--purple:#6756f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f6;color:var(--ink);font:16px/1.55 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1250px;margin:auto;padding:0 30px}.top{background:#f8f8f6;border-bottom:1px solid #e9e9e6}.top-inner{display:flex;justify-content:space-between;align-items:center;min-height:90px}.brand{display:flex;gap:13px;align-items:center;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1px}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#202239;color:#fff;font:700 28px 'Space Grotesk';letter-spacing:-4px;padding-right:5px}.logo-dot,.period{color:#9c88ff}.nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:700}.nav a:hover{color:var(--purple)}.nav-admin{border:1px solid #dedee5;border-radius:100px;padding:10px 17px}.hero{min-height:490px;margin:26px 0 76px;border-radius:25px;background:#25253d;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:65px 6%}.hero-copy{z-index:2;max-width:690px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.5px}.eyebrow{color:#d0ccf6;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#d2f17b}.hero h1{font:700 clamp(52px,6.5vw,94px)/.99 'Space Grotesk',sans-serif;letter-spacing:-5px;margin:26px 0;max-width:780px}.hero-star{color:#c7f57d;padding-left:10px}.hero p{color:#c8c7da;font-size:17px;max-width:450px}.hero-cta{display:inline-flex;gap:45px;align-items:center;background:#d1f27e;color:#202337;padding:14px 20px;border-radius:100px;font-weight:800;margin-top:24px}.hero-cta:hover{transform:translateY(-2px)}.hero-art{position:absolute;right:-80px;top:0;width:530px;height:100%;opacity:.95}.art-disc{position:absolute;width:400px;height:400px;border-radius:50%;top:50px;right:40px;background:repeating-radial-gradient(circle at center,#4a4276 0 9px,#7970ad 10px 12px,#4a4276 13px 23px);box-shadow:0 0 0 40px #ffffff08;transform:rotate(-20deg)}.art-center{position:absolute;inset:140px;background:#d2f17b;border:22px solid #b3d566;border-radius:50%}.art-note{position:absolute;font-size:100px;color:#f4a5bd;z-index:2}.n1{top:20px;right:25px;transform:rotate(20deg)}.n2{bottom:10px;left:0;color:#a7a1ff;transform:rotate(-20deg)}.art-orbit{position:absolute;width:430px;height:430px;border:1px solid #ffffff30;border-radius:50%;right:5px;top:40px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:52px 0 23px;gap:20px}.kicker{color:#7464f1}.section-title h2{font:700 clamp(28px,3.3vw,43px)/1.1 'Space Grotesk';letter-spacing:-1.8px;margin:8px 0 0}.muted{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:16px}.tile{background:var(--tile-bg);position:relative;overflow:hidden;border-radius:22px;min-height:250px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.tile-large{grid-column:span 2;min-height:315px}.tile:hover,.content-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #25253d14}.tile-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.tile-tag{font-size:9px;letter-spacing:1.5px;font-weight:800;opacity:.65}.tile-arrow{display:grid;place-items:center;border:1px solid #25253d55;border-radius:50%;width:35px;height:35px;font-size:21px}.tile-symbol{font-size:clamp(55px,7vw,108px);align-self:end;line-height:1;transform:rotate(-12deg);transition:transform .3s}.tile:hover .tile-symbol{transform:rotate(0deg) scale(1.1)}.tile-image{position:absolute;right:0;top:15%;width:60%;height:65%;object-fit:cover;border-radius:20px;opacity:.88}.tile-bottom{z-index:2;position:relative}.tile-bottom strong{display:block;font:700 clamp(22px,2.4vw,32px)/1.05 'Space Grotesk';letter-spacing:-1px}.tile-bottom span{display:block;margin-top:8px;color:#414657;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{background:#fff;border:1px solid #e9e9ed;border-radius:22px;padding:28px;position:relative;min-height:210px;transition:transform .25s,box-shadow .25s}.content-card h3{font:700 24px/1.17 'Space Grotesk';letter-spacing:-.6px;margin:22px 0 12px}.content-card p{color:#666c7b;font-size:14px}.pill{font-size:10px;font-weight:800;letter-spacing:1px;background:#eeedff;color:#5c4ec5;padding:6px 10px;border-radius:100px;display:inline-block}.preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-arrow{position:absolute;right:24px;bottom:20px;font-size:24px}.empty{padding:35px;border-radius:20px;background:#efeee9;color:#686d7c;grid-column:1/-1}.footer{margin-top:95px;padding:35px 0;border-top:1px solid #e5e5e5}.footer-inner{display:flex;align-items:center;gap:20px;justify-content:space-between;color:#6b7081;font-size:13px}.footer strong{font:700 22px 'Space Grotesk';color:#202239}.btn,button{background:#6253e8;color:#fff;border:0;border-radius:11px;padding:11px 17px;cursor:pointer;font:inherit;font-weight:700}.btn:hover,button:hover{filter:brightness(.94)}input,textarea,select{width:100%;border:1px solid #d7d7e2;border-radius:10px;padding:11px;font:inherit;background:white}textarea{min-height:120px}label{font-weight:700;display:block;margin:12px 0 5px}.panel{background:#fff;border:1px solid #e7e7f0;padding:25px;border-radius:20px;margin:20px 0}.admin-layout{display:grid;grid-template-columns:215px 1fr;gap:28px;margin-top:28px}.side{background:white;padding:20px;border-radius:20px;align-self:start}.side a{display:block;padding:9px;border-radius:8px}.side a:hover{background:#edf0fc}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e7eaf3;text-align:left;padding:12px}.actions{display:flex;gap:7px;flex-wrap:wrap}.danger{background:#b33a4a}.small{padding:7px 10px;font-size:13px}.notice{padding:12px;border-radius:10px;background:#fff1d9}.login{max-width:440px;margin:70px auto}.checkbox{width:auto}@media(max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{opacity:.25}.hero h1{letter-spacing:-3px}}@media(max-width:650px){.wrap{padding:0 17px}.top-inner{min-height:75px}.nav{gap:12px}.nav a:not(.nav-admin){display:none}.hero{min-height:440px;padding:34px 25px;margin-bottom:45px}.hero h1{font-size:54px}.hero-art{right:-230px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:200px;padding:16px}.tile-large{min-height:240px}.tile-bottom strong{font-size:21px}.tile-tag{font-size:8px}.cards,.news-cards{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.table{display:block;overflow:auto}.footer-inner{flex-wrap:wrap}.section-title{margin-top:40px}.section-title .muted{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* MusicAyon 4.0: Bento editorial adaptable. Sin cambios de base de datos. */
:root{--ink:#181a2b}body{background:#f7f7f4}.wrap{max-width:1340px}.hero{border-radius:30px;margin-bottom:84px}.section-title{margin-top:64px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;grid-auto-flow:row dense}.tile{min-height:310px;border-radius:27px;padding:27px;isolation:isolate;outline-offset:4px;transition:transform .28s ease,box-shadow .28s ease}.tile-large{grid-column:span 2;min-height:370px}.tile-top{align-items:flex-start}.tile-tag{font-size:10px;letter-spacing:1.3px}.tile-arrow{background:#ffffff60;border:1px solid #20243a26;width:40px;height:40px;transition:transform .25s}.tile:hover .tile-arrow{transform:rotate(45deg)}.tile-symbol{position:absolute;right:7%;top:20%;font-size:clamp(75px,10vw,155px);transform:rotate(-11deg);filter:drop-shadow(0 13px 10px #181b2820);opacity:.94;pointer-events:none}.tile-large .tile-symbol{font-size:clamp(115px,15vw,205px);right:9%;top:17%}.tile-bottom{max-width:75%;margin-top:auto}.tile-bottom strong{font-size:clamp(25px,2.7vw,42px);letter-spacing:-1.6px;line-height:1.02}.tile-bottom span{font-size:14px;margin-top:11px}.tile-image{right:4%;top:15%;width:54%;height:67%;object-fit:cover;border-radius:24px;mask-image:linear-gradient(90deg,transparent 0%,black 24%)}.tile:focus-visible{outline:3px solid #4b59c9}.tile:hover{transform:translateY(-4px)}.content-card{border-radius:26px;min-height:240px}.content-card h3{font-size:clamp(23px,2.4vw,30px)}
@media(min-width:1100px){.tiles:has(>.tile:nth-child(3):last-child)>.tile{min-height:330px}.tiles:has(>.tile:nth-child(3):last-child)>.tile:first-child{grid-column:span 2;min-height:365px}.tiles:has(>.tile:nth-child(3):last-child)>.tile:nth-child(2){grid-column:span 1}.tiles:has(>.tile:nth-child(3):last-child)>.tile:nth-child(3){grid-column:span 3;min-height:240px}.tiles:has(>.tile:nth-child(3):last-child)>.tile:nth-child(3) .tile-symbol{top:7%;right:10%;font-size:125px}}
@media(max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-large{grid-column:span 2}.tile{min-height:270px}.tile-bottom{max-width:90%}}
@media(max-width:650px){.tiles{grid-template-columns:1fr;gap:13px}.tile,.tile-large{grid-column:span 1;min-height:255px;padding:22px}.tile-large{min-height:290px}.tile-symbol,.tile-large .tile-symbol{font-size:110px;right:8%;top:15%}.tile-bottom{max-width:72%}.tile-bottom strong{font-size:29px}.hero{margin-bottom:45px}.section-title{margin-top:46px}}

/* MusicAyon 5 — imagen mixta: ilustración local o fotografía configurada en el editor */
.tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:18px}
.tile,.tile-large{min-height:300px;grid-column:span 1;padding:26px;isolation:isolate}
.tile-large{grid-column:span 2;min-height:350px}
.tile-illustration{position:absolute;z-index:0;width:54%;height:68%;right:2%;top:10%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 18px 18px #15152b16);transition:transform .3s ease}
.tile-large .tile-illustration{width:49%;height:79%;right:4%;top:8%}
.tile:hover .tile-illustration{transform:translateY(-7px) rotate(2deg)}
.tile-bottom{position:relative;z-index:2;max-width:56%;margin-top:auto;text-shadow:none}
.tile-bottom strong{font-size:clamp(24px,2.5vw,36px);line-height:1.08;overflow-wrap:anywhere;color:#191d31}
.tile-bottom span{color:#3d4256;font-weight:550}
.tile-top{z-index:2}.tile-arrow{flex-shrink:0}
.tile-photo .tile-image{position:absolute;inset:0;width:100%;height:100%;border-radius:0;mask-image:none;opacity:1;object-fit:cover;z-index:0}
.tile-photo:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(17,20,34,.85),rgba(17,20,34,.36) 72%,rgba(17,20,34,.14));pointer-events:none}
.tile-photo .tile-bottom strong,.tile-photo .tile-bottom span,.tile-photo .tile-tag{color:#fff}
.tile-photo .tile-bottom span{color:#f3f1fa}
.tile-photo .tile-arrow{color:#fff;border-color:#ffffff85;background:#ffffff2b}
.tile-photo .tile-bottom{max-width:75%}
@media(max-width:850px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-large{grid-column:span 2}.tile-illustration{width:60%}.tile-bottom{max-width:70%}}
@media(max-width:600px){.tiles{grid-template-columns:1fr}.tile,.tile-large{grid-column:span 1;min-height:270px;padding:22px}.tile-illustration,.tile-large .tile-illustration{width:55%;height:75%;right:0;top:10%}.tile-bottom{max-width:65%}.tile-bottom strong{font-size:27px}.tile-photo .tile-bottom{max-width:80%}}
@media(prefers-reduced-motion:reduce){.tile-illustration{transition:none}}

@media(min-width:1100px){.tiles:has(>.tile:nth-child(3):last-child)>.tile:nth-child(3){grid-column:span 1;min-height:300px}.tiles:has(>.tile:nth-child(3):last-child)>.tile:first-child{min-height:350px}}