:root{--d-bg:#0b0b0d;--d-ink:#fff;--d-muted:#b9b5b0;--d-accent:#d89b4c;--d-accent2:#f3d28f;--d-panel:#151517;--d-line:rgba(255,255,255,.11);--d-photo:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--d-bg);color:var(--d-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.demo-agency{height:42px;background:#050711;border-bottom:1px solid rgba(126,83,255,.35);display:flex;align-items:center;justify-content:center;gap:20px;color:#ccd3e3;font-size:11px;position:sticky;top:0;z-index:30}.demo-agency a{color:#fff;border:1px solid rgba(135,78,255,.46);padding:6px 10px}.demo-page{min-height:100vh;overflow:hidden}.demo-wrap{width:min(1180px,calc(100% - 34px));margin:auto}.demo-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--d-line)}.demo-logo{font-family:Georgia,serif;font-size:24px;font-weight:800;letter-spacing:.02em}.demo-logo span{color:var(--d-accent)}.demo-links{display:flex;gap:24px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--d-muted)}.demo-nav .demo-cta,.demo-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--d-accent) 75%,white 10%);padding:11px 16px;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.05em}.demo-nav .demo-cta{background:var(--d-accent);color:#111}.demo-hero{min-height:530px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;position:relative}.demo-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 42px 58px 0}.demo-kicker{font-size:10px;color:var(--d-accent);letter-spacing:.13em;text-transform:uppercase;font-weight:850}.demo-copy h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,78px);line-height:.95;letter-spacing:-.04em;margin:15px 0 18px}.demo-copy p{color:var(--d-muted);max-width:530px;font-size:14px}.demo-actions{display:flex;gap:10px;margin-top:18px}.demo-btn.primary{background:var(--d-accent);color:#0a0a0a}.demo-btn.secondary{background:transparent;color:#fff;border-color:var(--d-line)}.demo-photo{min-height:530px;position:relative;background-image:linear-gradient(90deg,var(--d-bg),transparent 30%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65)),var(--d-photo),radial-gradient(circle at 65% 35%,color-mix(in srgb,var(--d-accent) 28%,transparent),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--d-accent) 18%,#1b1b1d),#0d0d10);background-size:cover;background-position:center;overflow:hidden}.demo-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 60%,rgba(255,255,255,.08) 61%,transparent 62%);opacity:.25}.demo-floating{position:absolute;right:18px;bottom:18px;width:230px;padding:18px;background:rgba(9,9,11,.78);backdrop-filter:blur(10px);border:1px solid var(--d-line)}.demo-floating small{display:block;color:var(--d-accent);font-size:9px;text-transform:uppercase}.demo-floating b{font-size:18px}.demo-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--d-line);border-bottom:1px solid var(--d-line)}.demo-stat{padding:20px;border-right:1px solid var(--d-line)}.demo-stat:last-child{border-right:0}.demo-stat b{display:block;font-size:17px}.demo-stat small{color:var(--d-muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.demo-section{padding:78px 0}.demo-section.alt{background:color-mix(in srgb,var(--d-panel) 83%,black)}.demo-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.demo-head h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1;margin:0}.demo-head p{max-width:460px;color:var(--d-muted);font-size:13px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.demo-card{border:1px solid var(--d-line);background:var(--d-panel);padding:22px;min-height:180px}.demo-card i{font-style:normal;color:var(--d-accent);font-size:10px}.demo-card h3{font-size:19px;margin:32px 0 8px}.demo-card p{color:var(--d-muted);font-size:12px}.demo-gallery{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:12px}.demo-gallery div{height:260px;background-image:linear-gradient(160deg,color-mix(in srgb,var(--d-accent) 30%,#232326),#0d0d0f);border:1px solid var(--d-line);position:relative;overflow:hidden}.demo-gallery div::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--d-accent) 35%,transparent),transparent 68%);right:-50px;top:-70px}.demo-gallery div:nth-child(2){background-image:linear-gradient(160deg,#15171d,color-mix(in srgb,var(--d-accent) 18%,#1b1b20))}.demo-gallery div:nth-child(3){background-image:linear-gradient(160deg,color-mix(in srgb,var(--d-accent2) 18%,#1c1b19),#111)}.demo-faq details{border-bottom:1px solid var(--d-line);padding:17px 0}.demo-faq summary{cursor:pointer;font-weight:800}.demo-faq p{color:var(--d-muted)}.demo-final{padding:72px 0;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--d-accent) 18%,#0d0d0f),#09090b)}.demo-final h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,64px);margin:0 0 12px}.demo-final p{color:var(--d-muted)}.demo-disenoweb24{padding:34px 0;background:#050711;border-top:1px solid rgba(127,87,255,.35);text-align:center}.demo-disenoweb24 b{display:block;font-size:24px;margin-bottom:7px}.demo-disenoweb24 p{color:#9ea9c0;font-size:12px}.demo-disenoweb24 a{display:inline-flex;margin-top:10px;padding:13px 18px;border:1px solid #26f2a0;color:#eafff7;background:rgba(38,242,160,.09);font-weight:850;font-size:11px;text-transform:uppercase}.embed{overflow:hidden}.embed .demo-agency,.embed .demo-disenoweb24{display:none}.embed .demo-nav{height:58px}.embed .demo-wrap{width:calc(100% - 28px)}.embed .demo-hero{min-height:calc(100vh - 58px)}.embed .demo-copy{padding:34px 24px 34px 0}.embed .demo-copy h1{font-size:clamp(34px,6vw,56px)}.embed .demo-photo{min-height:calc(100vh - 58px)}.embed .demo-stats,.embed .demo-section,.embed .demo-final{display:none}.embed .demo-links{gap:14px;font-size:8px}.embed .demo-logo{font-size:18px}.embed .demo-nav .demo-cta{padding:8px 10px;font-size:8px}.embed .demo-copy p{font-size:11px}.embed .demo-btn{padding:8px 10px;font-size:8px}.embed .demo-floating{width:180px;padding:12px}.embed .demo-floating b{font-size:14px}
body.restaurante{--d-bg:#100b08;--d-panel:#18110d;--d-accent:#e29b4e;--d-accent2:#f0d1a0}body.clinica{--d-bg:#07131a;--d-panel:#0d2028;--d-accent:#56d9e7;--d-accent2:#b8f4f8}body.ecommerce{--d-bg:#090b16;--d-panel:#11152a;--d-accent:#8e6fff;--d-accent2:#d1c6ff}body.barberia{--d-bg:#0d0908;--d-panel:#17100e;--d-accent:#d75f3e;--d-accent2:#f3aa85}body.gestoria{--d-bg:#08111d;--d-panel:#0e1b2a;--d-accent:#6eb5ff;--d-accent2:#bedcff}body.reformas{--d-bg:#11100e;--d-panel:#1b1916;--d-accent:#c5a47b;--d-accent2:#eee0cb}
@media(max-width:850px){.demo-links{display:none}.demo-hero{grid-template-columns:1fr}.demo-copy{padding:48px 0}.demo-photo{min-height:390px}.demo-grid{grid-template-columns:1fr 1fr}.demo-gallery{grid-template-columns:1fr 1fr}.demo-gallery div:first-child{grid-column:1/-1}.demo-head{align-items:flex-start;flex-direction:column}.embed .demo-hero{grid-template-columns:1fr 1fr}.embed .demo-copy{padding:28px 12px 28px 0}.embed .demo-photo{min-height:calc(100vh - 58px)}}
@media(max-width:560px){.demo-agency{height:auto;padding:8px}.demo-nav{height:64px}.demo-nav .demo-cta{padding:8px}.demo-copy h1{font-size:45px}.demo-actions{flex-direction:column}.demo-grid,.demo-gallery{grid-template-columns:1fr}.demo-gallery div:first-child{grid-column:auto}.demo-stats{grid-template-columns:1fr 1fr}.demo-stat:nth-child(2){border-right:0}.embed .demo-hero{grid-template-columns:1fr}.embed .demo-photo{display:none}.embed .demo-copy{padding:28px 0}.embed .demo-copy h1{font-size:42px}}

/* === Nuevos sectores y contraste claro/oscuro 2026 === */
body.inmobiliaria{--d-bg:#f6f7fb;--d-panel:#ffffff;--d-ink:#132238;--d-muted:#65748b;--d-accent:#3677ff;--d-accent2:#a7c4ff}
body.autoescuela{--d-bg:#07101d;--d-panel:#0d1a2c;--d-accent:#ffd44a;--d-accent2:#fff0a5}
body.gimnasio{--d-bg:#09090b;--d-panel:#151518;--d-accent:#ff5056;--d-accent2:#ffafb1}
body.academia{--d-bg:#f5f7ff;--d-panel:#ffffff;--d-ink:#17223b;--d-muted:#66728b;--d-accent:#6d63ff;--d-accent2:#c4c0ff}
body.automocion{--d-bg:#06080d;--d-panel:#0e141d;--d-accent:#29b9ff;--d-accent2:#a4e4ff}
.light-demo{background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--d-accent) 16%,transparent),transparent 28%),linear-gradient(180deg,#fff,var(--d-bg))!important;color:var(--d-ink)!important}
.light-demo::after{opacity:.28!important}.light-demo .demo-agency{background:rgba(255,255,255,.88)!important;color:#526177!important;border-color:color-mix(in srgb,var(--d-accent) 25%,transparent)!important}.light-demo .demo-agency a{color:#1b2940!important;background:#fff!important}.light-demo .demo-nav{border-color:rgba(24,43,72,.10)!important}.light-demo .demo-links,.light-demo .demo-copy p,.light-demo .demo-head p,.light-demo .demo-card p,.light-demo .demo-final p{color:var(--d-muted)!important}.light-demo .demo-btn.secondary{color:var(--d-ink)!important;border-color:rgba(23,41,68,.15)!important}.light-demo .demo-card{background:rgba(255,255,255,.78)!important;border-color:rgba(29,55,92,.10)!important;box-shadow:0 18px 45px rgba(40,62,100,.07)!important}.light-demo .demo-section.alt{background:rgba(228,235,249,.48)!important}.light-demo .demo-stat{border-color:rgba(24,43,72,.10)!important}.light-demo .demo-stats{border-color:rgba(24,43,72,.10)!important}.light-demo .demo-final{background:linear-gradient(135deg,#eef3ff,#fff)!important}.light-demo .demo-faq details{background:#fff!important;border-color:rgba(24,43,72,.10)!important}.light-demo .demo-disenoweb24{background:#101525!important;color:#fff!important}.light-demo .demo-photo{box-shadow:0 35px 80px rgba(34,65,114,.14)!important}