/*
Theme Name: PHM Underground
Author: PHM Underground
Description: Tema inicial para música, videos, bandas y tienda underground.
Version: 1.0.0
Text Domain: phm-underground
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#0b0b0d;--surface:#171719;--red:#d02a31;--cream:#f3eee5;--muted:#aaa6a3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;background:#0a0a0aeb;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(5vw,20px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:60px;height:60px;border-radius:50%;object-fit:cover}.brand b{font:900 24px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;text-transform:uppercase}nav{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}nav a:hover{color:var(--red)}.btn{display:inline-flex;padding:14px 20px;background:var(--red);color:white;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:0;cursor:pointer}.btn.outline{background:transparent;border:1px solid #aaa}.hero{min-height:610px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:65px max(7vw,22px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#6d171b88,transparent 48%),linear-gradient(135deg,#0c0c0e 15%,#242023 60%,#0a0a0b)}.hero:before{content:'';position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(110deg,transparent 0 5px,#777 6px,transparent 7px 21px);pointer-events:none}.hero>*{position:relative}.kicker{color:#ef4a51;letter-spacing:3px;font-weight:800;text-transform:uppercase;font-size:12px}.hero h1{font:900 clamp(65px,10vw,150px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:28px 0;text-transform:uppercase}.hero h1 em{color:var(--red);font-style:normal}.hero p{max-width:530px;line-height:1.75;color:#c7c3c1}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-logo{width:min(100%,450px);aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 0 90px #a725253d;transform:rotate(-8deg)}.ticker{background:var(--red);padding:14px 10px;text-align:center;font:800 19px 'Barlow Condensed',Impact,sans-serif;letter-spacing:4px;text-transform:uppercase}.section{padding:70px max(7vw,22px)}.section h2{font:900 clamp(38px,5vw,65px) 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 8px}.section>p{color:var(--muted);margin:0 0 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--surface);border:1px solid #303034;min-height:270px;display:flex;flex-direction:column;justify-content:end;padding:24px;position:relative;overflow:hidden}.card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,#a1252955,transparent 55%)}.card>*{position:relative}.card .num{font:900 58px 'Barlow Condensed',Impact,sans-serif;color:#df343b}.card h3{font:800 29px 'Barlow Condensed',Impact,sans-serif;margin:8px 0;text-transform:uppercase}.card p{color:#b5b1af;font-size:13px;line-height:1.6;margin:0}.shop{background:#121214}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{border:1px solid #484345;padding:26px;background:#1b1a1c}.plan.featured{border-color:var(--red)}.plan h3{font:800 29px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.price{font:900 48px 'Barlow Condensed',Impact,sans-serif}.price small{font:400 12px Inter,Arial,sans-serif;color:var(--muted)}.plan p{color:var(--muted);font-size:13px;line-height:1.7;min-height:56px}footer{padding:30px 7vw;border-top:1px solid #333;color:#aaa;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer strong{color:white}@media(max-width:900px){nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;min-height:auto}.hero-logo{width:min(70%,330px);justify-self:center}.cards,.plans{grid-template-columns:1fr}.hero h1{font-size:clamp(68px,16vw,120px)}}@media(max-width:550px){header{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start;gap:14px}.brand img{width:48px;height:48px}.section{padding-top:48px;padding-bottom:48px}}

.admin-note{color:#aaa}.media-card{justify-content:space-between}.media-card audio,.media-card video{width:100%;max-height:250px}.media-card img{max-width:100%;height:170px;object-fit:cover}.media-card a:not(.btn){color:#f15a60}.media-card h3{overflow-wrap:anywhere}.wp-content{max-width:900px;margin:auto;line-height:1.8}.screen-reader-text{position:absolute;left:-9999px}

/* PHM RADIO - CATALOGO PROFESIONAL */

#musica .media-card {
  background: linear-gradient(145deg, #211719, #101013);
  border: 1px solid #393034;
  border-radius: 16px;
  padding: 22px;
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease;
}

#musica .media-card:hover {
  transform: translateY(-4px);
  border-color: #d02a31;
}

#musica .media-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 18px;
}

#musica .media-card h3 {
  color: #f5f0e9;
  font-size: 24px;
  line-height: 1.2;
  margin: 12px 0;
}

#musica .media-card p {
  color: #bcb5b7;
  font-size: 14px;
  line-height: 1.6;
}

#musica .media-card audio {
  display: block;
  width: 100%;
  margin-top: 18px;
  border-radius: 8px;
}

@media (max-width: 600px) {
  #musica .media-card {
    padding: 16px;
  }

  #musica .media-card h3 {
    font-size: 21px;
  }
}