/*
Theme Name: inDVX Negocios
Theme URI: https://mi.indvx.com
Author: inDVX
Description: Tema personalizado para soluciones digitales de negocios y comercios.
Version: 1.0.0
Text Domain: indvx-negocios
*/

:root{
  --bg:#0a0a0a;
  --bg-soft:#121212;
  --card:#171717;
  --text:#ffffff;
  --muted:#b7b7b7;
  --red:#ff2b2b;
  --red-2:#c91414;
  --line:#2a2a2a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin:0 auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.brand{display:flex;align-items:center}
.brand img{height:52px;width:auto;display:block}
.menu a{margin-left:18px;color:var(--muted);font-size:14px}
.menu a:hover{color:var(--text)}
.hero{padding:84px 0 60px;background:radial-gradient(ellipse at 70% 10%, rgba(255,43,43,.2), transparent 42%)}
.kicker{display:inline-block;padding:6px 12px;border:1px solid #4d1414;background:#1b0c0c;color:#ffb5b5;border-radius:999px;font-size:12px}
h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:18px 0 14px;max-width:900px}
.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:780px}
.cta-wrap{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 18px;border-radius:12px;font-weight:600}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-2)}
.btn-ghost{border:1px solid var(--line);color:#ddd}
.section{padding:64px 0}
.section h2{font-size:clamp(24px,3.4vw,38px);margin:0 0 10px}
.section p.sub{color:var(--muted);margin:0 0 26px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{background:linear-gradient(180deg,#1a1a1a,#141414);border:1px solid var(--line);padding:20px;border-radius:16px}
.card h3{margin:0 0 8px;font-size:19px}
.card p{margin:0;color:var(--muted);line-height:1.6}
.bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.bullets li{list-style:none;background:var(--bg-soft);border:1px solid var(--line);padding:14px 14px;border-radius:12px;color:#d9d9d9}
.bullets li::before{content:"●";color:var(--red);margin-right:8px}
.banner{margin-top:30px;padding:24px;border:1px solid #4a1111;border-radius:16px;background:linear-gradient(135deg,#2b0d0d,#120e0e)}
.banner strong{font-size:22px}
.appla{background:linear-gradient(180deg,#0f0f0f,#0a0a0a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.appla-logo-wrap{margin:4px 0 18px}
.appla-logo{width:min(260px,62vw);height:auto;display:block;filter:drop-shadow(0 0 18px rgba(149,108,255,.25))}
.appla-grid .card{border-color:#3a1515;box-shadow:0 0 0 1px rgba(255,43,43,.08) inset}
.appla-banner{border-color:#7d1717;background:linear-gradient(135deg,#3a1111,#171010)}
.appla-ui-showcase{margin-top:30px}
.appla-ui-showcase h3{margin:0 0 6px;font-size:28px}
.appla-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.appla-shot{margin:0;background:#121212;border:1px solid var(--line);border-radius:18px;padding:10px}
.appla-shot img{width:100%;height:auto;border-radius:12px;display:block}
.footer{border-top:1px solid var(--line);padding:22px 0;color:#9f9f9f;font-size:14px}
@media (max-width:900px){.grid{grid-template-columns:1fr}.bullets{grid-template-columns:1fr}.appla-shots{grid-template-columns:1fr}.menu{display:none}.brand img{height:42px}}