/* Logio — hoja de estilos del sitio público */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{overflow-x:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#fff;background-color:#0D1117;background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(91,43,255,0.18) 0%,transparent 65%),radial-gradient(ellipse 60% 40% at 100% 30%,rgba(200,30,212,0.10) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 0% 80%,rgba(255,107,43,0.08) 0%,transparent 60%);-webkit-font-smoothing:antialiased;}
::selection{background:rgba(200,30,212,0.35);color:#fff;}
a{color:#C81ED4;}
a:hover{color:#FF6B2B;}

/* Nav */
.lg-header{position:sticky;top:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:all 220ms cubic-bezier(0.16,1,0.3,1);}
.lg-header.lg-scrolled{background:rgba(13,17,23,0.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:rgba(255,255,255,0.06);}
.lg-navlink{font-size:14px;font-weight:500;color:rgba(255,255,255,0.62);text-decoration:none;}
.lg-navlink:hover{color:#fff;}

/* Botones */
.lg-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font-family:inherit;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5B2BFF,#C81ED4);box-shadow:0 4px 24px rgba(91,43,255,0.45);text-decoration:none;transition:box-shadow 220ms,transform 220ms;}
.lg-btn-primary:hover{box-shadow:0 8px 32px rgba(91,43,255,0.55);transform:translateY(-1px);color:#fff;}
.lg-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;cursor:pointer;color:#fff;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);backdrop-filter:blur(12px);text-decoration:none;transition:background 220ms,border-color 220ms;}
.lg-btn-ghost:hover{background:rgba(37,211,102,0.12);border-color:rgba(37,211,102,0.4);color:#fff;}
.lg-btn-lg{padding:15px 28px;border-radius:14px;font-size:16px;}
.lg-btn-sm{padding:8px 14px;border-radius:10px;font-size:13px;}
.lg-btn-block{width:100%;padding:12px 22px;border-radius:10px;font-size:15px;}

/* Tarjetas de features */
.lg-fcard{position:relative;overflow:hidden;padding:28px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.09);backdrop-filter:blur(24px);border-radius:20px;transition:transform 300ms cubic-bezier(0.16,1,0.3,1),box-shadow 300ms,border-color 300ms;}
.lg-fcard:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.16);box-shadow:0 18px 50px rgba(0,0,0,0.35);}
.lg-fcard:hover [data-sheen]{opacity:1 !important;}
.lg-fcard:hover [data-beam]{opacity:1 !important;}

/* Footer y enlaces */
.lg-flink{font-size:13px;color:rgba(255,255,255,0.72);text-decoration:none;}
.lg-flink:hover{color:#fff;}
.lg-social{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.03);text-decoration:none;transition:color 200ms,border-color 200ms;}
.lg-social:hover{color:#fff;border-color:rgba(255,255,255,0.22);}
.lg-phone{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,0.78);text-decoration:none;margin-bottom:20px;}
.lg-phone:hover{color:#fff;}

/* Efectos */
@keyframes lg-gradient-shift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
[data-gradtext]{background-size:200% auto !important;animation:lg-gradient-shift 5s ease-in-out infinite;}
@keyframes lg-float-a{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(40px,-30px) scale(1.08);}66%{transform:translate(-25px,25px) scale(0.95);}}
@keyframes lg-float-b{0%,100%{transform:translate(0,0) scale(1);}40%{transform:translate(-35px,20px) scale(1.1);}75%{transform:translate(30px,-20px) scale(0.92);}}
[data-orb-a]{animation:lg-float-a 14s ease-in-out infinite;}
[data-orb-b]{animation:lg-float-b 18s ease-in-out infinite;}
@keyframes lg-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.28),0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.35);}70%{box-shadow:0 0 0 12px rgba(255,255,255,0),0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.35);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.35);}}
[data-wa-fab]{animation:lg-pulse 2.4s ease-out infinite;transition:transform 220ms;}
[data-wa-fab]:hover{transform:scale(1.08);}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 700ms cubic-bezier(0.16,1,0.3,1),transform 700ms cubic-bezier(0.16,1,0.3,1);}
[data-reveal].lg-in{opacity:1;transform:translateY(0);}
@keyframes lg-marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
[data-marquee]{animation:lg-marquee 26s linear infinite;}
[data-marquee]:hover{animation-play-state:paused;}
#lg-progress{position:fixed;top:0;left:0;height:3px;width:0%;z-index:100;background:linear-gradient(90deg,#5B2BFF,#C81ED4,#FF6B2B);box-shadow:0 0 12px 2px rgba(91,43,255,0.6),0 0 24px 4px rgba(255,107,43,0.35);border-radius:0 999px 999px 0;pointer-events:none;}
#lg-cursor{position:fixed;top:0;left:0;width:26px;height:26px;border-radius:50%;pointer-events:none;z-index:99;transform:translate(-50%,-50%);border:1px solid rgba(200,30,212,0.35);box-shadow:0 0 10px 1px rgba(91,43,255,0.22);transition:width 250ms ease,height 250ms ease,border-color 250ms ease,opacity 250ms ease;opacity:0;}
#lg-cursor.lg-on{opacity:1;}
#lg-cursor.lg-big{width:40px;height:40px;border-color:rgba(255,107,43,0.45);box-shadow:0 0 14px 2px rgba(255,107,43,0.2);}
[data-tilt]{transform-style:preserve-3d;will-change:transform;transition:transform 300ms cubic-bezier(0.16,1,0.3,1);}

/* Responsive */
@media (max-width:900px){
  [data-grid3]{grid-template-columns:1fr !important;}
  [data-showcase]{grid-template-columns:1fr !important;gap:32px !important;}
  [data-sc-text]{order:1 !important;}
  [data-sc-vis]{order:2 !important;}
  [data-footer]{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:768px){
  [data-headline]{font-size:40px !important;}
  [data-sectiontitle]{font-size:28px !important;}
  [data-ctatitle]{font-size:34px !important;}
  [data-container]{padding:0 20px !important;}
  [data-section]{padding:80px 0 !important;}
  [data-nav-links]{display:none !important;}
}
@media (max-width:540px){ [data-footer]{grid-template-columns:1fr !important;} }
@media (prefers-reduced-motion:reduce),(pointer:coarse){ #lg-cursor{display:none !important;} }
@media (prefers-reduced-motion:reduce){
  [data-gradtext],[data-orb-a],[data-orb-b],[data-wa-fab],[data-marquee]{animation:none !important;}
  [data-reveal]{opacity:1 !important;transform:none !important;transition:none !important;}
  [data-tilt]{transform:none !important;}
}

/* Tablet y celular */
@media (max-width:1024px){
  [data-nav-links]{display:none !important;}
  [data-grid3][data-feat]{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:900px){
  [data-mock-side]{display:none !important;}
  [data-mock-pad]{padding:14px !important;}
  [data-mock-body]{min-height:0 !important;}
}
@media (max-width:640px){
  [data-grid3][data-feat]{grid-template-columns:1fr !important;}
  [data-mock-stats]{grid-template-columns:repeat(2,1fr) !important;}
  [data-mock-loc]{display:none !important;}
  [data-mock-row]{grid-template-columns:1fr auto auto !important;}
  [data-hero-logo]{height:88px !important;}
  [data-nav-logo]{height:36px !important;}
  [data-cta-box]{padding:44px 20px !important;}
}
@media (max-width:480px){
  [data-nav-login]{display:none !important;}
  [data-mock-url]{visibility:hidden;}
  [data-headline]{font-size:34px !important;}
  [data-ctatitle]{font-size:30px !important;}
}