/* Quinware v12 — tema claro premium + movimiento ambiental. 
   Este archivo sobreescribe la capa visual sin alterar la estructura funcional. */

:root{
  --qw-bg:#f4f8fd;
  --qw-bg-2:#edf4fb;
  --qw-surface:rgba(255,255,255,.82);
  --qw-surface-solid:#ffffff;
  --qw-ink:#0b1d33;
  --qw-text:#243a55;
  --qw-muted:#63758b;
  --qw-border:rgba(20,53,86,.11);
  --qw-blue:#0b78f2;
  --qw-blue-2:#5bb8ff;
  --qw-shadow:0 22px 70px rgba(31,72,112,.10);
}

html{background:var(--qw-bg);color-scheme:light!important}
body{
  position:relative;
  background:
    radial-gradient(circle at 14% 14%,rgba(83,171,255,.13),transparent 28%),
    radial-gradient(circle at 86% 32%,rgba(113,106,255,.08),transparent 25%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fc 48%,#f8fbff 100%);
  color:var(--qw-text);
  min-height:100vh;
}

/* Fondo animado global: deliberadamente lento y sutil. */
.ambient-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#f8fbff 0,#eef5fc 52%,#f8fbff 100%)}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.58;will-change:transform}
.ambient-orb--1{width:44vw;height:44vw;left:-12vw;top:-14vw;background:rgba(71,161,255,.20);animation:ambientFloatA 18s ease-in-out infinite alternate}
.ambient-orb--2{width:38vw;height:38vw;right:-10vw;top:22vh;background:rgba(119,104,255,.12);animation:ambientFloatB 22s ease-in-out infinite alternate}
.ambient-grid{position:absolute;inset:-20%;opacity:.28;background-image:linear-gradient(rgba(31,84,135,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,84,135,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%);animation:gridDrift 32s linear infinite}
@keyframes ambientFloatA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(9vw,8vh,0) scale(1.12)}}
@keyframes ambientFloatB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-8vw,10vh,0) scale(.94)}}
@keyframes gridDrift{to{transform:translate3d(72px,72px,0)}}

