:root{
  --bg:#08111f;--bg-soft:#0d192b;--panel:#12223a;--panel-2:#162944;
  --text:#f2f7ff;--muted:#b9c8da;--accent:#65c8ff;--accent-2:#79e1b4;
  --line:#29415f;--light:#f4f8fc;--light-text:#162235;--light-muted:#58687c;
  --shadow:0 24px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:Segoe UI,Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;background:rgba(8,17,31,.9);border-bottom:1px solid rgba(101,200,255,.16);backdrop-filter:blur(16px);z-index:10}
nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:1.18rem;font-weight:800;color:var(--text)}
.logo,.mini-logo{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#06111e;font-weight:900;box-shadow:0 8px 24px rgba(101,200,255,.2)}
.logo{width:40px;height:40px;border-radius:12px}.mini-logo{width:42px;height:42px;border-radius:14px;font-size:1.25rem}
.links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.links a{color:var(--muted);font-weight:650;font-size:.95rem}.links .language{padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.hero-section{background:radial-gradient(circle at 16% 20%,#173c62 0,transparent 34%),radial-gradient(circle at 85% 20%,#123c38 0,transparent 27%),var(--bg);overflow:hidden}
.hero{padding:94px 0 88px;display:grid;grid-template-columns:1.16fr .84fr;gap:64px;align-items:center}
.tag,.eyebrow,.card-label{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.tag{display:inline-block;padding:8px 13px;border:1px solid #3279a5;border-radius:999px;color:#c7edff;background:#102c46}
.eyebrow{color:#45bff5}.card-label{color:#397a9d}
h1,h2,h3{line-height:1.12;margin-top:0}h1{font-size:clamp(2.7rem,5.8vw,5.35rem);letter-spacing:-.055em;margin:20px 0 24px;max-width:820px}h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em;margin:10px 0 18px}h3{font-size:1.28rem;letter-spacing:-.015em}
p,li{color:var(--muted)}.lead{font-size:clamp(1.08rem,2vw,1.28rem);max-width:770px}.small-note{font-size:.92rem;max-width:680px;margin-top:22px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#06111e;font-weight:850;box-shadow:0 12px 30px rgba(101,200,255,.18)}.button:hover{text-decoration:none;transform:translateY(-1px)}.button.secondary{background:transparent;border:1px solid #44698b;color:var(--text);box-shadow:none}
.hero-side{display:grid;gap:18px;align-items:center;min-width:0}
.hero-product{display:block;width:min(600px,145%);max-width:none;height:auto;justify-self:center;margin:-30px -80px -8px;filter:drop-shadow(0 24px 34px rgba(0,0,0,.32));pointer-events:none}
.flow-panel{padding:30px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(24,45,73,.94),rgba(13,27,47,.94));box-shadow:var(--shadow);text-align:center}.device-pill{padding:11px 14px;border:1px solid #3a5878;border-radius:999px;background:#0c1a2d;color:#d8e8f8;font-weight:700}.flow-arrow{font-size:1.55rem;color:var(--accent);padding:9px}.flow-arrow.split{letter-spacing:.12em}.picomander-box{display:flex;align-items:center;justify-content:center;gap:13px;padding:20px;border-radius:18px;background:#0b1728;border:1px solid #38607d}.picomander-box small{display:block;color:var(--muted)}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.destination-grid span{padding:10px 7px;border-radius:11px;background:#173050;border:1px solid #335576;font-weight:750;color:#eaf6ff}
.section{padding:82px 0}.contrast-section{background:var(--light);color:var(--light-text)}.contrast-section p,.contrast-section li{color:var(--light-muted)}.contrast-section .eyebrow{color:#0875ac}.soft-section{background:var(--bg-soft)}
.section-heading{margin-bottom:38px}.section-heading.narrow{max-width:800px}.two-column{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-card{position:relative;padding:34px;border-radius:24px;background:white;border:1px solid #d8e3ed;box-shadow:0 18px 48px rgba(23,48,72,.09);overflow:hidden}.feature-card .number{position:absolute;right:24px;top:14px;font-size:5rem;font-weight:900;line-height:1;color:#edf3f7}.feature-card h3{font-size:1.65rem;margin:12px 0 15px;max-width:450px}.simple-card{border-top:5px solid #36a9df}.advanced-card{border-top:5px solid #36bd8b}.check-list{padding:0;margin:22px 0 0;list-style:none}.check-list li{position:relative;padding:8px 0 8px 27px}.check-list li:before{content:"✓";position:absolute;left:0;color:#14916a;font-weight:900}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 16px 40px rgba(0,0,0,.16)}.step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#1a425d;color:#9fe3ff;font-weight:900;margin-bottom:20px}.step h3{font-size:1.45rem}
.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example{padding:25px;border:1px solid var(--line);border-radius:19px;background:#102039}.example .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#173b56;color:#93ddff;font-size:1.25rem;margin-bottom:17px}.example h3{margin-bottom:10px}.example p{margin-bottom:0}
/* Enlaces contextuales a demostraciones */
.context-video-link {
  color: inherit;
  font: inherit;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(70, 108, 137, .65);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.context-video-link:hover,
.context-video-link:focus-visible {
  color: inherit;
  text-decoration-style: solid;
  text-decoration-color: currentColor;
}

/* Demostraciones en video */
.video-examples-grid {
  align-items: stretch;
}

.video-example {
  display: flex;
  flex-direction: column;
}

.video-example p {
  margin-bottom: 0;
}

.video-example .icon {
  width: auto;
  min-width: 42px;
  padding: 0 10px;
  align-self: flex-start;
  font-size: 1rem;
  font-weight: 850;
}

.video-links {
  display: grid;
  gap: 12px;
  margin-top: auto;
  padding-top: 20px;
}

.video-link {
  display: block;
  overflow: hidden;
  border: 1px solid #365574;
  border-radius: 15px;
  background: #0a1728;
  color: #eef8ff;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.video-link:hover {
  transform: translateY(-2px);
  border-color: #65c8ff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
  text-decoration: none;
}

.video-thumb {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #050b13;
}

.video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .22s ease, opacity .22s ease;
}

.video-link:hover .video-thumb img {
  transform: scale(1.025);
  opacity: .9;
}

.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 58px;
  height: 42px;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  background: rgba(220, 25, 35, .94);
  color: white;
  font-size: 1.25rem;
  line-height: 1;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .38);
}

.video-link-text {
  display: block;
  padding: 11px 13px 12px;
  color: #eaf6ff;
  font-size: .94rem;
  font-weight: 780;
}

.coming-soon {
  margin-top: auto;
  padding: 13px 15px;
  border: 1px dashed #41627f;
  border-radius: 13px;
  color: #a9bfd2;
  text-align: center;
  font-size: .92rem;
  font-weight: 700;
}

.split-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.benefit-list{display:grid;gap:11px}.benefit-list div{padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:#0d1b2e}.benefit-list strong,.benefit-list span{display:block}.benefit-list span{color:var(--muted);font-size:.96rem;margin-top:3px}
.edition-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.edition-card {
  padding: 31px;
  border-radius: 22px;
  background: white;
  border: 1px solid #d8e3ed;
  color: #162235;
}

.edition-card.featured {
  border: 2px solid #2caa7e;
  box-shadow: 0 18px 50px rgba(27, 137, 99, .12);
}

.edition-card h3 {
  font-size: 1.55rem;
  margin: 16px 0;
  color: #173854;
  font-weight: 800;
}

.edition-card.featured h3 {
  color: #176b50;
}

.edition-card ul {
  padding-left: 20px;
}

.edition-card li {
  padding: 5px 0;
  color: #4b5e73;
}

.edition-card li::marker {
  color: #29936d;
}

.edition-badge {
  display: inline-block;
  padding: 5px 11px;
  border-radius: 999px;
  font-weight: 850;
  font-size: .8rem;
}

.edition-badge.lite {
  background: #eaf8ef;
  color: #226b42;
}

.edition-badge.full {
  background: #fff3d9;
  color: #805500;
}
/* Herramientas adicionales de la edición Lite */
.edition-extra {
  margin-top: 22px;
  padding: 17px 18px;
  border-radius: 14px;
  background: #f1f6fa;
  border: 1px solid #d8e3ed;
  color: #33485d;
}

.edition-extra strong {
  display: block;
  margin-bottom: 8px;
  color: #173854;
}

.edition-extra ul {
  margin: 0;
  padding-left: 20px;
}

.edition-extra li {
  padding: 4px 0;
  color: #4b5e73;
}

.privacy-summary{padding-top:72px}.privacy-box{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:start;padding:34px;border:1px solid #2d5c55;border-radius:24px;background:linear-gradient(135deg,#102c35,#10213a)}.privacy-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#65c8ff,#79e1b4);color:#06111e;font-weight:950;font-size:1.7rem}.privacy-box h2{font-size:2rem}.inline-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.inline-links a{font-weight:750}
.cta-section{padding-top:34px}.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px;border-radius:24px;background:var(--light);color:var(--light-text)}.cta h2{font-size:2.1rem}.cta p{color:var(--light-muted);margin-bottom:0;max-width:700px}.cta .button{flex:0 0 auto}
footer{border-top:1px solid var(--line);padding:42px 0}.foot{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;flex-wrap:wrap}.footer-brand{display:inline-flex}.foot p{margin:12px 0 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-weight:650}
.content{margin:64px auto;padding:clamp(28px,5vw,58px);background:linear-gradient(180deg,#142642,#101d32);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);max-width:900px}.content h1{font-size:clamp(2.4rem,5vw,4.2rem)}.content h2{font-size:1.55rem;margin-top:38px;letter-spacing:-.015em}.content h3{margin-top:28px}.content li{margin:7px 0}.meta{margin-top:-10px}.notice{padding:17px 19px;border-left:4px solid var(--accent);background:#0b192b;border-radius:10px}.contact-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:#0c1a2d}.contact-card a{font-size:1.08rem;font-weight:800}code{background:#07101e;padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
@media(max-width:900px){.hero,.split-section{grid-template-columns:1fr}.hero-side{width:100%;max-width:650px;margin:auto}.hero-product{width:min(620px,100%);margin:0 auto -6px}.hero{gap:42px;padding-top:70px}.examples-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.wrap{width:min(100% - 26px,1120px)}nav{align-items:flex-start;flex-direction:column;padding:13px 0}.links{gap:13px}.links a{font-size:.88rem}.hero{padding:58px 0 62px}.two-column,.edition-grid,.examples-grid{grid-template-columns:1fr}.section{padding:62px 0}.feature-card{padding:27px}.privacy-box{grid-template-columns:1fr}.cta{padding:28px}.content{margin:32px auto}.destination-grid{grid-template-columns:1fr}.flow-arrow.split{letter-spacing:0}}


/* Selector de idioma multilingüe */
.language-menu{position:relative}
.language-menu summary{list-style:none;cursor:pointer;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-weight:800;font-size:.9rem;user-select:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary::after{content:"▾";margin-left:7px;font-size:.72em;color:var(--muted)}
.language-menu[open] summary::after{content:"▴"}
.language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:160px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#0b1728;box-shadow:var(--shadow);z-index:30}
.links .language-options a{display:block;padding:8px 10px;border-radius:9px;color:var(--muted);white-space:nowrap}
.links .language-options a:hover,.links .language-options a:focus-visible{background:#173050;color:var(--text);text-decoration:none}
.links .language-options a[aria-current="page"]{background:#173050;color:var(--text)}
.footer-language-separator{color:var(--line)}
.footer-languages{display:flex;gap:12px;flex-wrap:wrap}
.footer-languages a[aria-current="page"]{color:var(--text)}
@media(max-width:700px){.language-options{left:0;right:auto}.footer-language-separator{display:none}.footer-languages{flex-basis:100%}}