/* ===== SELECTOR DE ESCALA ===== */
.escala-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.escala-card {
  background: rgba(255,255,255,0.05);
  border: 1.5px solid rgba(201,168,76,0.18);
  border-radius: var(--radius-sm);
  padding: 12px 8px;
  cursor: pointer;
  transition: all 0.22s;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.escala-card::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(201,168,76,0.12) 0%, transparent 100%);
  opacity: 0; transition: opacity 0.22s;
}
.escala-card:hover::before, .escala-card.selected::before { opacity: 1; }
.escala-card:hover, .escala-card.selected {
  border-color: var(--gold);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(201,168,76,0.18);
}
.escala-card .esc-icon { font-size: 1.2rem; margin-bottom: 5px; }
.escala-card .esc-name { font-size: 0.82rem; font-weight: 600; color: var(--white); margin-bottom: 2px; }
.escala-card.selected .esc-name { color: var(--gold-light); }
.escala-card .esc-desc { font-size: 0.65rem; color: rgba(255,255,255,0.38); }
@media (max-width: 600px) {
  .escala-cards { grid-template-columns: repeat(2, 1fr); }
}


#screen-inicio {
  min-height: 100vh; background: var(--navy);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
#screen-inicio::before { content:''; position:absolute; top:-120px; right:-120px; width:480px; height:480px; border-radius:50%; border:1.5px solid rgba(201,168,76,0.18); pointer-events:none; }
#screen-inicio::after { content:''; position:absolute; bottom:-80px; left:-80px; width:320px; height:320px; border-radius:50%; border:1px solid rgba(201,168,76,0.10); pointer-events:none; }
.inicio-orb { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:700px; height:700px; border-radius:50%; background:radial-gradient(circle at 40% 40%, rgba(201,168,76,0.06) 0%, transparent 60%); pointer-events:none; }
.inicio-content { position:relative; z-index:2; text-align:center; animation:fadeUp 0.9s cubic-bezier(.22,1,.36,1) both; }
.inicio-logo { width:72px; height:72px; background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); border-radius:20px; display:flex; align-items:center; justify-content:center; margin:0 auto 2rem; font-family:'DM Serif Display', serif; font-size:28px; color:var(--navy); box-shadow:0 8px 32px rgba(201,168,76,0.35); }
.inicio-title { font-family:'DM Serif Display', serif; font-size:clamp(2.4rem,5vw,3.6rem); color:var(--white); letter-spacing:-0.02em; line-height:1.1; margin-bottom:0.6rem; }
.inicio-title span { color:var(--gold-light); font-style:italic; }
.inicio-sub { font-size:1rem; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:3rem; }
.tipo-cards { display:flex; gap:16px; margin-bottom:3rem; flex-wrap:wrap; justify-content:center; }
.tipo-card { background:rgba(255,255,255,0.05); border:1.5px solid rgba(201,168,76,0.2); border-radius:var(--radius); padding:20px 28px; cursor:pointer; transition:all 0.25s; text-align:center; min-width:140px; position:relative; overflow:hidden; }
.tipo-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(201,168,76,0.12) 0%, transparent 100%); opacity:0; transition:opacity 0.25s; }
.tipo-card:hover::before, .tipo-card.selected::before { opacity:1; }
.tipo-card:hover, .tipo-card.selected { border-color:var(--gold); transform:translateY(-3px); box-shadow:0 8px 32px rgba(201,168,76,0.2); }
.tipo-card .tc-icon { font-size:1.6rem; margin-bottom:8px; }
.tipo-card .tc-name { font-size:1rem; font-weight:600; color:var(--white); margin-bottom:4px; }
.tipo-card .tc-desc { font-size:0.75rem; color:rgba(255,255,255,0.45); }
.tipo-card.selected .tc-name { color:var(--gold-light); }
.btn-entrar { background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color:var(--navy); border:none; padding:16px 48px; border-radius:50px; font-family:'DM Sans',sans-serif; font-size:1rem; font-weight:600; cursor:pointer; letter-spacing:0.04em; transition:all 0.2s; box-shadow:0 4px 20px rgba(201,168,76,0.4); }
.btn-entrar:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(201,168,76,0.5); }
.inicio-year-row { display:flex; align-items:center; gap:12px; justify-content:center; margin-bottom:2rem; }
.inicio-year-row label { color:rgba(255,255,255,0.5); font-size:0.85rem; }
.inicio-year-row input { background:rgba(255,255,255,0.08); border:1px solid rgba(201,168,76,0.25); color:var(--white); border-radius:var(--radius-sm); padding:8px 16px; font-family:'DM Sans',sans-serif; font-size:1rem; width:100px; text-align:center; outline:none; }
.inicio-year-row input:focus { border-color:var(--gold); }
#negocio-nombre::placeholder, #negocio-telefono::placeholder, #negocio-correo::placeholder, #negocio-cuenta::placeholder { color:rgba(255,255,255,0.3); }