/* ============================================================
 * Cabecera/menú de ReservaDeportes inyectado en home, blog, etc.
 * TODO va encapsulado bajo #rd-skin para NO afectar al tema.
 * ============================================================ */
#rd-skin{
  --navy:#07304E; --orange:#F5821F; --orange-d:#DE7212; --ink:#0E2233;
  --blue:#1B7BB5; --blue-2:#156293; --blue-soft:#E5F1F9;
  --line:#DCE7F0; --line-2:#E9F0F6; --maxw:1180px;
  --display:"Archivo","Inter",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,sans-serif;
  --shadow-lg:0 40px 90px -30px rgba(7,48,78,.45);
  font-family:var(--body);
}
#rd-skin *{ box-sizing:border-box; }
#rd-skin a{ text-decoration:none; }
#rd-skin .rd-topbar{ height:5px; width:100%; background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 52%,var(--orange) 52%,var(--orange) 100%); }
#rd-skin .rd-hdr{ position:sticky; top:0; z-index:100000; background:rgba(255,255,255,.95); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid var(--line-2); }
#rd-skin .rd-wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 24px; }
#rd-skin .rd-in{ display:flex; align-items:center; gap:30px; height:72px; }
#rd-skin .rd-brand{ display:flex; align-items:center; }
#rd-skin .rd-brand img{ height:40px; width:auto; display:block; }
#rd-skin .rd-nav{ display:flex; align-items:center; gap:4px; margin-left:auto; }
#rd-skin .rd-nav > a, #rd-skin .rd-toggle{ font-weight:500; font-size:15px; color:var(--ink); padding:9px 12px; border-radius:9px; transition:background .15s,color .15s; white-space:nowrap; display:inline-flex; align-items:center; gap:5px; cursor:pointer; line-height:1.2; }
#rd-skin .rd-nav > a:hover, #rd-skin .rd-toggle:hover{ background:var(--blue-soft); color:var(--blue-2); }
#rd-skin .rd-drop{ position:relative; display:inline-flex; align-items:center; }
#rd-skin .rd-menu{ position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(8px); min-width:244px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow-lg); padding:8px; opacity:0; visibility:hidden; transition:opacity .16s ease, transform .16s ease; z-index:60; }
#rd-skin .rd-menu a{ display:block; padding:9px 12px; border-radius:8px; font-size:14px; font-weight:500; color:var(--ink); white-space:nowrap; }
#rd-skin .rd-menu a:hover{ background:var(--blue-soft); color:var(--blue-2); }
#rd-skin .rd-toggle svg{ transition:transform .2s ease; }
#rd-skin .rd-drop.open .rd-toggle svg{ transform:rotate(180deg); }
#rd-skin .rd-drop.open > .rd-menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(2px); }
#rd-skin .rd-cta{ display:flex; align-items:center; gap:10px; }
#rd-skin .rd-btn{ display:inline-flex; align-items:center; gap:9px; cursor:pointer; font-family:var(--body); font-weight:600; font-size:14.5px; padding:11px 18px; border-radius:12px; border:1.5px solid transparent; white-space:nowrap; transition:transform .15s ease, box-shadow .2s ease, background .2s, border-color .2s, color .2s; }
#rd-skin .rd-btn--ghost{ background:#fff; color:var(--navy); border-color:var(--line); }
#rd-skin .rd-btn--ghost:hover{ border-color:var(--navy); }
#rd-skin .rd-btn--orange{ background:var(--orange); color:#fff; box-shadow:0 10px 24px -8px rgba(245,130,31,.55); }
#rd-skin .rd-btn--orange:hover{ transform:translateY(-2px); background:var(--orange-d); }
#rd-skin .rd-burger{ display:none; background:#fff; border:1px solid var(--line); border-radius:9px; width:42px; height:42px; cursor:pointer; align-items:center; justify-content:center; }
#rd-skin .rd-burger svg{ width:22px; height:22px; stroke:var(--navy); }
@media (max-width:980px){
  #rd-skin .rd-nav{ display:none; position:absolute; top:72px; left:0; right:0; background:#fff; flex-direction:column; align-items:stretch; gap:2px; padding:12px 18px 18px; border-bottom:1px solid var(--line); box-shadow:0 24px 36px -22px rgba(7,48,78,.35); margin-left:0; }
  #rd-skin .rd-nav.open{ display:flex; }
  #rd-skin .rd-drop{ display:block; width:100%; }
  #rd-skin .rd-toggle{ width:100%; justify-content:space-between; }
  #rd-skin .rd-menu{ position:static; transform:none; opacity:1; visibility:visible; box-shadow:none; border:0; padding:0; min-width:0; max-height:0; overflow:hidden; transition:max-height .25s ease; }
  #rd-skin .rd-drop.open > .rd-menu{ max-height:320px; padding:4px 0 6px 12px; transform:none; }
  #rd-skin .rd-cta .rd-btn--ghost{ display:none; }
  #rd-skin .rd-burger{ display:flex; margin-left:auto; }
}