
:root{ --brand:#007BFF; --acc:#FF6F00; --ink:#0f172a; }
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color:#e5e7eb;
  background:#0b1220 url('/assets/bg-circuit.svg') no-repeat fixed center/cover;
}
a{color:#93c5fd;text-decoration:none}
a:hover{color:#bfdbfe}
.wrap{max-width:1100px;margin:0 auto;padding:24px}
header nav{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:1000;height:1000;display:inline-block}
nav a{margin-left:16px;color:#cbd5e1}
nav a:hover{color:#fff}
.hero{position:relative;display:grid;grid-template-columns:1.2fr 0.8fr;gap:28px;align-items:center;padding:72px 0}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,111,0,.16);color:#ffd7b0;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid rgba(255,111,0,.35)}
h1{font-size:44px;line-height:1.06;margin:12px 0 8px;color:#fff}
h2{font-size:30px;margin:0 0 10px;color:#e2e8f0}
p{color:#cbd5e1;line-height:1.65}
.cta{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.btn{padding:12px 18px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;letter-spacing:.2px;transition:.2s;box-shadow:0 10px 20px rgba(2,8,23,.25)}
.btn.primary{background:linear-gradient(92deg,var(--brand),var(--acc));color:#fff}
.btn.secondary{background:rgba(0,123,255,.12);color:#dbeafe;border-color:rgba(148,163,184,.25)}
.section{padding:54px 0}
.section.alt{background:linear-gradient(180deg, rgba(11,18,32,.0) 0%, rgba(11,18,32,.55) 100%);border-radius:16px;padding:42px;margin:18px 0;border:1px solid rgba(148,163,184,.18)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}
.card{background:rgba(11,18,32,.6);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 10px 20px rgba(2,8,23,.25)}
.card h3{margin:0 0 6px;color:#fff}
.price{font-weight:900;font-size:28px;margin:8px 0;color:#fff}
.table{width:100%;border-collapse:collapse;margin:16px 0;color:#e2e8f0}
.table th,.table td{border:1px solid rgba(148,163,184,.25);padding:10px;text-align:left}
.table th{background:rgba(30,41,59,.6)}
footer{margin-top:48px;border-top:1px solid rgba(148,163,184,.25);padding:20px 0;color:#94a3b8;font-size:14px}
#ct-chat-button{position:fixed;right:18px;bottom:18px;z-index:9999;border-radius:999px;padding:14px 18px;font-weight:800;box-shadow:0 16px 30px rgba(2,8,23,.5)}
#ct-chat{position:fixed;right:18px;bottom:86px;width:360px;max-width:90vw;background:#0b1220;border:1px solid rgba(148,163,184,.25);border-radius:16px;box-shadow:0 30px 60px rgba(2,8,23,.65);display:none;flex-direction:column;overflow:hidden;z-index:9999}
#ct-chat header{background:linear-gradient(90deg,var(--brand),var(--acc));color:#fff;padding:12px 14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
#ct-chat main{height:360px;padding:12px;overflow:auto;background:linear-gradient(180deg,#0b1220,#0f172a)}
.msg{margin:8px 0;max-width:85%;padding:10px 12px;border-radius:12px}
.msg.bot{background:rgba(148,163,184,.2)}
.msg.user{background:rgba(59,130,246,.25);margin-left:auto}
#ct-chat footer{display:flex;gap:8px;padding:10px;background:#0b1220;border-top:1px solid rgba(148,163,184,.25)}
#ct-input{flex:1;padding:10px;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#e2e8f0}
#ct-send{padding:10px 14px;border:none;border-radius:8px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}
@media (max-width:900px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}

.brand-logo {
  height: 400; /* Reduce un poco el tama単o */
  max-width: 400px; /* Evita que se estire horizontalmente */
  object-fit: cover; /* Mantiene proporciones */
  vertical-align: contain;
}


header .brand strong {
  font-size: 1.4rem;
  color: #007BFF;
}

footer img {
  vertical-align: middle;
  margin-right: 8px;
  opacity: 0.9;
}
