:root{--bg:#07090d;--panel:#10141b;--panel2:#151a22;--text:#f7f7f3;--muted:#9aa2ad;--line:rgba(255,255,255,.1);--accent:#ff3b30;--accent2:#ff8a3d;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.15;z-index:-1}.ambient-one{width:480px;height:480px;background:#ff3b30;right:-180px;top:60px}.ambient-two{width:380px;height:380px;background:#ff7b38;left:-200px;bottom:5%;opacity:.08}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden;background:#0d1117;display:grid;place-items:center}.brand-mark img{width:100%;height:100%;object-fit:contain}.fallback-mark{font-weight:900;font-size:14px;background:linear-gradient(135deg,#ff3b30,#ff8a3d)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:14px;letter-spacing:.11em}.brand-copy span{font-size:9px;letter-spacing:.34em;color:var(--muted);margin-top:6px}nav{display:flex;gap:30px;color:#b8bec7;font-size:13px}nav a:hover{color:white}.nav-live{font-size:11px;font-weight:800;letter-spacing:.12em;border:1px solid var(--line);padding:10px 14px;border-radius:999px}.nav-live span,.live-pill .pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;box-shadow:0 0 0 5px rgba(255,59,48,.1);animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(255,59,48,0)}}.hero{max-width:var(--max);margin:auto;min-height:680px;padding:82px 28px 90px;display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.live-pill{font-size:10px;font-weight:800;letter-spacing:.17em;color:#d9dde3;margin-bottom:26px}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.065em;margin:0 0 28px;font-weight:900}.hero h1 em{font-style:normal;color:var(--accent)}.lead{max-width:520px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.play-btn{border:0;background:var(--text);color:#080a0e;border-radius:999px;padding:17px 23px;display:flex;gap:12px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.08em;cursor:pointer;transition:.25s}.play-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,255,255,.1)}.play-icon{font-size:12px}.circle-btn{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#c8cdd4}.quick-links{display:flex;gap:22px;margin-top:24px;font-size:12px;color:#858e9a}.quick-links a:hover{color:#fff}.player-card{position:relative;background:linear-gradient(145deg,rgba(26,31,40,.92),rgba(10,13,18,.96));border:1px solid rgba(255,255,255,.11);border-radius:28px;padding:25px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.card-top{display:flex;justify-content:space-between;color:#7e8792;font-size:9px;letter-spacing:.17em;font-weight:800}.card-top span:last-child{color:#ff6258}.disc-wrap{height:310px;display:grid;place-items:center;position:relative}.disc{width:205px;height:205px;border-radius:50%;background:repeating-radial-gradient(circle,#0a0c10 0 4px,#11151b 5px 7px);box-shadow:0 20px 60px rgba(0,0,0,.5);display:grid;place-items:center;position:relative;z-index:2}.disc:before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#ff3b30,#ff8a3d);opacity:.9}.disc-logo{width:62px;height:62px;border-radius:50%;background:#11151b;z-index:2;display:grid;place-items:center;overflow:hidden;font-weight:900}.disc-logo img{width:100%;height:100%;object-fit:contain}.fallback-logo{font-size:17px}.rings{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:270px;height:270px}.ring-b{width:325px;height:325px;border-color:rgba(255,59,48,.12)}.tonearm{position:absolute;width:100px;height:7px;background:#7d858f;right:12%;top:31%;transform:rotate(31deg);border-radius:9px;z-index:3;transform-origin:right center}.tonearm:after{content:"";position:absolute;right:-2px;bottom:-4px;width:15px;height:15px;border-radius:3px;background:#c5cad0}.now-playing{text-align:center}.now-playing small{font-size:8px;letter-spacing:.22em;color:#737c87;font-weight:800}.now-playing h2{margin:9px 0 4px;font-size:20px}.now-playing p{margin:0;color:#89929d;font-size:12px}.visualizer{height:35px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:4px}.visualizer i{display:block;width:3px;height:9px;background:#ff4b3f;border-radius:3px;opacity:.4}.player-card.playing .visualizer i{animation:bars .75s ease-in-out infinite alternate}.player-card.playing .visualizer i:nth-child(2n){animation-delay:.12s}.player-card.playing .visualizer i:nth-child(3n){animation-delay:.25s}@keyframes bars{to{height:27px;opacity:1}}.player-card.playing .disc{animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:48px;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.ticker-label{font-size:9px;font-weight:900;letter-spacing:.16em;padding:0 25px;border-right:1px solid var(--line);height:100%;display:flex;align-items:center;color:#ff655b}.ticker-track{font-size:10px;letter-spacing:.18em;color:#89919b;animation:marquee 25s linear infinite}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-25%)}}.content-section{max-width:var(--max);margin:auto;padding:105px 28px}.section-heading{display:flex;gap:25px;align-items:flex-start}.section-heading>span{font-size:11px;color:#ff5a50;font-weight:800}.section-heading small,.cta-section small{font-size:9px;color:#7f8791;letter-spacing:.2em;font-weight:800}.section-heading h2{font-size:42px;letter-spacing:-.04em;margin:9px 0 45px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:rgba(255,255,255,.025);border:1px solid var(--line);padding:30px;border-radius:18px;min-height:210px}.feature-icon{color:#ff5b51;font-size:24px}.feature h3{margin:28px 0 10px;font-size:18px}.feature p{color:#858e99;font-size:13px;line-height:1.7;margin:0}.cta-section{max-width:var(--max);margin:0 auto 80px;padding:55px 60px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(110deg,rgba(255,59,48,.11),rgba(255,255,255,.025));display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:42px;letter-spacing:-.05em;margin:9px 0}.cta-section p{color:#8b939e;margin:0}.share-btn{border:1px solid rgba(255,255,255,.2);background:#fff;color:#090b0f;border-radius:999px;padding:16px 21px;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer}footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:30px 28px 45px;display:flex;justify-content:space-between;align-items:center;color:#6e7783;font-size:10px}.footer-brand{display:flex;flex-direction:column;gap:5px}.footer-brand strong{color:#e8e9e6;letter-spacing:.1em}.footer-brand span{font-size:8px;letter-spacing:.18em}@media(max-width:850px){nav{display:none}.topbar{padding:0 18px}.nav-live{padding:9px 11px}.hero{grid-template-columns:1fr;padding:65px 18px 70px;gap:55px}.hero h1{font-size:64px}.player-card{max-width:520px;margin:auto;width:100%}.feature-grid{grid-template-columns:1fr}.content-section{padding:75px 18px}.cta-section{margin:0 18px 60px;padding:35px 25px;display:block}.share-btn{margin-top:25px}footer{padding:28px 18px;gap:20px;flex-wrap:wrap}.disc-wrap{height:280px}}@media(max-width:480px){.hero h1{font-size:54px}.lead{font-size:15px}.play-btn{padding:15px 17px}.player-card{padding:19px}.disc{width:180px;height:180px}.rings{width:245px;height:245px}.ring-b{width:285px;height:285px}.tonearm{right:8%;top:30%}.section-heading h2,.cta-section h2{font-size:34px}}


/* Facebook / Noticias */
.news-section {
  padding: 86px 7vw 40px;
  position: relative;
}
.news-card {
  margin-top: 34px;
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(320px, 1.2fr);
  gap: 34px;
  align-items: stretch;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 28px;
  padding: 28px;
  overflow: hidden;
}
.news-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
}
.news-kicker {
  font-size: 11px;
  letter-spacing: .18em;
  font-weight: 800;
  opacity: .65;
}
.news-copy h3 {
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.02;
  margin: 15px 0;
}
.news-copy p {
  color: rgba(255,255,255,.68);
  line-height: 1.7;
  max-width: 520px;
}
.facebook-news-btn {
  display: inline-flex;
  width: fit-content;
  margin-top: 24px;
  padding: 13px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.fb-embed-wrap {
  min-height: 620px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.fb-page, .fb-page span, .fb-page iframe { max-width: 100%; }
@media (max-width: 900px) {
  .news-card { grid-template-columns: 1fr; }
  .fb-embed-wrap { min-height: 520px; }
}
@media (max-width: 560px) {
  .news-section { padding-left: 5vw; padding-right: 5vw; }
  .news-card { padding: 14px; border-radius: 20px; }
  .news-copy { padding: 14px 8px 24px; }
  .fb-embed-wrap { min-height: 480px; }
}