:root{
  --bg:#071225;
  --bg-soft:#0f1b34;
  --text:#e5edf7;
  --muted:#93a5c6;
  --primary:#06b6d4;
  --primary-2:#22d3ee;
  --card:#101c35;
  --border:#233556;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,var(--bg),#0a152a 40%,#0c1830);
}
.container{width:min(1120px,92%);margin:0 auto}
.header{position:sticky;top:0;z-index:10;background:#071225d9;border-bottom:1px solid #1b2f52;backdrop-filter:blur(6px)}
.nav-container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo img{height:36px}
.nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nav a{color:var(--text);text-decoration:none;font-weight:600;font-size:14px}
.btn-nav{background:linear-gradient(90deg,var(--primary),var(--primary-2));padding:10px 14px;border-radius:999px;color:#032030 !important}
.hero{position:relative;padding:84px 0 66px;background:url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1920') center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#020812cf,#0b1b34c9)}
.hero-content{position:relative}
.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.1;margin:0 0 12px}
.hero p{max-width:640px;color:#c2d5ef;font-size:18px}
.hero-buttons{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.btn-primary,.btn-outline{padding:11px 18px;border-radius:10px;font-weight:700;text-decoration:none;display:inline-block}
.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#032030}
.btn-outline{border:1px solid #72d8ff;color:#d6f6ff}
section{padding:62px 0}
h2{font-size:clamp(28px,4vw,40px);margin:0 0 16px}
.about-grid,.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.about img{width:100%;border-radius:14px;border:1px solid var(--border)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
.stats div{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:12px}
.stats h3{margin:0;color:var(--primary-2)}
.stats p{margin:4px 0 0;color:var(--muted)}
.services-grid,.soluciones-grid,.wholesale-grid,.ae-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card,.solucion-card,.wholesale-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
}
.service-card h3,.solucion-card h3,.wholesale-card h3{margin:12px 14px 4px}
.service-card p,.solucion-card p,.wholesale-card p{margin:0 14px 14px;color:var(--muted)}
.service-img,.solucion-img,.wholesale-img{width:100%;height:180px;object-fit:cover}
.soluciones-intro,.wholesale-subtitle,.cta-subtitle{color:var(--muted);margin:0 0 18px}
.cta-form{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;margin-bottom:10px;padding:11px;border-radius:10px;border:1px solid #33517f;background:#0a1730;color:var(--text)}
.btn-form{border:none;cursor:pointer}
.btn-outline{background:transparent;border:1px solid #72d8ff;color:#d6f6ff;padding:11px 18px;border-radius:10px;font-weight:700;cursor:pointer;font:inherit}

.propuesta-wizard{margin-top:8px}
.propuesta-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.propuesta-step-pill{
  font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;
  background:#0a1730;border:1px solid #33517f;color:var(--muted)
}
.propuesta-step-pill.is-active{border-color:var(--primary);color:var(--primary-2);background:#0d2538}
.propuesta-step-pill.is-done{border-color:#14532d;color:#86efac}
.propuesta-pane .propuesta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}
.propuesta-pane textarea{margin-bottom:0}
.propuesta-resumen{
  background:#0a1730;border:1px solid var(--border);border-radius:10px;padding:14px;
  font-size:14px;line-height:1.6;color:#c2d5ef;white-space:pre-wrap
}
.propuesta-resumen strong{color:var(--primary-2)}
.propuesta-alerta{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px;font-weight:600}
.propuesta-alerta--ok{border:1px solid #14532d;background:#052e1a;color:#bbf7d0}
.propuesta-alerta--err{border:1px solid #7f1d1d;background:#3f1515;color:#fecaca}

.android-enterprise{background:linear-gradient(180deg,transparent,#0a1528 15%,transparent)}
.ae-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 16px;overflow:visible}
.ae-card h3{margin:0 0 8px;font-size:18px;color:var(--primary-2)}
.ae-card p{margin:0;color:var(--muted);line-height:1.55}
.ae-principles{margin:22px 0 0;padding-left:22px;color:#c2d5ef;line-height:1.65}
.ae-principles li{margin-bottom:10px}
.ae-en{margin-top:20px;padding:14px 16px;border-radius:12px;border:1px solid #28426c;background:#0d1b32;font-size:14px;line-height:1.6;color:#b8cce8}

.catalog .catalog-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border);background:var(--card);margin-top:8px}
.catalog-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.catalog-table th,.catalog-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.catalog-table th{background:#0a1730;color:var(--primary-2);font-weight:700}
.catalog-table tbody tr:last-child td{border-bottom:none}
.catalog-table td:first-child{font-weight:600;color:#dbeafe;white-space:nowrap}
.catalog-footnote{margin-top:16px;color:var(--muted);font-size:14px}

footer{padding:46px 0;border-top:1px solid #1d3154}
.footer-legal{display:flex;gap:12px;flex-wrap:wrap}
.footer-legal a{color:#9ed8ff;text-decoration:none}
.logo-img{height:34px}

.ico{display:inline-block;width:1.25em;height:1.25em;flex-shrink:0;vertical-align:middle}
.ico-2x{width:2em;height:2em}
.chatbot-header .ico{color:#a5f3fc}
.chatbot-close .ico,.chatbot-send .ico{color:#d5e8ff}
.chatbot-toggle .ico{width:1.35em;height:1.35em}

position:fixed;right:20px;bottom:20px;z-index:30}
.chatbot-toggle{width:56px;height:56px;border:none;border-radius:50%;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#072033;cursor:pointer;font-size:22px}
.chatbot-window{display:none;width:320px;background:#0d1b36;border:1px solid #28426c;border-radius:12px;overflow:hidden;margin-bottom:10px}
.chatbot-window.open{display:block}
.chatbot-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#102449}
.chatbot-header-text{display:flex;flex-direction:column}
.chatbot-header-text small{color:#a7f3d0}
.chatbot-close{margin-left:auto;background:none;border:none;color:#d5e8ff;cursor:pointer}
.chatbot-body{padding:10px;height:220px;overflow:auto}
#chatbot-messages .msg{padding:8px 10px;border-radius:8px;margin-bottom:8px;font-size:14px}
#chatbot-messages .user{background:#1a315f}
#chatbot-messages .bot{background:#15324a}
.chatbot-input-wrap{display:flex;border-top:1px solid #28426c}
.chatbot-input-wrap input{margin:0;border:none;border-radius:0;background:#0b1831}
.chatbot-send{width:54px;border:none;background:#123560;color:#cde9ff}
.typing-indicator{display:none;gap:4px}
.typing-indicator span{display:inline-block;width:6px;height:6px;background:#7dd3fc;border-radius:50%;animation:b 1s infinite}
.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}
@keyframes b{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}

@media (max-width: 900px){
  .services-grid,.soluciones-grid,.wholesale-grid,.ae-grid{grid-template-columns:1fr 1fr}
  .about-grid,.footer-grid,.form-row{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .nav{display:none}
  .services-grid,.soluciones-grid,.wholesale-grid,.ae-grid{grid-template-columns:1fr}
  .chatbot-window{width:min(90vw,320px)}
}