/* assets/css/app.css */
:root{
    --radius-xl: 1.35rem;
    --radius-lg: 1.05rem;
    --radius-md: .85rem;
    --line: rgba(255,255,255,.08);
  }
  
  /* =========================
     THEME: OBSIDIAN (default)
     Rock / Blues editorial
  ========================= */
  :root[data-theme="obsidian"]{
    --bg0:#07070a;
    --bg1:#0c0d12;
    --card: rgba(16,18,28,.78);
    --txt:#ececf5;
    --muted:#a9a9bc;
  
    --accent:#b6ff5c;   /* ácido */
    --accent2:#7aa7ff;  /* frío */
    --shadow: 0 10px 30px rgba(0,0,0,.45);
  }
  
  html, body { height: 100%; }
  body{
    background:
      radial-gradient(1100px 620px at 18% 10%, rgba(122,167,255,.16), transparent 60%),
      radial-gradient(900px 540px at 82% 18%, rgba(182,255,92,.12), transparent 58%),
      linear-gradient(180deg, var(--bg0), var(--bg1));
    color: var(--txt);
    letter-spacing: -0.01em;
  }
  
  a { color: inherit; }
  .text-muted { color: var(--muted) !important; }
  
  .navbar{
    border-bottom: 1px solid var(--line);
    background: rgba(7,7,10,.58);
    backdrop-filter: blur(10px);
  }
  
  .border-soft { border: 1px solid var(--line) !important; }
  
  .card-glass{
    background: var(--card);
    backdrop-filter: blur(10px);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    border-radius: var(--radius-xl);
  }
  
  .btn-accent{
    background: linear-gradient(135deg, rgba(182,255,92,.92), rgba(122,167,255,.78));
    border: none;
    color: #07070a;
    font-weight: 800;
  }
  .btn-accent:hover{ filter: brightness(1.03); }
  
  .form-control, .form-select{
    background: rgba(255,255,255,.04);
    border: 1px solid var(--line);
    color: var(--txt);
    border-radius: var(--radius-md);
  }
  .form-control:focus, .form-select:focus{
    box-shadow: 0 0 0 .25rem rgba(182,255,92,.12);
    border-color: rgba(182,255,92,.35);
  }
  
  .smallcaps{
    font-variant-caps: all-small-caps;
    letter-spacing: .10em;
    color: var(--muted);
  }
  
  .hero-title{
    letter-spacing: -0.03em;
    line-height: 1.03;
  }
  
  .kbd-chip{
    border: 1px solid var(--line);
    background: rgba(255,255,255,.04);
    padding: .38rem .65rem;
    border-radius: 999px;
    font-size: .92rem;
    color: var(--muted);
  }
  
  .hr-soft{
    border: none;
    height: 1px;
    background: var(--line);
  }
  
  .cover{
    border-radius: var(--radius-xl);
    border: 1px solid var(--line);
    overflow: hidden;
    position: relative;
  }
  .cover::after{
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.60) 100%);
  }
  
  .avatar{
    width: 96px; height: 96px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--line);
    object-fit: cover;
    background: rgba(255,255,255,.05);
  }
  
  /* =========================
     THEME: IVORY (prepared)
     Indie minimal, white
     (dejado listo para Día 3/4)
  ========================= */
  :root[data-theme="ivory"]{
    --bg0:#ffffff;
    --bg1:#f6f6f9;
    --card: rgba(255,255,255,.86);
    --txt:#101018;
    --muted:#6d6d7a;
  
    --accent:#111111;
    --accent2:#3b82f6;
    --shadow: 0 10px 30px rgba(16,16,24,.10);
  }
  
  /* Cuando activemos Ivory, el fondo también cambia */
  :root[data-theme="ivory"] body{
    background: linear-gradient(180deg, var(--bg0), var(--bg1));
  }

  /* Mejor contraste para contacto en tema oscuro */
.contact-value{
  color: rgba(255,255,255,.92);
  text-decoration: none;
}
.contact-value:hover{
  text-decoration: underline;
}

.logo-wrapper {
  padding: 8px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(6px);
  box-shadow: 0 0 25px rgba(0,0,0,0.4);
  display: inline-flex;
  align-items: center;
}

.logo-wrapper img {
  height: 52px;
  filter: drop-shadow(0 0 10px rgba(255,0,80,0.35));
}

/* Logo principal */
.rk-logo {
  height: 80px;          /* antes 36px */
  width: auto;
  transition: transform .2s ease;
}


.rk-logo:hover {
  transform: scale(1.05);
}

/* Ajuste navbar */
.navbar {
  padding-top: 14px;
  padding-bottom: 14px;
}