/* Subground Agency — Rider técnico unificado (contenido por DJ en cada HTML) */
#rider{background:var(--blk)}
.rider-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.rider-card{background:var(--panel);padding:40px;position:relative;overflow:hidden}
.rider-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad)}
.rider-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:4px;text-transform:uppercase;color:var(--ht);margin-bottom:24px}
.rider-items{display:flex;flex-direction:column;gap:8px}
.rider-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--card)}
.rider-pref{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;line-height:1;flex-shrink:0;min-width:1.4em}
.rider-pref--1{color:var(--ht)}
.rider-pref--2{color:var(--mid)}
.rider-pref--3{color:var(--pur)}
.rider-pref--4{color:var(--bgray)}
.rider-name{font-size:14px;color:var(--bone);line-height:1.35}
.rider-note{font-size:12px;color:var(--bgray);margin-top:16px;padding-top:16px;border-top:1px solid var(--card);line-height:1.65}
.rider-note strong{color:var(--gray);font-weight:500}
.rider-aside{margin-top:32px;padding-top:32px;border-top:1px solid var(--card)}
.rider-aside + .rider-aside{margin-top:24px;padding-top:24px}
.rider-aside .rider-title{margin-bottom:12px}
.rider-aside-text{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:12px}
.rider-aside-phone,.rider-aside-mail{
  font-family:'Barlow Condensed',sans-serif;font-size:22px;color:var(--bone);margin-bottom:8px;display:block;text-decoration:none
}
.rider-aside-phone:hover,.rider-aside-mail:hover{color:var(--mid)}
.rider-links{display:flex;flex-direction:column;gap:10px}
.rider-links a{color:var(--mid);text-decoration:none;font-size:13px;line-height:1.4}
.rider-links a:hover{opacity:.85}

/* Hospitalario visual (ej. solo agua) */
.rider-visual{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:8px}
.rider-visual-icon{
  width:64px;height:64px;display:flex;align-items:center;justify-content:center;
  font-size:42px;line-height:1;filter:drop-shadow(0 6px 16px rgba(192,57,43,.25));
  animation:riderDrop 2.8s ease-in-out infinite
}
.rider-visual-icon svg{width:48px;height:48px;display:block}
.rider-visual-copy{font-size:15px;color:var(--gray);line-height:1.7;max-width:28ch}
@keyframes riderDrop{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(4px)}
}
@media(prefers-reduced-motion:reduce){
  .rider-visual-icon{animation:none}
}

@media(max-width:900px){
  .rider-grid{grid-template-columns:1fr;gap:20px;margin-top:36px}
  .rider-card{padding:28px 24px}
}
@media(max-width:640px){
  .rider-card{padding:24px 18px}
  .rider-item{padding:12px 14px;gap:12px}
  .rider-pref{font-size:18px}
  .rider-name{font-size:13px}
}