/*
 * Klyvora Technology — Earth Experience
 * Shared progressive visual layer across ALL original RAR pages.
 * Base site CSS, JS, Cloudflare Worker, quote form, privacy and paths remain intact.
 */
:root{
  --bg:#050a15;
  --panel:#0b182b;
  --line:#244663;
  --text:#f5f8ff;
  --muted:#a7bad0;
  --cyan:#4cd8fb;
  --blue:#1975ff;
  --experience-card:linear-gradient(145deg,#10243d 0%,#0a172a 72%,#091323 100%);
  --experience-border:rgba(91,172,231,.22);
  --experience-shadow:0 28px 76px rgba(0,0,0,.22);
}
html{scroll-padding-top:110px}
body{background:radial-gradient(ellipse at 85% 7%,rgba(12,50,89,.17),transparent 33%),#050a15;color:#f5f8ff;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:#1578eb;color:white}
.container{width:min(1260px,calc(100% - 88px))}
a,button,summary,input,select,textarea{touch-action:manipulation}
img{max-width:100%}
/* Global navigation: leave all original menu links and theme controls functional. */
.header{position:sticky;top:0;z-index:90;background:rgba(4,11,24,.94);border-bottom:1px solid rgba(116,178,226,.17);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 36px rgba(0,0,0,.10)}
.nav{min-height:78px;gap:18px}
.brand{display:flex;align-items:center;min-width:193px;gap:1px;flex-shrink:0}
.brand img{display:block;object-fit:contain;width:75px!important;height:53px!important;max-width:none;filter:drop-shadow(0 0 12px rgba(0,168,255,.24))}
.klyvora-wordmark{display:flex;flex-direction:column;font-family:'Space Grotesk',sans-serif;font-size:19px;letter-spacing:.10em;line-height:1.05;font-weight:700;color:#f5f9ff;white-space:nowrap;margin-left:-3px}
.klyvora-wordmark small{font-family:'DM Sans',sans-serif;font-size:8px;font-weight:700;letter-spacing:.36em;line-height:1.4;margin-top:3px;color:#a9c9df}
.menu{gap:clamp(8px,1.15vw,20px);justify-content:flex-end;flex:1}
.menu>a{font-size:11px;font-weight:700;line-height:1.35;color:#d5e5f3;white-space:nowrap;transition:color .2s}
.menu>a:hover,.menu>a:focus-visible{color:#7ce9ff}
.menu .nav-cta{background:linear-gradient(110deg,#0d9bdb,#176bfd);border:1px solid #2baffb;color:white;box-shadow:0 9px 32px rgba(12,103,233,.23);padding:12px 17px;border-radius:10px}
.menu .nav-cta:hover{background:#278cff;color:white}
.theme-toggle{flex-shrink:0}
.header:has(.menu.open){box-shadow:0 12px 48px #0007}
/* Typography, CTAs, and section rhythm. */
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif}
h1{font-weight:600;letter-spacing:-.063em}
h2{font-weight:600;letter-spacing:-.05em}
h2 span{color:#5acfeb}
.eyebrow,.kicker,.maintenance-label,.business-eyebrow{font-family:'DM Sans',sans-serif;letter-spacing:.17em;font-weight:800;color:#70dafe}
.btn{border-radius:10px;min-height:50px;align-items:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn:focus-visible{outline:2px solid #80e7ff;outline-offset:4px}
.btn-primary{background:linear-gradient(120deg,#21c9ed 0%,#166df7 98%);border:1px solid rgba(93,223,255,.9);box-shadow:0 10px 35px rgba(15,104,247,.24);color:#06172a}
.btn-primary:hover{box-shadow:0 15px 43px rgba(0,141,255,.34)}
.btn-ghost{background:rgba(9,26,47,.62);border:1px solid rgba(105,175,231,.47);color:#f1f9ff}
.btn-ghost:hover{border-color:#76e0ff;background:rgba(22,58,91,.82)}
.section{padding:100px 0}
.section-top{gap:45px;align-items:end}
.section-top h2{line-height:1.12}
.section-top>p{max-width:410px;color:#a8bfd5}
/* HOMEPAGE — photographic Earth fills the full canvas, no rectangular image seam. */
body[data-klyvora-page="home"] .hero{
  isolation:isolate;
  min-height:725px;
  background:radial-gradient(ellipse at 69% 53%,rgba(15,85,160,.15),transparent 55%),#050914;
}
body[data-klyvora-page="home"] .hero::before{
  content:'';position:absolute;z-index:0;inset:0;
  background-image:
    linear-gradient(90deg,#050914 0%,rgba(5,9,20,.98) 16%,rgba(5,9,20,.9) 32%,rgba(5,9,20,.54) 55%,rgba(5,9,20,.14) 74%,rgba(5,9,20,.02) 100%),
    radial-gradient(circle at 78% 36%,rgba(38,123,229,.23) 0%,rgba(13,74,143,.16) 23%,transparent 54%),
    radial-gradient(circle at 83% 62%,rgba(13,64,118,.18) 0%,transparent 48%),
    linear-gradient(0deg,#050914 0%,transparent 17%);
  background-position:center,center,center,center;
  background-size:cover,cover,cover,cover;
  background-repeat:no-repeat;
  pointer-events:none;
}
body[data-klyvora-page="home"] .hero::after{
  content:'';position:absolute;z-index:0;inset:0;
  pointer-events:none;
  background:radial-gradient(1px 1px at 6% 16%,#81cfff 98%,transparent),radial-gradient(1px 1px at 24% 75%,#ccefff 98%,transparent),radial-gradient(1px 1px at 44% 9%,#7fbfff 98%,transparent);
  background-size:255px 235px;opacity:.17;
}
body[data-klyvora-page="home"] .hero-glow{z-index:0;background-image:none;opacity:0}
body[data-klyvora-page="home"] .hero-grid{
  position:relative;z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  min-height:725px;gap:12px;padding-top:52px;padding-bottom:70px;
}
body[data-klyvora-page="home"] .hero-copy{position:relative;z-index:3;max-width:720px}
body[data-klyvora-page="home"] .hero h1{font-size:clamp(61px,6vw,94px);font-weight:600;line-height:1.05;letter-spacing:-.071em;max-width:720px;margin:27px 0 27px;text-shadow:0 9px 35px rgba(0,0,0,.26)}
body[data-klyvora-page="home"] .hero h1 em{background:linear-gradient(100deg,#35d5f7 14%,#84d8ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
body[data-klyvora-page="home"] .hero .eyebrow{padding:8px 13px;background:rgba(11,48,79,.44);border-color:rgba(104,196,248,.38);font-size:10px;letter-spacing:.13em}
body[data-klyvora-page="home"] .hero .lead{color:#cbd9e7;font-size:16px;line-height:1.83;max-width:570px}
body[data-klyvora-page="home"] .hero .actions{margin-top:30px}
body[data-klyvora-page="home"] .hero-proof{color:#a6c6da;letter-spacing:.015em;gap:20px;margin-top:58px;font-size:12px}
body[data-klyvora-page="home"] .hero-proof span{display:inline-flex;align-items:center;gap:5px}
body[data-klyvora-page="home"] .klyvora-earth-visual{min-height:570px;pointer-events:none;opacity:1;background:none;position:relative}
body[data-klyvora-page="home"] .earth-orbit-hint{position:absolute;width:12px;height:12px;top:18%;right:14%;border-radius:50%;background:rgba(64,201,255,.7);box-shadow:0 0 34px 8px rgba(29,138,255,.4)}
body[data-klyvora-page="home"] .earth-signal{position:absolute;width:5px;height:5px;border-radius:50%;background:#aaf4ff;box-shadow:0 0 18px 5px rgba(47,201,255,.8)}
body[data-klyvora-page="home"] .earth-signal-one{right:45%;top:37%}
body[data-klyvora-page="home"] .earth-signal-two{right:30%;bottom:29%}
/* No original quick links are thrown away: render them beneath the hero. */
.klyvora-shortcuts{position:relative;z-index:2;padding:24px 0 28px;background:#071324;border-bottom:1px solid rgba(88,162,220,.25)}
.klyvora-shortcuts .container{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px}
.shortcuts-header{display:grid;gap:3px}
.shortcuts-header span{font-size:9px;font-weight:800;letter-spacing:.19em;color:#6edafb}
.shortcuts-header strong{font:600 17px 'Space Grotesk',sans-serif;color:#eff7ff}
.klyvora-shortcuts .solutions-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.klyvora-shortcuts .solutions-item{padding:12px 11px;border:1px solid rgba(79,154,213,.29);background:linear-gradient(140deg,#0b253e,#0a192d);border-radius:12px;min-width:0;gap:9px;min-height:66px}
.klyvora-shortcuts .solutions-icon{width:34px;height:34px;min-width:34px;border-radius:9px;font-size:15px;background:rgba(16,99,138,.38)}
.klyvora-shortcuts .solutions-item-copy strong{font-size:11px;line-height:1.3}
.klyvora-shortcuts .solutions-item-copy small{font-size:10px;line-height:1.45}
.klyvora-shortcuts .solutions-arrow{opacity:1;font-size:16px}
.ticker{background:#07182a;border-color:rgba(80,144,198,.19)}
.ticker-inner{padding:14px 0;color:#a4c4dc}
/* Homepage service grid: featured laptop card, varied composition, careful readability. */
.services{gap:15px}
body[data-klyvora-page="home"] #servicios .services{grid-template-columns:repeat(3,minmax(0,1fr))}
.service,.maintenance-card,.guide-card,.price-card,.use-case,.business-card,.seo-card{
  background:var(--experience-card);border:1px solid var(--experience-border);
  border-radius:17px;box-shadow:0 12px 35px rgba(0,0,0,.08);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.service:hover,.maintenance-card:hover,.guide-card:hover,.price-card:hover,.business-card:hover{transform:translateY(-4px);border-color:rgba(93,210,250,.67);box-shadow:var(--experience-shadow)}
.service{padding:28px 26px;min-height:315px}
.service-no{color:#7090af;font-weight:800;letter-spacing:.1em}
.service h3{font-weight:600;letter-spacing:-.04em;font-size:clamp(20px,2vw,25px)}
.service p{font-size:14px;line-height:1.72;color:#a5bed5}
.service-icon{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border:1px solid rgba(67,172,236,.38);border-radius:14px;background:linear-gradient(155deg,#0e395b,#10213d);font-size:32px;line-height:1;margin-bottom:28px;color:#66d8ff}
.service a{color:#6fdfff}
body[data-klyvora-page="home"] #servicios .service:first-child{grid-column:span 2;min-height:375px;background-image:linear-gradient(90deg,rgba(8,21,39,.96) 0%,rgba(8,21,39,.94) 40%,rgba(8,21,39,.25) 100%),url('assets/laptop-realista.webp');background-position:center,right center;background-size:cover,auto 104%;background-repeat:no-repeat}
body[data-klyvora-page="home"] #servicios .service:first-child h3,body[data-klyvora-page="home"] #servicios .service:first-child p{max-width:56%}
body[data-klyvora-page="home"] #servicios .service:first-child a{max-width:max-content}
/* Secondary home sections, pricing, quote, process and credibility. */
#casos,#clientes,.faq-section{background:linear-gradient(180deg,#071322,#09182c)}
.method{background:linear-gradient(130deg,#081b2d,#081425);border-block:1px solid rgba(94,159,213,.21)}
.about-visual{background:radial-gradient(ellipse at 45% 38%,#18568d,#0b213a 47%,#071324 84%);border:1px solid rgba(84,181,241,.32);border-radius:22px}
.step{border-color:rgba(95,150,199,.22)}
.step>span{color:#55d7fb}
.price-card{overflow:hidden}
.quote-intro,.quote-form{background:linear-gradient(145deg,#0e2741,#091827);border-color:rgba(84,159,217,.35);box-shadow:0 14px 38px rgba(0,0,0,.13)}
.quote-form select,.quote-form input[type=text],.quote-form textarea{background:#10263e;color:#f6fbff;border-color:#335b7a}
.quote-form .btn-primary{width:max-content;max-width:100%}
.quote-form [hidden],.guide-card[hidden],.service[data-guide-card][hidden]{display:none!important}
.faq details{border-color:rgba(92,152,206,.28)}
.faq summary:hover{color:#87e4ff}
.coverage-panel{background:linear-gradient(130deg,#0e243a,#091729);border:1px solid rgba(93,168,219,.26);border-radius:20px}
.contact{background:radial-gradient(ellipse at 85% 30%,rgba(9,82,162,.20),transparent 65%)}
.contact-panel{background:linear-gradient(140deg,#102a46,#081a30 68%,#081527);border-color:rgba(73,158,234,.5);box-shadow:0 22px 77px rgba(0,80,178,.10)}
.contact-aside{border-color:rgba(91,151,211,.32)}
/* Shared cinematic page intros; each service keeps its original useful CTA and details. */
.seo-hero,.maintenance-hero,.business-hero,.guide-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse 60% 95% at 84% 41%,rgba(14,84,158,.37),transparent 72%),linear-gradient(120deg,#050b18,#071a30 69%,#0a2541);
  border-bottom:1px solid rgba(94,166,222,.22);
}
.seo-hero::before,.maintenance-hero::before,.business-hero::before,.guide-hero::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,10,23,.96),rgba(5,12,26,.42) 75%),url('assets/earth-night-premium.webp');
  background-repeat:no-repeat;background-size:cover,auto 135%;background-position:center,115% center;opacity:.40;
}
.seo-hero::after,.maintenance-hero::after,.business-hero::after,.guide-hero::after{
  content:'';position:absolute;z-index:-1;right:-14%;top:-65%;width:65%;aspect-ratio:1;
  border:1px solid rgba(81,181,247,.2);border-radius:50%;box-shadow:0 0 90px rgba(11,115,221,.13),inset 0 0 80px rgba(5,91,197,.1);pointer-events:none;
}
.seo-hero{padding:84px 0 94px}
.seo-hero-grid{gap:clamp(26px,5vw,80px)}
.seo-hero h1,.business-hero h1,.guide-hero h1,.maintenance-hero h1{font-size:clamp(43px,5vw,77px);line-height:1.08;letter-spacing:-.065em;font-weight:600;color:#f6f9ff}
.seo-hero .eyebrow{border-color:rgba(83,168,228,.4);background:rgba(9,44,76,.6);color:#7fdfff}
.seo-hero .seo-lead,.maintenance-hero p,.business-hero p,.guide-hero p{color:#b9cde1;line-height:1.78}
.seo-highlight{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(83,179,242,.48);background:linear-gradient(145deg,rgba(13,45,78,.93),rgba(7,24,45,.96));box-shadow:0 25px 80px rgba(2,48,108,.24)}
.seo-highlight::before{content:'';position:absolute;right:-65px;top:-65px;width:245px;height:245px;border:1px solid rgba(107,216,255,.25);border-radius:50%;box-shadow:0 0 65px rgba(25,113,221,.17);pointer-events:none}
.seo-highlight .seo-email-icon{color:#55d5ff;text-shadow:0 0 28px rgba(23,163,248,.35)}
.seo-highlight small{color:#a5b9cd}
.seo-feature{border-color:rgba(107,177,232,.22)}
.seo-card,.seo-alt .service{background:var(--experience-card)}
.service-scope-note{max-width:795px;color:#adc8df;font-size:14px}
.maintenance-hero,.business-hero{padding-top:95px;padding-bottom:95px}
.maintenance-hero .container,.business-hero .container{position:relative;z-index:2}
.maintenance-hero h1,.business-hero h1{max-width:830px}
.maintenance-hero p,.business-hero p{max-width:780px}
.maintenance-section{padding-top:90px;padding-bottom:90px}
.maintenance-grid,.business-grid{gap:18px}
.maintenance-card{padding:29px}
.maintenance-card p,.maintenance-card li{color:#b4cadc}
.maintenance-card h3{color:#f3faff}
/* Guide index: filters, genuinely functional search, rich editorial cards. */
.guide-hero{padding:86px 0 83px;background:linear-gradient(140deg,#050b18,#0a2443)}
.guide-hero h1{max-width:920px}
.guide-hero p{max-width:880px;color:#bad0e5}
.experience-guide-search{margin-top:32px;width:min(820px,100%);position:relative;z-index:2}
.experience-guide-search label{display:block;font-size:11px;font-weight:800;color:#88e2ff;letter-spacing:.12em;margin-bottom:11px}
.guide-search-input{display:flex;align-items:center;gap:10px;border:1px solid rgba(110,194,248,.41);background:rgba(8,29,52,.86);padding:0 15px;border-radius:12px;box-shadow:0 8px 28px #0002}
.guide-search-input span{font-size:25px;color:#73dbff}
.guide-search-input input{flex:1;min-width:0;min-height:54px;color:#eafaff;background:transparent;border:none;font:500 14px 'DM Sans',sans-serif;outline:none}
.guide-search-input input::placeholder{color:#8faecb}
.guide-search-input:focus-within{outline:2px solid #5bd9ff;outline-offset:2px}
.guide-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.guide-filter-chips button{border:1px solid #315d82;border-radius:999px;background:rgba(13,39,69,.65);color:#c2d9ec;font-weight:700;font-size:12px;padding:9px 15px;cursor:pointer}
.guide-filter-chips button.is-active,.guide-filter-chips button:hover{border-color:#5edcf9;background:#135b8a;color:#fff}
.guide-results{margin:8px 0 0!important;font-size:12px!important;color:#a6c9e4!important}
.guide-main{background:#06101f;padding:70px 0 95px}
.guide-grid{gap:18px}
.guide-card{position:relative;min-height:255px;background:linear-gradient(135deg,#112b47,#0b1a30);border-color:rgba(82,166,227,.31);padding:29px;overflow:hidden}
.guide-card::before{content:'↗';position:absolute;right:22px;top:15px;color:rgba(98,215,252,.52);font-size:30px}
.guide-card h2{font-size:22px;line-height:1.27;max-width:90%;color:#f5fbff}
.guide-card p{font-size:14px;color:#acc3d9}
.guide-card .guide-link{margin-top:auto;font-size:13px;color:#74e4ff}
body[data-klyvora-page="guides-list"] main .services .service{min-height:275px}
.guide-main .guide-layout{grid-template-columns:minmax(0,1fr) minmax(245px,310px);gap:55px}
.guide-body{max-width:800px;line-height:1.8}
.guide-body h2{font-size:clamp(25px,2.8vw,35px);color:#f5fbff;margin:42px 0 15px}
.guide-body p,.guide-body li{color:#b9cde1;font-size:16px;line-height:1.9}
.guide-body a{color:#66ddff;text-decoration-thickness:1px;text-underline-offset:3px}
.guide-body section{border-bottom:1px solid rgba(100,172,221,.11);padding-bottom:11px}
.guide-panel{border:1px solid rgba(99,177,230,.33);background:linear-gradient(140deg,#102943,#0a1c34);box-shadow:0 12px 40px #0003;padding:28px;top:103px}
.guide-cta{border-color:rgba(75,156,213,.35)}
.klyvora-breadcrumb,.klyvora-breadcrumbs{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:800;color:#84dfff;letter-spacing:.035em;line-height:1.4;margin-bottom:20px}
.klyvora-breadcrumb:hover,.klyvora-breadcrumbs a:hover{color:white}
.klyvora-breadcrumbs span{color:#bad8ef}
.klyvora-related{padding:65px 0 90px;border-top:1px solid rgba(82,145,199,.18);background:linear-gradient(180deg,#081727,#050d1b)}
.klyvora-related h2{font-size:clamp(28px,3vw,43px);margin:15px 0 28px}
.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.related-links a{min-height:97px;padding:22px;border-radius:13px;border:1px solid rgba(81,160,219,.3);background:linear-gradient(140deg,#10263f,#0a172a);display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:700;color:#cce6f7}
.related-links a:hover{border-color:#56d3fb;color:#fff;transform:translateY(-2px)}
/* Contact, footer and floating WhatsApp remain functional and visually consistent. */
.site-footer{background:#040a16;border-top:1px solid rgba(91,157,208,.2);padding:65px 0 35px}
.site-footer .footer-layout{gap:34px}
.site-footer .footer-brand strong{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:.04em}
.site-footer .footer-brand strong span{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:.23em;color:#74dfff}
.site-footer .footer-nav a{color:#abc2d8;font-size:12px}
.site-footer .footer-nav a:hover{color:#74dfff}
.site-footer .footer-social-icons a{background:rgba(14,45,76,.7);border-color:rgba(91,170,226,.37);border-radius:10px}
.wa-float{box-shadow:0 12px 36px rgba(0,0,0,.38),0 0 0 1px rgba(73,255,142,.21)}
/* Contact forms & privacy remain original: style only, never replace state/Turnstile. */
.klyvora-privacy{z-index:65}
/* Light mode: preserve original toggle and localStorage, but ensure readable cards/articles. */
html[data-theme="light"]{--bg:#eef5fb;--panel:#f7fbff;--line:#b8d1e3;--text:#102a43;--muted:#4e6881;--cyan:#087fa9;--blue:#0c65d6;--experience-card:linear-gradient(145deg,#fff,#f0f7fc);--experience-border:rgba(44,110,170,.22)}
html[data-theme="light"] body{background:#eef5fb;color:#102a43}
html[data-theme="light"] .header{background:rgba(4,11,24,.96)}
html[data-theme="light"] .header .menu>a{color:#d8e9f7}
html[data-theme="light"] .header .menu .nav-cta{color:white}
html[data-theme="light"] .hero,html[data-theme="light"] .hero h1,html[data-theme="light"] .hero .lead{color:#f6faff}
html[data-theme="light"] .hero h1 em{color:#6bdbff}
html[data-theme="light"] .hero .eyebrow{color:#8be9ff}
html[data-theme="light"] .klyvora-shortcuts{background:#f3f8fd;border-color:#c6ddec}
html[data-theme="light"] .shortcuts-header strong{color:#12324f}
html[data-theme="light"] .shortcuts-header span{color:#087ca7}
html[data-theme="light"] .klyvora-shortcuts .solutions-item{background:#fff;border-color:#c3d8e9}
html[data-theme="light"] .klyvora-shortcuts .solutions-item-copy strong{color:#1d3a55}
html[data-theme="light"] .klyvora-shortcuts .solutions-item-copy small{color:#52728d}
html[data-theme="light"] .service,html[data-theme="light"] .maintenance-card,html[data-theme="light"] .guide-card,html[data-theme="light"] .price-card{background:linear-gradient(145deg,#fff,#f0f7fc);border-color:#c4d9ea;color:#173650}
html[data-theme="light"] .service h3,html[data-theme="light"] .maintenance-card h3,html[data-theme="light"] .guide-card h2{color:#143552}
html[data-theme="light"] .service p,html[data-theme="light"] .maintenance-card p,html[data-theme="light"] .maintenance-card li,html[data-theme="light"] .guide-card p{color:#4f6c85}
html[data-theme="light"] body[data-klyvora-page="home"] #servicios .service:first-child{background-image:linear-gradient(90deg,rgba(244,249,253,.98) 0%,rgba(239,247,253,.96) 46%,rgba(240,248,255,.1) 100%),url('assets/laptop-realista.webp')}
html[data-theme="light"] .method,html[data-theme="light"] #casos,html[data-theme="light"] #clientes,html[data-theme="light"] .faq-section{background:#e7f2f9}
html[data-theme="light"] .seo-hero,html[data-theme="light"] .maintenance-hero,html[data-theme="light"] .business-hero,html[data-theme="light"] .guide-hero{color:#f7fbff}
html[data-theme="light"] .seo-hero h1,html[data-theme="light"] .maintenance-hero h1,html[data-theme="light"] .business-hero h1,html[data-theme="light"] .guide-hero h1{color:#fff}
html[data-theme="light"] .seo-highlight,html[data-theme="light"] .guide-panel{background:linear-gradient(135deg,#0f3154,#0a1b33);color:#ecfaff}
html[data-theme="light"] .guide-main{background:#f1f7fc;color:#133651}
html[data-theme="light"] .guide-body h2{color:#143c5b}
html[data-theme="light"] .guide-body p,html[data-theme="light"] .guide-body li{color:#395c77}
html[data-theme="light"] .klyvora-related{background:#e7f2fa}
html[data-theme="light"] .related-links a{background:#fff;color:#1b4765;border-color:#bfd7e8}
html[data-theme="light"] .quote-intro,html[data-theme="light"] .quote-form{background:#fff;color:#1c3b57;border-color:#bdd4e7}
html[data-theme="light"] .quote-form select,html[data-theme="light"] .quote-form input[type=text],html[data-theme="light"] .quote-form textarea{background:#f5faff;color:#183a55;border-color:#9ebfd7}
html[data-theme="light"] .site-footer{background:#e2edf6}
html[data-theme="light"] .site-footer .footer-brand strong,html[data-theme="light"] .site-footer .footer-nav a{color:#19425d}
html[data-theme="light"] .contact-panel{background:linear-gradient(130deg,#e9f5ff,#daedfc);color:#15344f}
html[data-theme="light"] .contact-panel p{color:#52718a}
/* Responsive: different visual hierarchy for phones, no horizontal overflow. */
@media(max-width:1270px){
  .menu-toggle{display:block;background:#0e2742;color:#fff;border:1px solid #3f789c;padding:8px 13px}
  .menu{display:none;position:absolute;top:77px;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;justify-content:flex-start;background:rgba(5,17,33,.98);border-bottom:1px solid rgba(93,160,215,.45);box-shadow:0 25px 55px #0006;padding:12px max(32px,calc((100vw - 1160px)/2)) 20px;max-height:calc(100vh - 85px);overflow-y:auto}
  .menu.open{display:flex}
  .menu a{padding:13px 0;font-size:14px;border-bottom:1px solid rgba(100,156,210,.13)}
  .menu .nav-cta{margin-top:11px;text-align:center;padding:13px 16px;border-radius:10px}
  .nav{min-height:77px}
  .container{width:min(1180px,calc(100% - 66px))}
}
@media(max-width:1050px){
  body[data-klyvora-page="home"] .hero-grid{grid-template-columns:1fr .4fr;min-height:670px}
  body[data-klyvora-page="home"] .hero h1{font-size:clamp(55px,7vw,82px)}
  body[data-klyvora-page="home"] .hero::before{background-position:center,center,center,center}
  .klyvora-shortcuts .container{grid-template-columns:1fr}
  .klyvora-shortcuts .solutions-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-klyvora-page="home"] #servicios .services{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-klyvora-page="home"] #servicios .service:first-child{grid-column:span 2}
  .guide-main .guide-layout{grid-template-columns:1fr}
  .guide-panel{position:relative;top:auto}
  .related-links{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container{width:calc(100% - 42px)}
  .nav{min-height:70px}
  .menu{top:69px;padding:14px 22px 24px}
  .brand{min-width:0}
  .brand img{width:61px!important;height:45px!important}
  .klyvora-wordmark{font-size:16px}
  .klyvora-wordmark small{font-size:7px}
  .section{padding:75px 0}
  body[data-klyvora-page="home"] .hero{min-height:895px}
  body[data-klyvora-page="home"] .hero::before{
    background-image:linear-gradient(180deg,#050914 0%,rgba(5,9,20,.94) 27%,rgba(5,9,20,.47) 51%,rgba(5,9,20,.04) 76%,#050914 100%),radial-gradient(circle at 50% 88%,rgba(18,91,174,.18),transparent 36%);
    background-size:cover,cover;background-repeat:no-repeat;background-position:center,center;
  }
  body[data-klyvora-page="home"] .hero-grid{grid-template-columns:1fr;gap:0;min-height:895px;padding:66px 0 34px;align-content:start}
  body[data-klyvora-page="home"] .hero-copy{width:100%;padding-top:8px;max-width:620px}
  body[data-klyvora-page="home"] .hero h1{font-size:clamp(47px,10.5vw,72px);line-height:1.075;margin:24px 0 20px}
  body[data-klyvora-page="home"] .hero .lead{font-size:14px;max-width:540px;line-height:1.75}
  body[data-klyvora-page="home"] .hero .actions{margin-top:23px}
  body[data-klyvora-page="home"] .hero-proof{margin-top:28px;font-size:11px}
  body[data-klyvora-page="home"] .klyvora-earth-visual{min-height:250px;display:block;opacity:1}
  .klyvora-shortcuts{padding:25px 0}
  .klyvora-shortcuts .solutions-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .klyvora-shortcuts .solutions-item{min-height:78px}
  body[data-klyvora-page="home"] #servicios .services{grid-template-columns:1fr 1fr}
  body[data-klyvora-page="home"] #servicios .service:first-child{grid-column:span 2;min-height:360px}
  .seo-hero,.maintenance-hero,.business-hero,.guide-hero{padding:70px 0 74px}
  .seo-hero::before,.maintenance-hero::before,.business-hero::before,.guide-hero::before{background-size:cover,auto 95%;background-position:center,140% center}
  .seo-hero h1,.business-hero h1,.guide-hero h1,.maintenance-hero h1{font-size:clamp(38px,8vw,58px)}
  .guide-grid{grid-template-columns:1fr 1fr}
  .guide-card{min-height:240px}
  .related-links{grid-template-columns:1fr}
  .quote-form .btn-primary{width:100%}
}
@media(max-width:520px){
  .container{width:calc(100% - 36px)}
  .brand img{width:54px!important;height:42px!important}
  .klyvora-wordmark{font-size:15px;letter-spacing:.075em}
  .theme-toggle,.menu-toggle{min-width:40px;min-height:40px}
  body[data-klyvora-page="home"] .hero{min-height:805px}
  body[data-klyvora-page="home"] .hero-grid{min-height:805px;padding-top:43px}
  body[data-klyvora-page="home"] .hero h1{font-size:clamp(44px,11.6vw,61px)}
  body[data-klyvora-page="home"] .hero .eyebrow{font-size:8px;letter-spacing:.10em}
  body[data-klyvora-page="home"] .hero::before{background-size:cover,cover;background-position:center,center}
  body[data-klyvora-page="home"] .hero .actions .btn{width:100%}
  body[data-klyvora-page="home"] .hero-proof{gap:9px;line-height:1.5}
  body[data-klyvora-page="home"] .klyvora-earth-visual{min-height:140px}
  .klyvora-shortcuts .solutions-list{grid-template-columns:1fr}
  body[data-klyvora-page="home"] #servicios .services{grid-template-columns:1fr}
  body[data-klyvora-page="home"] #servicios .service:first-child{grid-column:1;min-height:370px;background-size:cover,auto 58%;background-position:center,right top}
  body[data-klyvora-page="home"] #servicios .service:first-child h3,body[data-klyvora-page="home"] #servicios .service:first-child p{max-width:100%}
  body[data-klyvora-page="home"] #servicios .service:first-child{background-image:linear-gradient(180deg,rgba(8,21,39,.67),rgba(8,21,39,.92) 60%),url('assets/laptop-realista.webp')}
  .guide-grid{grid-template-columns:1fr}
  .guide-card{min-height:210px}
  .guide-hero p{font-size:15px}
  .guide-filter-chips button{font-size:11px;padding:9px 12px}
  .klyvora-breadcrumbs{font-size:11px}
  .klyvora-related{padding:50px 0 70px}
  .contact-panel{padding:28px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}
/* Service-specific cinematic treatments, with real included local imagery. */
body[data-service="mantenimiento-pc-notebooks"] .maintenance-hero::before,
body[data-service="redes-productividad"] .maintenance-hero::before{
  opacity:.58;
  background-image:linear-gradient(90deg,rgba(5,10,23,.99),rgba(5,12,27,.8) 47%,rgba(5,12,27,.28) 100%),url('assets/laptop-realista.webp');
  background-size:cover,auto 105%;background-position:center,right center;
}
body[data-service="soluciones-para-negocios"] .business-hero::before{
  background-image:linear-gradient(90deg,rgba(5,10,23,.98),rgba(5,13,30,.65) 56%,rgba(5,13,30,.2)),url('assets/earth-night-premium.webp');
  background-size:cover,auto 120%;background-position:center,right center;
}
body[data-klyvora-page="guide-article"][data-article="pc-lento-windows"] .maintenance-hero::before,
body[data-klyvora-page="guide-article"][data-article="ssd-vs-hdd"] .maintenance-hero::before,
body[data-klyvora-page="guide-article"][data-article="pasta-termica-cpu"] .maintenance-hero::before{
  opacity:.40;
  background-image:linear-gradient(90deg,rgba(5,10,23,.98),rgba(5,12,27,.75) 55%,rgba(5,12,27,.35)),url('assets/laptop-realista.webp');
  background-size:cover,auto 100%;background-position:center,right center;
}
@media(max-width:720px){
 body[data-service="mantenimiento-pc-notebooks"] .maintenance-hero::before,
 body[data-service="redes-productividad"] .maintenance-hero::before,
 body[data-klyvora-page="guide-article"] .maintenance-hero::before{background-size:cover,auto 65%;opacity:.27}
}

/* Navegación informativa + cotización claramente diferenciadas */
.klyvora-quote-next-step { margin-top: 30px; display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 28px;border:1px solid rgba(66,176,245,.34);border-radius:18px;background:linear-gradient(115deg,rgba(14,48,78,.95),rgba(7,20,37,.95)); }
.klyvora-quote-next-step h3 { font-size:clamp(22px,2.2vw,30px);line-height:1.15;margin:8px 0;color:#f5faff; }
.klyvora-quote-next-step p { font-size:13px;line-height:1.6;color:#b5c9dd;margin:0; }
.klyvora-quote-kicker {font-size:10px;font-weight:750;letter-spacing:.15em;color:#78dafa;}
.klyvora-quote-actions {display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;}
.klyvora-quote-actions .btn {white-space:nowrap}
.klyvora-text-link {font-size:12px;color:#81d9fa;text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.klyvora-quote-next-step{display:block;padding:22px 20px}.klyvora-quote-actions{margin-top:21px;align-items:stretch}.klyvora-quote-actions .btn{justify-content:center;white-space:normal;text-align:center}.klyvora-text-link{text-align:center}}
html[data-theme="light"] .klyvora-quote-next-step{background:linear-gradient(115deg,#f7fbff,#ebf5fb);border-color:#b8d8ec}
html[data-theme="light"] .klyvora-quote-next-step h3{color:#11304b}
html[data-theme="light"] .klyvora-quote-next-step p{color:#4c6b83}
html[data-theme="light"] .klyvora-quote-kicker,html[data-theme="light"] .klyvora-text-link{color:#116f9f}


/* Refinamiento de navegación y contacto — sitio completo */
html{scroll-padding-top:96px}
#contacto{scroll-margin-top:96px}
/* Eliminar redundancias: el footer es el único directorio de contacto. */
.site-footer{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid rgba(91,177,241,.31);background:linear-gradient(158deg,#08192d 0%,#050d1c 58%,#030914 100%)}
.site-footer::before{content:'';position:absolute;inset:0 0 auto auto;width:50%;height:100%;pointer-events:none;opacity:.2;background:radial-gradient(ellipse at 84% 5%,rgba(28,134,249,.26),transparent 70%)}
.site-footer .container{position:relative;z-index:1}
.footer-social{min-width:0}
.footer-social-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;color:#e7f6ff}
.footer-contact-direct{display:grid;gap:9px;margin:14px 0 19px}
.footer-direct-link{display:flex;align-items:center;gap:12px;min-height:62px;padding:11px 13px;border-radius:12px;background:rgba(16,48,78,.52);border:1px solid rgba(88,175,234,.23);transition:background .25s,border-color .25s,transform .25s}
.footer-direct-link:hover{background:rgba(19,68,108,.7);border-color:rgba(88,205,255,.7);transform:translateY(-2px)}
.footer-direct-link:focus-visible,.footer-back-top:focus-visible{outline:2px solid #63e0ff;outline-offset:3px}
.footer-direct-link strong,.footer-direct-link small{display:block}
.footer-direct-link strong{font-size:13px;font-weight:750;color:#eff9ff}
.footer-direct-link small{font-size:11px;color:#a0bfd9;line-height:1.5;overflow-wrap:anywhere}
.footer-direct-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:rgba(11,151,208,.18);color:#5cddff;font-weight:800;font-size:17px}
.footer-social-icons{gap:11px}
.footer-social-icons a{transition:transform .2s,box-shadow .2s,border-color .2s}
.footer-social-icons a:hover{transform:translateY(-3px);box-shadow:0 7px 22px rgba(0,124,255,.17);border-color:#52cfff}
.footer-back-top{display:inline-flex;align-items:center;gap:8px;color:#78d7f9;font-size:12px;font-weight:700;letter-spacing:.02em;margin-top:18px;text-decoration:none}
.footer-back-top:hover{color:#b9ecff}
/* Mejor lectura al explorar servicios, precios y guías. */
.service,.use-case,.price-card,.guide-card,.business-card,.maintenance-card{position:relative}
.service a:focus-visible,.use-case a:focus-visible,.price-card a:focus-visible,.guide-card a:focus-visible{outline:2px solid #70e4ff;outline-offset:4px;border-radius:5px}
.service,.use-case,.price-card,.guide-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
@media(hover:hover){.use-case:hover{transform:translateY(-3px);border-color:rgba(89,205,255,.52);box-shadow:0 18px 40px rgba(0,0,0,.13)}}
@media(max-width:760px){.site-footer{padding-top:10px}.footer-contact-direct{margin:18px 0}.footer-direct-link{min-height:58px}.footer-back-top{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.footer-direct-link,.footer-social-icons a,.use-case{transition:none!important;transform:none!important}}
html[data-theme="light"] .site-footer{background:linear-gradient(145deg,#eaf5ff,#f5f9ff);border-color:#b5d7ee}
html[data-theme="light"] .footer-direct-link{background:#f4fbff;border-color:#c2dcec}
html[data-theme="light"] .footer-direct-link:hover{background:#e5f5ff;border-color:#5bb4e9}
html[data-theme="light"] .footer-direct-link strong,html[data-theme="light"] .footer-social-title{color:#132d45}
html[data-theme="light"] .footer-direct-link small{color:#4f6d85}
html[data-theme="light"] .footer-direct-icon{background:#d9f1ff;color:#0878ac}
html[data-theme="light"] .footer-back-top{color:#076c9b}

/* Inicio móvil: eliminar el espacio vacío producido por el centrado vertical de las filas */
@media(max-width:760px){body[data-klyvora-page="home"] .hero-grid{align-items:start;align-content:start;grid-auto-rows:max-content}body[data-klyvora-page="home"] .hero-copy{align-self:start;order:0}body[data-klyvora-page="home"] .klyvora-earth-visual{align-self:start;order:1;min-height:180px}body[data-klyvora-page="home"] .hero-proof{margin-top:24px}}
@media(max-width:520px){body[data-klyvora-page="home"] .hero-grid{padding-top:35px}body[data-klyvora-page="home"] .klyvora-earth-visual{min-height:160px}}


/* Real 3D rotating globe styles are in klyvora-real-globe.css. */