.previewBody{background:#091328;color:#edf7ff;min-height:100vh}
.previewBody .top{background:#0a1428}
.previewTopLinks{display:flex;gap:20px;align-items:center}.previewTopLinks .btn{padding:11px 16px;font-size:12px}.previewBack{font-size:12px;font-weight:800;color:#b2c7e0}.previewBack:hover{color:#b5f5df}
.previewStage{padding:52px 0 72px;background:radial-gradient(ellipse 42% 38% at 75% 46%,#204d71b0,transparent),radial-gradient(ellipse 45% 45% at 5% 5%,#1b2853ad,transparent),#091328;min-height:calc(100vh - 146px)}
.previewGrid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(370px,.94fr);align-items:center;gap:56px}
.previewDetails h1{font-size:clamp(2.7rem,4.5vw,4.45rem);line-height:1.12;letter-spacing:-.07em;margin:25px 0 19px;max-width:610px}.previewDetails h1 em{font-style:normal;color:#a8f6df}.previewDetails .intro{max-width:550px;color:#b7c8dc;line-height:1.72;font-size:15px;margin-bottom:30px}
.previewPickTitle{font-weight:800;letter-spacing:.12em;color:#7ee0d4;font-size:10px;margin-bottom:13px;text-transform:uppercase}.previewPickTitle.second{margin-top:27px}
.previewPicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.previewRubro{min-width:0;background:#111f39;border:1px solid #354a67;color:#d6e6f5;padding:12px 8px;border-radius:14px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:82px;transition:.17s}.previewRubro:hover{background:#203351;border-color:#7bc8b9}.previewRubro:focus-visible,.modeBtn:focus-visible,.previewActions .btn:focus-visible{outline:3px solid #b9ffe4;outline-offset:3px}.previewRubro.on{background:#143b40;color:#dcfff4;border-color:#6ee6cb;box-shadow:0 0 0 1px #69efd283,inset 0 0 27px #5ee3c713}.previewRubro .previewEmoji{font-size:23px;line-height:1.1}.previewRubro .previewRubroText{font-weight:800;font-size:11px}.previewMode{display:flex;gap:8px;flex-wrap:wrap}.modeBtn{background:#152642;border:1px solid #354966;border-radius:12px;color:#bdd0e5;padding:11px 17px;font-size:12px;font-weight:800}.modeBtn.on{background:#b5f4e0;color:#14352f;border-color:#b5f4e0}.previewActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.previewActions .btn{font-size:12px;padding:12px 16px}.previewNotice{color:#8ca3bd;font-size:12px;line-height:1.67;margin:24px 0 0;max-width:530px}
.previewPhoneColumn{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.phoneHeader{display:flex;align-items:center;gap:9px;width:min(100%,432px);font-size:10px;letter-spacing:.12em;color:#a2bed6;font-weight:800;margin-bottom:18px}.phoneHeaderDot{width:7px;height:7px;background:#65eac7;border-radius:100%;box-shadow:0 0 0 4px #65eac71c}.phoneHeaderRight{margin-left:auto;color:#667b97;letter-spacing:.08em}
.phoneShell{position:relative;width:min(100%,430px);max-width:430px;padding:10px;background:linear-gradient(133deg,#697a91 0%,#1a273d 19%,#040a13 42%,#53617a 68%,#172136 100%);border:2px solid #7b92a8;border-radius:57px;box-shadow:0 35px 110px #000b,0 0 0 6px #0e1e38,0 0 65px #437aff35;isolation:isolate}.phoneBezel{background:#050a12;border-radius:45px;padding:8px}.phoneScreen{position:relative;border-radius:38px;overflow:hidden;background:#f7f9fd}.phoneScreen iframe{display:block;width:100%;height:780px;border:0;background:#f7f9fd;overscroll-behavior:contain}.phoneNotch{pointer-events:none;position:absolute;z-index:3;left:50%;transform:translateX(-50%);top:0;width:124px;height:27px;border-radius:0 0 18px 18px;background:#050a12;display:flex;align-items:center;justify-content:center}.phoneSensor{width:48px;height:5px;background:#17283d;border-radius:12px}.phoneHomeIndicator{pointer-events:none;position:absolute;z-index:3;bottom:5px;left:50%;transform:translateX(-50%);background:#607184a0;border-radius:8px;width:103px;height:4px}.phoneSideKey{position:absolute;background:#7c90a5;width:4px;height:70px;z-index:-1;top:140px;border-radius:4px}.phoneSideKey.left{left:-5px}.phoneSideKey.right{right:-5px;top:210px;height:85px}
.phoneFoot{width:min(100%,432px);display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:24px}.phoneFoot>div{display:grid;grid-template-columns:38px auto;column-gap:9px;align-items:center}.phoneFoot #activeIcon{grid-row:span 2;display:grid;place-items:center;background:#1c3552;border:1px solid #49637f;border-radius:12px;height:38px;font-size:22px}.phoneFoot b{font-size:13px}.phoneFoot small{font-size:11px;color:#9cb6cf}.previewLive{font-size:10px;font-weight:700;color:#92d8c5;white-space:nowrap}.previewLive i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4cf2b9;margin-right:5px}.phoneRealHint{color:#91aac4;font-size:12px;text-align:center;margin:16px 0 0}.phoneRealHint a{color:#a6f2da;text-decoration:underline;text-underline-offset:3px}
.previewFooter{padding:22px 0;border-top:1px solid #263951;background:#090f20}.previewFooter .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;color:#7791ad}
@media(max-width:1000px){.previewGrid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr)}.phoneShell{border-radius:47px}.phoneScreen iframe{height:710px}.previewDetails h1{font-size:clamp(2.3rem,4.5vw,3.6rem)}.previewRubro{padding:11px 6px}}
@media(max-width:760px){.previewGrid{display:flex;flex-direction:column;gap:35px}.previewStage{padding:35px 0 55px}.previewDetails h1{font-size:clamp(2.45rem,8vw,3.3rem)}.previewDetails .intro{font-size:14px}.previewTopLinks .previewBack{display:none}.previewTopLinks .btn{font-size:10px;padding:10px}.previewPicker{grid-template-columns:repeat(3,minmax(0,1fr))}.phoneShell{max-width:430px}.phoneScreen iframe{height:min(780px,73vh);min-height:570px}.previewPhoneColumn{width:100%}.phoneHeader,.phoneFoot{max-width:430px}}
@media(max-width:430px){.previewRubro{min-height:70px}.previewRubro .previewEmoji{font-size:20px}.previewDetails h1{letter-spacing:-.055em}.phoneShell{width:calc(100% - 9px);border-radius:43px;padding:7px}.phoneBezel{border-radius:35px;padding:6px}.phoneScreen{border-radius:29px}.phoneScreen iframe{height:min(740px,75vh);min-height:530px}.phoneFoot{gap:6px}.previewLive{font-size:9px}}


/* V2.2 · Colores del visor móvil según rubro */
.previewBody{--pv-accent:#65eac7;--pv-accent-soft:#143b40;--pv-accent-glow:#437aff35;--pv-hero:#a8f6df;--pv-stage-1:#204d71b0;--pv-stage-2:#1b2853ad;--pv-panel:#143b40;--pv-panel-border:#6ee6cb;--pv-shell-1:#697a91;--pv-shell-2:#172136;--pv-shell-border:#7b92a8;--pv-shell-ring:#0e1e38;--pv-icon-bg:#1c3552;--pv-icon-border:#49637f;--pv-link:#a6f2da}
.previewBody[data-preview-theme="pet"]{--pv-accent:#ef4d83;--pv-accent-soft:#472036;--pv-accent-glow:#ef4d8340;--pv-hero:#ffbdd2;--pv-stage-1:#5e1b3eb0;--pv-stage-2:#2c153ead;--pv-panel:#43192e;--pv-panel-border:#ef91b4;--pv-shell-1:#8a6a7a;--pv-shell-2:#271722;--pv-shell-border:#c39aad;--pv-shell-ring:#331624;--pv-icon-bg:#4a2038;--pv-icon-border:#8f4e6d;--pv-link:#ffcae0}
.previewBody[data-preview-theme="barber"]{--pv-accent:#d4a866;--pv-accent-soft:#433321;--pv-accent-glow:#d4a86640;--pv-hero:#f7dfb2;--pv-stage-1:#5d4728b0;--pv-stage-2:#2c2417ad;--pv-panel:#43331f;--pv-panel-border:#dfba84;--pv-shell-1:#8c7a60;--pv-shell-2:#2a2319;--pv-shell-border:#c7b08a;--pv-shell-ring:#2a2318;--pv-icon-bg:#473420;--pv-icon-border:#8a6942;--pv-link:#f3ddb0}
.previewBody[data-preview-theme="beauty"]{--pv-accent:#ad77db;--pv-accent-soft:#3d2750;--pv-accent-glow:#ad77db40;--pv-hero:#e3c8ff;--pv-stage-1:#49246db0;--pv-stage-2:#211335ad;--pv-panel:#3d2453;--pv-panel-border:#c79bf0;--pv-shell-1:#7a6a91;--pv-shell-2:#211a2f;--pv-shell-border:#ac98c9;--pv-shell-ring:#291d3b;--pv-icon-bg:#42285d;--pv-icon-border:#8360a9;--pv-link:#e9d7ff}
.previewBody[data-preview-theme="detail"]{--pv-accent:#54a8fa;--pv-accent-soft:#1a3555;--pv-accent-glow:#54a8fa40;--pv-hero:#cce6ff;--pv-stage-1:#17416fb0;--pv-stage-2:#112346ad;--pv-panel:#163961;--pv-panel-border:#86c5ff;--pv-shell-1:#6d8195;--pv-shell-2:#172335;--pv-shell-border:#98bad8;--pv-shell-ring:#13243b;--pv-icon-bg:#1a4268;--pv-icon-border:#4d7fab;--pv-link:#cde7ff}
.previewBody[data-preview-theme="servicios"]{--pv-accent:#3bc7b3;--pv-accent-soft:#153f3a;--pv-accent-glow:#3bc7b340;--pv-hero:#b8f3e9;--pv-stage-1:#17564db0;--pv-stage-2:#103130ad;--pv-panel:#154642;--pv-panel-border:#79e5d4;--pv-shell-1:#6a908a;--pv-shell-2:#152624;--pv-shell-border:#97c7c0;--pv-shell-ring:#143430;--pv-icon-bg:#19544d;--pv-icon-border:#4d9188;--pv-link:#c2fff4}
.previewBody[data-preview-theme="pro"]{--pv-accent:#7c85f8;--pv-accent-soft:#262d61;--pv-accent-glow:#7c85f840;--pv-hero:#ccd0ff;--pv-stage-1:#293479b0;--pv-stage-2:#151d4aad;--pv-panel:#272e67;--pv-panel-border:#a1a8ff;--pv-shell-1:#7178a3;--pv-shell-2:#191d36;--pv-shell-border:#a8afd9;--pv-shell-ring:#192146;--pv-icon-bg:#2c3676;--pv-icon-border:#6670c5;--pv-link:#d8dcff}
.previewStage{background:radial-gradient(ellipse 42% 38% at 75% 46%,var(--pv-stage-1),transparent),radial-gradient(ellipse 45% 45% at 5% 5%,var(--pv-stage-2),transparent),#091328!important}
.previewDetails h1 em{color:var(--pv-hero)!important}.previewPickTitle,.phoneHeaderDot,.previewLive i{color:var(--pv-accent)!important;background:var(--pv-accent)!important}
.previewRubro:hover{border-color:var(--pv-accent)!important}.previewRubro.on{background:var(--pv-panel)!important;border-color:var(--pv-panel-border)!important;box-shadow:0 0 0 1px var(--pv-panel-border),inset 0 0 27px color-mix(in srgb, var(--pv-accent) 22%, transparent)!important}
.modeBtn.on{background:var(--pv-hero)!important;border-color:var(--pv-hero)!important;color:var(--pv-accent-soft)!important}
.phoneShell{background:linear-gradient(133deg,var(--pv-shell-1) 0%,#1a273d 19%,#040a13 42%,#53617a 68%,var(--pv-shell-2) 100%)!important;border-color:var(--pv-shell-border)!important;box-shadow:0 35px 110px #000b,0 0 0 6px var(--pv-shell-ring),0 0 65px var(--pv-accent-glow)!important}
.phoneFoot #activeIcon{background:var(--pv-icon-bg)!important;border-color:var(--pv-icon-border)!important}.previewLive{color:var(--pv-hero)!important}.phoneRealHint a,.previewDetails h1 em,.previewBack:hover{color:var(--pv-link)!important}