/* SEVTESYS 2026 · Identidad visual recuperada de la web original: azules + partículas 3D */
:root {
  --ink:#F1F7FA; --night:#0B1019; --night2:#121B27; --muted:#A7BAC6;
  --line:#294055; --surface:#142535; --white:#F6FBFF;
  --mint:#19B8E6; --mint2:#75D8F4; --teal:#19B8E6; --blue:#19B8E6;
  --font:'Manrope',Arial,sans-serif; --display:'Sora','Manrope',Arial,sans-serif;
}
html {scroll-padding-top:85px}
body {background:#0D1420; color:var(--white)}
body::before {content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 28%,rgba(23,87,119,.23),transparent 55%),radial-gradient(ellipse at 17% 78%,rgba(27,65,100,.20),transparent 53%);z-index:0}
.legacy-particles {position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.9}
.legacy-particles canvas {width:100%;height:100%;display:block}
.site-header,.page-progress {z-index:90}
.site-header {background:rgba(12,19,30,.81);border-bottom:1px solid rgba(96,162,190,.22);backdrop-filter:blur(15px)}
.site-header.is-sticky {background:rgba(9,16,26,.96);border-bottom-color:rgba(76,163,204,.25)}
.nav a {color:#D4E3EC}
.nav a:hover,.nav a.active,.footer-column a:hover {color:var(--mint)}
.nav-cta {border-color:rgba(64,160,200,.42)}
.nav-cta:hover {border-color:var(--mint)}
main,.site-footer,.credibility {position:relative;z-index:2}
.hero {background:rgba(7,13,22,.33)}
.hero-image {
  background-image:linear-gradient(90deg,rgba(6,12,22,.91) 0%,rgba(6,12,22,.82) 38%,rgba(6,12,22,.25) 100%),linear-gradient(0deg,rgba(7,13,22,.86),transparent 35%),url('hero-tech.jpg');
  opacity:.66; background-position:50% 50%;
}
.hero-grid {opacity:.45}
.hero h1 {text-wrap:balance}
.squiggle:after {border-color:rgba(25,184,230,.78)}
.hero h1 span,.feature-details h3 em,.section-heading h2 span,.web-copy h2 span,.support-heading h2 span {color:var(--mint)}
.hero-content>p {color:#C0D1DF}
.eyebrow,.feature-intro,.kicker,.kicker-light,.support-tag {color:#89D7F1}
.live-dot,.chip-status {background:var(--mint);box-shadow:0 0 20px rgba(25,184,230,.65)}
.btn-accent,.browser-cta {background:var(--mint);color:#071723;box-shadow:0 8px 32px rgba(25,184,230,.18)}
.btn-accent:hover {background:#7EDAF3}
.btn-ghost:hover {border-color:var(--mint)}
.hero-ui {background:rgba(10,23,38,.90);border-color:rgba(54,165,211,.45);box-shadow:0 20px 90px rgba(0,0,0,.55),0 0 46px rgba(25,184,230,.12)}
.ui-code b,.ui-status,.code-running,.chip-icon {color:var(--mint)}
.floating-chip {background:rgba(11,30,46,.91);border-color:rgba(25,184,230,.36);color:#D8F2FF}
.orbit {border-color:rgba(25,184,230,.27)}
.hero-bottom {background:rgba(7,15,23,.22)}
.credibility {background:rgba(12,23,37,.83);border-block:1px solid rgba(81,136,167,.30)}
.credibility strong {color:#F4F8FC}
.credibility span {color:#A3B5C5}
.credibility i {background:#314B61}
.section {color:#EDF5FA}
.feature {background:rgba(12,21,33,.48)}
.section-heading>p,.feature-details>p,.web-copy>p {color:#B3C2CF}
.feature-details h3 {color:#EFF7FC}
.feature-list-item {border-bottom-color:#284053}
.feature-list-item strong {color:#EAF5FD}
.feature-list-item span {color:#A5BDCB}
.feature-list-item .number {color:var(--mint)}
.text-link {color:#66D0F1;border-bottom-color:#66D0F1}
.text-link:hover {color:#C6F1FF}
.dark-section {background:rgba(7,14,25,.80)}
.dark-section:before {background:radial-gradient(circle,rgba(13,128,187,.15),transparent 70%)}
.section-heading-dark h2 span {color:var(--mint)}
.section-heading-dark>p {color:#A8BCC9}
.service-card {background:rgba(21,39,57,.88);border-color:#305069;box-shadow:0 9px 27px rgba(2,10,20,.18)}
.service-card:hover {background:rgba(25,52,74,.95);border-color:var(--mint)}
.service-card-main {background:linear-gradient(140deg,rgba(22,105,149,.98),rgba(13,58,85,.97));border-color:#1EB5E2;color:#FFFFFF}
.service-card-main:hover {background:linear-gradient(140deg,#187DAD,#104F72);border-color:#76DDFC}
.service-top,.service-card-main .service-top {color:#B0D6E6}
.service-symbol,.service-card-main .service-symbol {color:#4DC5EB}
.service-card p,.service-card-main p {color:#BBD2E0}
.service-more,.service-card-main .service-more {color:#8ADFF8}
.web-section {background:rgba(17,31,47,.62)}
.web-copy h2 {color:#F1F7FB}
.web-art:before {background:radial-gradient(circle,rgba(20,153,208,.17),transparent 66%)}
.browser-window {border-color:#25445A;box-shadow:0 24px 65px rgba(0,0,0,.4)}
.browser-top {background:#1A3447;color:#A6CDD9}
.browser-dots {color:#52B4D9}
.browser-content {background:radial-gradient(circle at 85% 50%,#145C89,#0E2942 55%,#0B192A)}
.browser-content em {color:#49CEF8}
.browser-mesh {border-color:rgba(33,171,232,.4)}
.support-section {background:rgba(9,20,33,.67)}
.support-card,.support-card-accent {background:rgba(23,41,59,.91);border:1px solid #32526A;color:#F5FAFC;box-shadow:0 15px 40px rgba(1,6,12,.12)}
.support-ico {background:#163F56;color:#62D0F3}
.support-card p {color:#B1C9D5}
.support-card li {color:#E1EDF4}
.support-card li:before {color:#45C8F0}
.events-image:after {background:linear-gradient(90deg,rgba(7,13,22,.97) 0%,rgba(7,13,22,.87) 28%,rgba(7,13,22,.50) 70%,rgba(7,13,22,.32))}
.events-panel h2 span {color:var(--mint)}
.method-section {background:rgba(14,27,41,.66)}
.method-card {background:rgba(22,40,56,.91);border-color:#35546D;color:#F3F9FC}
.method-index,.method-card>.i {color:#5FCDF0}
.method-card p {color:#AABFCE}
.history-section {background:rgba(8,17,29,.68)}
.history-year,.timeline-item>span,.history-seal span {color:var(--mint)}
.timeline-item:before {background:var(--mint);box-shadow:0 0 0 5px rgba(25,184,230,.13)}
.history-intro h2 span {color:#89D7F1}
.contact-section {background:rgba(8,19,31,.72)}
.contact-section:before {background:radial-gradient(circle,rgba(25,184,230,.13),transparent 70%)}
.contact-copy h2 span {color:var(--mint)}
.contact-icon {color:#5DD3F4}
.contact-form-wrap {background:#16283B;color:#F4FAFF;border:1px solid #365A70;box-shadow:0 25px 85px rgba(0,0,0,.28)}
.contact-form-wrap h3 {color:#F5FAFD}
.contact-form-wrap>p,.form-note,.form-note span {color:#B6CBD7}
.form-head,.form-star {color:#61D1EF}
form label {color:#D9E9F1}
form label>span {color:#68CDEC}
input,textarea,select {background:#0D1C2D;color:#F4FAFD;border-color:#355269}
input:focus,textarea:focus,select:focus {border-color:#19B8E6;box-shadow:0 0 0 3px rgba(25,184,230,.13)}
input::placeholder,textarea::placeholder {color:#839CAC}
.form-feedback {color:#7BE3F9}
.form-feedback.error {color:#FFA3A3}
.site-footer {background:rgba(7,14,25,.95);border-top-color:#29465B}
.footer-column strong {color:#69D2F3}
.footer-bottom a {color:#85E0F9}
/* Accesibilidad y escenas de bajo rendimiento */
@media(max-width:680px){
 .legacy-particles {opacity:.64}
 .hero-image {opacity:.60;background-position:60% center}
 .feature,.web-section,.support-section,.method-section {background:rgba(11,23,36,.80)}
}
@media(prefers-reduced-motion:reduce){.legacy-particles {opacity:.35}}