/* Splash solicitado: blanco, logo, 4s y transición limpia. */
.splash{background:#fff!important;transition:opacity .62s cubic-bezier(.22,.61,.36,1),visibility .62s!important}
.splash__logo{width:min(172px,31vw)!important;opacity:0!important;transform:scale(.92)!important;animation:qwLogoIn 1.15s .18s forwards cubic-bezier(.16,1,.3,1)!important}
.splash.is-leaving .splash__logo{animation:qwLogoOut .62s forwards cubic-bezier(.4,0,.2,1)!important}
@keyframes qwLogoIn{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}
@keyframes qwLogoOut{to{opacity:0;transform:scale(1.045)}}

/* Zoom-in de la página al salir del splash. */
body.intro-pending #main,
body.intro-pending .site-header,
body.intro-pending .site-footer{opacity:.01;transform:scale(.965);transform-origin:50% 14%;filter:blur(5px)}
#main,.site-header,.site-footer{transition:opacity .78s cubic-bezier(.16,1,.3,1),transform .88s cubic-bezier(.16,1,.3,1),filter .78s ease}
body.page-ready #main,
body.page-ready .site-header,
body.page-ready .site-footer{opacity:1;transform:scale(1);filter:none}

/* Header claro. */
.site-header{color:var(--qw-ink)!important}
.site-header .brand,.site-header .desktop-nav a{color:var(--qw-ink)!important}
.site-header .desktop-nav a{opacity:.72}
.site-header .desktop-nav a:hover{opacity:1;color:var(--qw-blue)!important}
.site-header.is-scrolled .nav-shell{
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(25,66,105,.10)!important;
  box-shadow:0 14px 46px rgba(31,72,112,.11)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
}
.icon-button,.menu-btn{border-color:rgba(14,46,79,.15)!important;background:rgba(255,255,255,.72)!important;color:var(--qw-ink)!important}
.menu-btn span{background:var(--qw-ink)!important}
.mobile-menu{background:rgba(255,255,255,.95)!important;border:1px solid var(--qw-border)!important;box-shadow:var(--qw-shadow)!important}
.mobile-menu a{color:var(--qw-text)!important;border-color:rgba(14,46,79,.08)!important}
.header-cta{background:linear-gradient(135deg,#1487ff,#0569df)!important;box-shadow:0 12px 32px rgba(11,120,242,.22)!important}

/* Hero claro sin cambiar su estructura. */
.hero{
  background:#f5f9fe!important;
  color:var(--qw-ink)!important;
}
.hero-bg{
  background:
    radial-gradient(circle at 78% 25%,rgba(39,142,255,.15),transparent 26%),
    linear-gradient(90deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.95) 34%,rgba(248,252,255,.50) 60%,rgba(248,252,255,.83) 100%),
    url('../images/generated/caso-robotica.jpg') center/cover no-repeat!important;
  filter:saturate(.72) brightness(1.08)!important;
  transform:scale(1.04)!important;
  animation:heroBreath 16s ease-in-out infinite alternate!important;
}
@keyframes heroBreath{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-.8%,.4%,0)}}
.hero::after{background:linear-gradient(180deg,transparent,rgba(244,248,253,.92))!important}
.eyebrow--dark{color:#55708f!important}
.hero-copy h1{color:#0b1d33!important;text-shadow:none!important}
.hero-copy h1 span{color:#1684f7!important}
.hero-lead{color:#415873!important}
.hero-points li{color:#18314d!important}
.btn-video{color:#15324f!important;border-color:rgba(18,54,91,.23)!important;background:rgba(255,255,255,.66)!important;backdrop-filter:blur(12px)}
.play{border-color:rgba(18,54,91,.23)!important}
.hero-mini-proof strong{color:#18314d!important}.hero-mini-proof small{color:#71839a!important}
.avatar-stack span{border-color:#f7fbff!important}
.hero-stats{color:#18314d!important;border-top-color:rgba(20,53,86,.12)!important}
.hero-stats>div{border-left-color:rgba(20,53,86,.11)!important}
.hero-stats span{color:#73849a!important}

/* Mantener el dashboard como objeto oscuro para contraste visual. */
.dashboard-window{box-shadow:0 30px 100px rgba(31,65,101,.20)!important}

/* Superficies claras y ligeramente translúcidas. */
.trust-strip,.section-light,.results-section,.integrations-section,.process-section,.ai-section{
  background:rgba(247,251,255,.78)!important;
  backdrop-filter:blur(2px);
}
.trust-strip{border-color:rgba(18,54,91,.08)!important}
.solution-card,.results-main,.quote-card,.integration-panel,.security-panel,.process-grid article{
  background:rgba(255,255,255,.84)!important;
  border-color:rgba(28,70,108,.10)!important;
  box-shadow:0 16px 46px rgba(31,72,112,.08)!important;
}
.solution-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease!important}
.solution-card:hover{transform:translateY(-5px);box-shadow:0 24px 64px rgba(31,72,112,.13)!important;border-color:rgba(20,126,240,.20)!important}
.industry-card{transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease!important}
.industry-card:hover{transform:translateY(-5px) scale(1.008);box-shadow:0 24px 60px rgba(28,65,100,.18)!important}

/* Contacto también en tema claro. */
.contact-section{background:linear-gradient(135deg,rgba(240,247,254,.96),rgba(250,252,255,.98))!important;color:var(--qw-text)!important;border-top:1px solid rgba(26,65,104,.08)}
.contact-copy h2{color:var(--qw-ink)!important}.contact-copy p{color:var(--qw-muted)!important}.section-kicker--light{color:#147ef0!important}
.contact-note{background:rgba(19,126,242,.055)!important;border-left-color:#147ef0!important}.contact-note span{color:#61768d!important}
.contact-form{background:rgba(255,255,255,.82)!important;border-color:rgba(24,65,105,.10)!important;box-shadow:var(--qw-shadow)!important}
.contact-form label span{color:#536981!important}.contact-form input,.contact-form select,.contact-form textarea{background:#fff!important;color:var(--qw-ink)!important;border-color:rgba(24,65,105,.14)!important}
.contact-form select option{color:var(--qw-ink)!important}
.form-status.is-ok{color:#087c56!important}.form-status.is-error{color:#c43d3d!important}

/* Footer claro. */
.site-footer{background:#edf4fb!important;color:var(--qw-ink)!important;border-top:1px solid rgba(20,53,86,.08)!important}
.footer-main{border-bottom-color:rgba(20,53,86,.09)!important}.footer-main a{color:#536981!important}.footer-brand p{color:#304963!important}.footer-brand small,.footer-bottom{color:#74869a!important}

/* Reducir movimiento cuando el sistema operativo lo solicita. */
@media(prefers-reduced-motion:reduce){
  .ambient-orb,.ambient-grid,.hero-bg{animation:none!important}
  body.intro-pending #main,body.intro-pending .site-header,body.intro-pending .site-footer{filter:none;transform:none}
}

@media(max-width:980px){
  .site-header{color:var(--qw-ink)!important}
  .hero-bg{background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(248,252,255,.82)),url('../images/generated/caso-robotica.jpg') 62% center/cover no-repeat!important}
}

@media(max-width:680px){
  .ambient-orb--1{width:85vw;height:85vw}.ambient-orb--2{width:78vw;height:78vw}
  .hero-bg{background:linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.94) 52%,rgba(248,252,255,.72) 100%),url('../images/generated/caso-robotica.jpg') 64% center/cover no-repeat!important}
  .hero-copy h1{line-height:.91!important}
}