/* =========================================================
   UCM · v10.css — secciones nuevas (cargar después de miami.css)
   A) Escúchanos (players Spotify)   B) Visión / Hood Families
   C) Miami · Medellín · Mundo       D) Barra de audio flotante
   ========================================================= */
.ucm-site .v10-sec{position:relative;padding:110px 0}
.ucm-site .v10-kicker{font-size:12px;letter-spacing:.34em;text-transform:uppercase;opacity:.7;margin:0 0 14px}
.ucm-site .v10-title{font-size:clamp(38px,5.4vw,78px);line-height:.95;margin:0;letter-spacing:-.02em}
.ucm-site .v10-title em{font-style:normal;background:linear-gradient(90deg,#FF4FA3,#FFB36B 50%,#4FE3FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.ucm-site .v10-lead{max-width:56ch;opacity:.82;font-size:18px;line-height:1.6;margin:22px 0 0}

/* A) ESCÚCHANOS */
.ucm-site .listen-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:44px}
.ucm-site .listen-card{border-radius:22px;padding:18px;background:linear-gradient(160deg,#16102a,#0b0a12);border:1px solid #2a2340;position:relative;overflow:hidden}
.ucm-site .listen-card::after{content:"";position:absolute;inset:auto -40% -60% auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,#ff4fa355,transparent);pointer-events:none}
.ucm-site .listen-card small{display:block;letter-spacing:.24em;text-transform:uppercase;font-size:11px;opacity:.7;margin:4px 6px 12px}
.ucm-site .listen-card iframe{width:100%;border:0;border-radius:14px;display:block}
.ucm-site .eq{display:inline-flex;gap:3px;align-items:flex-end;height:14px;margin-left:8px;vertical-align:middle}
.ucm-site .eq i{width:3px;background:#4FE3FF;animation:eq 1s ease-in-out infinite}
.ucm-site .eq i:nth-child(2){animation-delay:.2s;background:#FF4FA3}.ucm-site .eq i:nth-child(3){animation-delay:.4s}.ucm-site .eq i:nth-child(4){animation-delay:.1s;background:#FFB36B}
@keyframes eq{0%,100%{height:3px}50%{height:14px}}

/* B) VISIÓN */
.ucm-site .vision{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.ucm-site .values{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;padding:0;list-style:none}
.ucm-site .values li{font-size:clamp(20px,2.4vw,32px);padding:10px 22px;border:1px solid #3a3350;border-radius:999px;transition:.3s}
.ucm-site .values li:hover{border-color:#FF4FA3;box-shadow:0 0 24px #ff4fa344}
.ucm-site .hood{text-align:center}
.ucm-site .hood img{width:min(360px,80%);height:auto;filter:drop-shadow(0 0 30px rgba(80,227,255,.18))}
.ucm-site .hood p{opacity:.75;margin:14px auto 0;max-width:34ch}

/* C) MIAMI · MEDELLÍN · MUNDO */
.ucm-site .globe{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.ucm-site .globe article{border-radius:22px;padding:30px 26px;background:#0d0b16;border:1px solid #2a2340;position:relative;overflow:hidden;min-height:260px}
.ucm-site .globe article::before{content:"";position:absolute;inset:0;background:url("/wp-content/uploads/ucm/assets/miami-bg-1920.webp") center/cover;opacity:.16}
.ucm-site .globe article>*{position:relative}
.ucm-site .globe .city{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#4FE3FF}
.ucm-site .globe h3{font-size:26px;margin:12px 0 10px}
.ucm-site .globe p{opacity:.78;line-height:1.55;margin:0}
.ucm-site .globe .reach{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding:0;list-style:none}
.ucm-site .globe .reach li{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:1px solid #3a3350;border-radius:999px;padding:6px 12px}

/* D) BARRA DE AUDIO FLOTANTE */
.ucm-site .nowplaying{position:fixed;left:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:999px;background:#0d0b16ee;border:1px solid #2a2340;backdrop-filter:blur(8px);text-decoration:none;color:inherit;font-size:13px}
.ucm-site .nowplaying img{width:38px;height:38px;border-radius:50%;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width:900px){
  .ucm-site .listen-grid,.ucm-site .vision,.ucm-site .globe{grid-template-columns:1fr}
  .ucm-site .v10-sec{padding:80px 0}
  .ucm-site .nowplaying span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ucm-site .eq i,.ucm-site .nowplaying img{animation:none}
}