/*
Theme Name: SystemBag Theme
Theme URI: https://systembag.cloud
Author: Miguel Bottaro Agencia Digital
Description: Tema minimalista, moderno y futurista para SYSTEMBAG, con foco en Prensa Pro.
Version: 1.0.0
License: GPL v2 or later
Text Domain: systembag
*/

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&family=Rajdhani:wght@600;700&display=swap');

:root{
  --sb-purple:#450071;
  --sb-magenta:#B1001C;
  --sb-space:#0A0F1E;
  --sb-gray:#D9DCE3;
  --sb-white:#FFFFFF;
  --sb-muted:rgba(217,220,227,.76);
  --sb-line:rgba(217,220,227,.14);
  --sb-glass:rgba(255,255,255,.055);
  --sb-shadow:0 30px 90px rgba(0,0,0,.48);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--sb-space);
  color:var(--sb-white);
  font-family:'Exo 2',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  overflow-x:hidden;
}
a{color:inherit}

.sb-site{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 8%, rgba(69,0,113,.75), transparent 30%),
    radial-gradient(circle at 80% 18%, rgba(177,0,28,.34), transparent 24%),
    radial-gradient(circle at 50% 110%, rgba(69,0,113,.38), transparent 28%),
    linear-gradient(180deg,#050814 0%, var(--sb-space) 42%, #070a14 100%);
  position:relative;
}
.sb-site:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.65), transparent 70%);
}
.sb-shell{width:min(1180px,92vw);margin:auto;position:relative;z-index:1}

