/* El diseño original de Vista previa, paleta V1 controlada por el usuario. */
:root,[data-theme="light"]{color-scheme:light;--bg:#F8F8FD;--surface:#FFFFFF;--text:#252957;--muted:#58607A;--sub:#6B728C;--border:#E2E6F1;--accent:#4970FE;--btn:#4265EA;--selection:#ECF0FF;--neutral:#F1F2FA;--selected:#C9D5FF}
[data-theme="dark"]{color-scheme:dark;--bg:#242730;--surface:#13151A;--text:#F1F3F4;--muted:#CDD3DC;--sub:#ADB5C1;--border:#414650;--accent:#85A6FF;--btn:#7598FF;--selection:#293F65;--neutral:#292C32;--selected:#85A6FF}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.55}a{color:var(--accent)}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}
.sitehead{background:var(--surface);border-bottom:1px solid var(--border)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:17px}.mark{display:grid;place-items:center;background:var(--selection);width:40px;height:40px;border-radius:12px;color:var(--accent)}.nav>a{font-size:13px}.hero{display:grid;grid-template-columns:1fr 440px;gap:clamp(24px,5vw,74px);padding:60px 0 80px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:750}h1{font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}h1 em{color:var(--accent);font-style:normal}h2{font-size:20px;margin:0 0 9px}.lead{font-size:17px;color:var(--muted);margin-bottom:23px;max-width:550px}.notice{max-width:550px;color:var(--muted);font-size:13px;margin-top:15px}.featurelist{display:grid;gap:12px;margin-top:28px}.feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.feature strong{display:block;font-size:14px}.feature span{font-size:12px;color:var(--muted)}
.preview-panel{width:100%;max-width:460px;margin:0 auto}.paneltop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.paneltop h2{margin:0}.theme{display:flex;gap:3px;padding:4px;background:var(--neutral);border-radius:13px}.theme button{background:transparent;color:var(--muted);border:0;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700}.theme button.active{background:var(--surface);color:var(--accent)}.phone{width:min(100%,375px);margin:auto;background:#22252e;padding:7px;border:3px solid #424958;border-radius:38px;box-shadow:0 28px 55px -27px #080b126b}.screen{position:relative;overflow:hidden;background:#f8f8fd;border-radius:29px;aspect-ratio:945/2048}.screen img{display:block;width:100%;height:100%;object-fit:fill}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer;padding:0;border-radius:10px}.hotspot:focus-visible{outline:3px solid #4970FE;outline-offset:-3px;background:#4970FE26}.hotspot:hover{background:#4970FE12}
.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:17px}.controls button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:650;cursor:pointer}.controls button.active{border-color:var(--accent);background:var(--selection);color:var(--accent)}.small{color:var(--sub);font-size:12px;text-align:center;margin:11px 0}.presentation{padding:45px 0 70px;background:var(--surface);border-top:1px solid var(--border)}.presentation h2{font-size:28px;margin-bottom:10px}.presentation p{color:var(--muted)}.tiles{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{background:var(--bg);border:1px solid var(--border);padding:18px;border-radius:14px}.tile b{display:block;margin-bottom:7px}.tile small{color:var(--muted)}footer{border-top:1px solid var(--border);padding:25px 0;color:var(--muted);font-size:12px}
@media(max-width:910px){.hero{grid-template-columns:1fr;gap:34px;padding:40px 0 55px}.intro{text-align:center}.intro .lead,.intro .notice{margin-left:auto;margin-right:auto}.featurelist{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.hero{padding-top:30px}.featurelist,.tiles{grid-template-columns:1fr}.paneltop h2{font-size:16px}.controls{gap:5px}.controls button{padding:8px 9px;font-size:11px}}

.brand{text-decoration:none;color:var(--text)}.brand:hover{text-decoration:none}.legal-links{display:flex;align-items:center;gap:18px}.legal-links a{text-decoration:none;font-size:13px;color:var(--accent);font-weight:650}.legal-links a:hover{text-decoration:underline}@media(max-width:470px){.legal-links{gap:11px}.legal-links a{font-size:12px}.brand{gap:7px;font-size:14px}.brand img{width:32px!important;height:32px!important}}

.site-logo{width:44px;height:44px;object-fit:contain;background:transparent;flex:none}
.screen img{object-fit:contain}





/* Solo dos mejoras: logotipo vectorial en cabecera y selector global de tema. */
.sitehead .nav{min-height:72px;gap:12px}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;white-space:nowrap;font-size:16px}
.brand:hover{text-decoration:none}
.mark{background:var(--selection);border:1px solid var(--selected);width:43px;height:43px;flex:none;border-radius:13px}
.site-logo{width:33px;height:33px;object-fit:contain}
[data-theme="light"] .site-logo{filter:brightness(0) saturate(100%) invert(15%) sepia(22%) saturate(1894%) hue-rotate(196deg) brightness(92%) contrast(96%)}
[data-theme="dark"] .site-logo{filter:brightness(0) invert(1)}
.nav-actions{display:flex;align-items:center;gap:13px}
.preview-panel .theme{border:1px solid var(--border)}
.preview-panel .theme button.active{background:var(--selection);color:var(--accent);box-shadow:none}
.preview-panel .theme button:hover:not(.active){background:var(--selection);color:var(--accent)}
.screen img{object-fit:contain}
.legal-links a{color:var(--muted)}
.legal-links a:hover{color:var(--accent);text-decoration:none}
footer a{color:var(--accent);text-decoration:none;font-weight:600}
footer a:hover{text-decoration:underline}
.sitehead a:focus-visible,.sitehead button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.sitehead .nav{min-height:64px}.brand{font-size:14px;gap:7px}.mark{width:37px;height:37px;border-radius:11px}.site-logo{width:28px;height:28px}.nav-actions{gap:5px}.nav-actions .legal-links{display:none}.preview-panel .theme button{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Ajustes puntuales solicitados: marca más grande, tema junto al visor y distintivo Play. */
.sitehead .brand{font-size:19px;letter-spacing:-.025em}
.preview-panel .theme{flex:none;align-self:center}
.preview-panel .theme button{min-width:54px}
.store-availability{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 19px}
.play-badge{display:block;width:186px;max-width:100%;height:auto;cursor:default;user-select:none}
.store-caption{font-size:12px;color:var(--muted);font-weight:650}
@media(max-width:910px){.store-availability{justify-content:center}}
@media(max-width:600px){
 .sitehead .brand{font-size:16px;letter-spacing:-.02em}
 .preview-panel .theme button{min-width:48px}
 .store-availability{gap:8px}
}
@media(max-width:395px){
 .preview-panel .paneltop{align-items:flex-start;gap:8px}
 .preview-panel .theme{gap:1px;padding:3px}
 .preview-panel .theme button{min-width:40px;padding:7px 6px;font-size:11px}
}