.sb-nav{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:28px 0;
}
.sb-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.sb-mark{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02));
  border:1px solid var(--sb-line);box-shadow:0 0 32px rgba(69,0,113,.42);
  position:relative;overflow:hidden;
}
.sb-mark:before{
  content:"A";font-family:'Rajdhani',sans-serif;font-weight:700;font-size:38px;line-height:1;
  background:linear-gradient(180deg,#fff 0%,#cfd2dc 58%,#7e32cf 100%);
  -webkit-background-clip:text;color:transparent;
}
.sb-mark:after{
  content:"";position:absolute;width:40px;height:8px;border-radius:50%;bottom:12px;
  background:linear-gradient(90deg,transparent,#8f33dc,#b94bff,transparent);
  transform:rotate(-6deg);
}
.sb-wordmark{font-family:'Rajdhani',sans-serif;font-size:28px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.sb-wordmark span{color:#9b42ff}
.sb-menu{display:flex;gap:8px;align-items:center}
.sb-menu a{text-decoration:none;color:var(--sb-muted);font-weight:600;padding:10px 14px;border-radius:999px;transition:.2s}
.sb-menu a:hover{color:#fff;background:rgba(255,255,255,.07)}
.sb-menu .sb-nav-cta{color:#fff;border:1px solid var(--sb-line);background:rgba(255,255,255,.055)}

.sb-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;min-height:calc(100vh - 104px);padding:54px 0 96px}
.sb-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--sb-gray);border:1px solid var(--sb-line);background:rgba(255,255,255,.045);border-radius:999px;padding:10px 15px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.sb-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#9a40ff;box-shadow:0 0 18px #9a40ff}
h1,h2,h3,h4{font-family:'Rajdhani',sans-serif;text-transform:uppercase}
.sb-hero h1{font-size:clamp(58px,8.4vw,126px);line-height:.83;letter-spacing:.02em;margin:26px 0 22px}
.sb-gradient{background:linear-gradient(90deg,#fff 0%,var(--sb-gray) 38%,#9a40ff 66%,#fff 100%);-webkit-background-clip:text;color:transparent}
.sb-lead{font-size:clamp(18px,2vw,22px);line-height:1.72;color:var(--sb-muted);max-width:720px;margin:0 0 34px}
.sb-actions{display:flex;gap:14px;flex-wrap:wrap}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:800;letter-spacing:.02em;transition:.2s}
.sb-btn-primary{background:linear-gradient(90deg,var(--sb-purple),#8d2bda,var(--sb-magenta));box-shadow:0 16px 45px rgba(69,0,113,.42);color:#fff}
.sb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(177,0,28,.28)}
.sb-btn-ghost{border:1px solid var(--sb-line);background:rgba(255,255,255,.05);color:#fff}
.sb-btn-ghost:hover{background:rgba(255,255,255,.10)}

.sb-visual{min-height:500px;border:1px solid var(--sb-line);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));position:relative;overflow:hidden;box-shadow:var(--sb-shadow)}
.sb-orbit{position:absolute;inset:54px;border-radius:50%;border:1px dashed rgba(217,220,227,.24);animation:spin 18s linear infinite}
.sb-orbit:nth-child(2){inset:92px;animation-duration:12s;animation-direction:reverse;border-color:rgba(154,64,255,.35)}
@keyframes spin{to{transform:rotate(360deg)}}
.sb-bigmark{position:absolute;inset:0;display:grid;place-items:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:260px;color:#fff;text-shadow:0 0 80px rgba(154,64,255,.45)}
.sb-bigmark:after{content:"";position:absolute;width:64%;height:22px;border-radius:50%;background:linear-gradient(90deg,transparent,#8030c5,#bd5cff,transparent);transform:translateY(74px) rotate(-7deg);filter:drop-shadow(0 0 22px rgba(154,64,255,.8))}
.sb-visual-card{position:absolute;left:24px;right:24px;bottom:24px;border:1px solid var(--sb-line);border-radius:24px;background:rgba(10,15,30,.72);backdrop-filter:blur(18px);padding:24px}
.sb-visual-card h3{font-size:34px;margin:0 0 8px;letter-spacing:.04em}.sb-visual-card p{color:var(--sb-muted);line-height:1.6;margin:0}

.sb-section{padding:92px 0}.sb-title{max-width:780px;margin-bottom:34px}.sb-title h2{font-size:clamp(38px,5vw,72px);line-height:.92;margin:0 0 14px}.sb-title p{color:var(--sb-muted);font-size:19px;line-height:1.72;margin:0}
.sb-product{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.sb-card{border:1px solid var(--sb-line);background:var(--sb-glass);border-radius:30px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.sb-card h3{font-size:42px;margin:0 0 12px}.sb-card p,.sb-feature p{color:var(--sb-muted);line-height:1.7}.sb-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sb-feature{border:1px solid var(--sb-line);background:rgba(255,255,255,.04);border-radius:24px;padding:24px}.sb-feature h4{font-size:24px;margin:0 0 8px;color:#fff}
.sb-concept{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sb-concept-item{border:1px solid var(--sb-line);border-radius:24px;background:rgba(255,255,255,.04);padding:24px}.sb-concept-item b{display:block;font-family:'Rajdhani';font-size:24px;text-transform:uppercase;margin-bottom:8px}.sb-concept-item p{color:var(--sb-muted);line-height:1.6;margin:0}
.sb-cta{text-align:center;border:1px solid var(--sb-line);border-radius:38px;padding:82px 28px;background:linear-gradient(135deg,rgba(69,0,113,.42),rgba(177,0,28,.18)),rgba(255,255,255,.04);box-shadow:var(--sb-shadow)}.sb-cta h2{font-size:clamp(40px,5vw,76px);line-height:.92;margin:0 0 18px}.sb-cta p{max-width:820px;margin:0 auto 30px;color:var(--sb-muted);font-size:20px;line-height:1.7}
.sb-footer{border-top:1px solid var(--sb-line);padding:34px 0;text-align:center;color:var(--sb-muted)}

@media(max-width:920px){.sb-menu a:not(.sb-nav-cta){display:none}.sb-hero,.sb-product{grid-template-columns:1fr}.sb-hero{min-height:auto;padding:34px 0 72px}.sb-visual{min-height:390px}.sb-bigmark{font-size:200px}.sb-concept{grid-template-columns:1fr 1fr}.sb-features{grid-template-columns:1fr}}
@media(max-width:560px){.sb-shell{width:min(100% - 32px,1180px)}.sb-wordmark{font-size:22px;letter-spacing:.12em}.sb-mark{width:42px;height:42px}.sb-hero h1{font-size:56px}.sb-actions .sb-btn{width:100%}.sb-visual{min-height:340px;border-radius:26px}.sb-bigmark{font-size:170px}.sb-concept{grid-template-columns:1fr}.sb-card,.sb-feature{padding:22px}.sb-section{padding:66px 0}}