:root{--navy:#071629;--deep:#0b1631;--purple:#6737d5;--pink:#df32d9;--text:#14203a;--muted:#6f7890}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}.nav{height:88px;padding:0 max(5%,calc((100vw - 1260px)/2));display:flex;align-items:center;gap:40px;justify-content:space-between;background:var(--navy);position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff14}.nav img{width:194px;display:block}.nav nav{display:flex;gap:27px;color:#d8dfef;font-size:13px;font-weight:600}.nav nav a:hover{color:#e74bec}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:17px 24px;border-radius:12px;background:linear-gradient(115deg,#803ee7,#cc36d5);color:#fff;font-weight:700;font-size:14px;box-shadow:0 12px 26px #6325c22a;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px #6325c250}.btn.small{padding:13px 18px}.btn.ghost{background:#ffffff13;box-shadow:none;border:1px solid #ffffff42}.btn.outline{background:#f6f0ff;color:#6834cc;box-shadow:none}.btn.light{background:#fff;color:#5426b6}.hamb{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{background:radial-gradient(circle at 77% 22%,#361445 0,transparent 35%),radial-gradient(circle at 12% 83%,#221951 0,transparent 35%),var(--navy);min-height:710px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:80px max(6%,calc((100vw - 1200px)/2));overflow:hidden;position:relative;color:#fff}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#f07ae8}.eyebrow.dark{color:#7b36d7}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.3vw,72px);line-height:1.09;letter-spacing:-2.5px;margin:23px 0}h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500;color:#e98fe8}h2 em{color:#8c46d6}h2{font-size:clamp(35px,3.4vw,54px);line-height:1.16;letter-spacing:-1.5px;margin:16px 0 20px}.hero p{color:#c6cce0;font-size:17px;line-height:1.85;max-width:570px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero-trust{display:flex;flex-wrap:wrap;gap:23px;font-size:12px;color:#b7c5d9;margin-top:40px}.hero-visual{min-height:550px;display:flex;align-items:center;justify-content:center}.phone{border:9px solid #080e20;background:#fff;border-radius:43px;padding:10px;box-shadow:0 40px 90px #0008;position:relative;transform:rotate(5deg)}.phone.large{width:292px;height:545px}.notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:85px;height:19px;background:#080e20;border-radius:0 0 15px 15px;z-index:2}.phone-screen{height:100%;border-radius:28px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px}.romantic{background:linear-gradient(155deg,#fff1f3,#fffaf4 58%,#f5e2e7);color:#714454}.phone-top{font-size:9px;letter-spacing:2px}.flourish{font-size:42px;color:#c77994}.serif-mini{font-family:'Playfair Display',serif;font-style:italic}.couple{font-family:'Playfair Display',serif;font-size:49px;font-weight:500;text-align:center;line-height:1.25}.couple i{color:#c77a96;font-size:29px}.thin-rule{height:1px;width:70px;background:#d9a4af}.phone-screen small{letter-spacing:2px;font-size:9px}.phone-bottom{display:flex;flex-direction:column;gap:8px;margin-top:23px}.phone-bottom span{background:#fff9;border:1px solid #eacbd4;border-radius:8px;padding:10px 16px;font-size:11px;text-align:center}.orb{position:absolute;border:1px solid #c77afe40;border-radius:50%;width:470px;height:470px}.orb2{width:360px;height:360px}.float-card{position:absolute;z-index:3;background:#ffffffed;color:#51215b;padding:13px 19px;border-radius:15px;box-shadow:0 16px 35px #0004;font-size:14px}.float-card b{display:block}.float-card small{font-size:10px;color:#797087}.fc1{left:2%;top:24%}.fc2{right:0;bottom:22%}.strip{background:#f7f3fc;padding:22px 6%;display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;color:#6c5185;font-size:11px;letter-spacing:1.4px;font-weight:800}.section{padding:110px max(6%,calc((100vw - 1200px)/2))}.section-heading{text-align:center;max-width:750px;margin:0 auto 58px}.section-heading p{color:var(--muted);font-size:16px;line-height:1.7}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.sample{border:1px solid #e9e4f1;border-radius:24px;padding:28px 22px 20px;background:#fbf9ff;transition:.3s}.sample:hover{transform:translateY(-8px);box-shadow:0 20px 40px #38225c16}.sample-phone{height:345px;width:183px;margin:auto;background:#101223;border:7px solid #101223;border-radius:31px;padding:6px;position:relative;box-shadow:0 15px 25px #0002}.sample-phone .notch{width:58px;height:13px;top:7px}.sample-inside{height:100%;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;text-align:center;padding:14px}.sample-inside>span{font-size:31px}.sample-inside strong{font-family:'Playfair Display',serif;font-size:28px;font-weight:500}.sample-inside small{font-size:9px;letter-spacing:1.5px}.sample-flower{font-size:26px}.night{background:radial-gradient(circle at top,#654b9b,#191833 78%);color:#f8dfad}.minimal{background:#e6ede6;color:#425e50}.sample-info{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.sample-info small{color:#8a729d}.sample-info h3{margin:4px 0 0;font-size:18px}.sample-placeholder{font-size:11px;color:#8750ba}.note{text-align:center;color:#8d8d9a;font-size:12px;margin:25px 0 0}.features{background:#0b1730;color:#fff}.features .section-heading p{color:#bac4d6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature{background:#ffffff0b;border:1px solid #ffffff1b;padding:29px 23px;border-radius:20px;position:relative;min-height:220px}.feature:hover{background:#ffffff15}.fi{width:46px;height:46px;border-radius:13px;background:#7439d93d;color:#f28af0;display:grid;place-items:center;font-size:25px;margin-bottom:22px}.feature h3{font-size:17px}.feature p{color:#aebbd2;font-size:13px;line-height:1.7}.premium{background:linear-gradient(145deg,#45235455,#1d1b3b)}.mini-badge{font-size:9px;letter-spacing:1px;color:#f4a7ed;font-weight:800}.split,.organize{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.split-copy p{color:#69738a;line-height:1.85}.visual-card{height:450px;background:radial-gradient(circle at 70% 20%,#ecc9ec,#e8dff7 55%,#d8d4ee);border-radius:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;color:#49335e}.tiny{letter-spacing:2px;font-size:11px}.type-demo{font-family:'Playfair Display',serif;font-size:46px;text-align:center;margin:34px 0}.type-demo em{color:#a14ab0}.color-dots{display:flex;gap:8px}.color-dots b{width:24px;height:24px;border-radius:50%;background:#a26fa8}.color-dots b:nth-child(2){background:#d2a6a7}.color-dots b:nth-child(3){background:#50416c}.color-dots b:nth-child(4){background:#faf2df}.type-footer{position:absolute;bottom:28px;font-size:12px}.text-link{color:#7c36d6;font-weight:800}.organize{background:#f7f7fc}.check-list{display:grid;gap:17px;margin-top:26px;color:#3d4356;font-weight:600;font-size:14px}.dashboard-preview{background:white;padding:35px;border-radius:24px;box-shadow:0 25px 65px #19133818}.dash-top{display:flex;justify-content:space-between;font-size:13px;color:#6b42c4;padding-bottom:30px}.dash-label{font-size:13px;color:#69748c}.dash-numbers{display:flex;gap:50px;margin:18px 0 35px}.dash-numbers b{font-size:48px;display:block}.dash-numbers small{color:#7d8598;font-size:11px}.dash-bars{display:grid;gap:12px;margin-bottom:25px}.dash-bars span{height:13px;background:linear-gradient(90deg,#753be0,#dc61d4);border-radius:9px}.dashboard-preview>small{color:#9a9aa7;font-size:10px}.plans{background:#111932;color:#fff}.plans .section-heading p{color:#b8bfd3}.plans h2 em{color:#f2a2eb}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:960px;margin:auto}.plan{border:1px solid #ffffff2b;border-radius:25px;padding:38px;background:#ffffff0b;position:relative}.plan.featured{border-color:#c45bde;background:linear-gradient(145deg,#3c215c,#171c3b)}.recommended{position:absolute;top:-14px;right:20px;background:#cc44db;color:#fff;padding:8px 14px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1px}.plan-icon{font-size:34px;color:#e58cec}.plan h3{font-size:29px;margin:13px 0}.plan p{color:#c0c6d5;line-height:1.7;min-height:72px}.price{font-size:23px;font-weight:800;margin:25px 0}.plan ul{padding-left:18px;min-height:190px;line-height:2;color:#d5d6e3;font-size:14px}.plan .btn{width:100%}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.steps-grid b{font-size:42px;color:#d5b9f4}.steps-grid h3{font-size:17px}.steps-grid p{font-size:13px;color:#788196;line-height:1.7}.faq{background:#f8f6fc}.faq-list{max-width:850px;margin:auto}.faq details{border-bottom:1px solid #ded8e9;padding:22px 4px}.faq summary{font-weight:700;cursor:pointer;font-size:16px}.faq details p{color:#6d7487;line-height:1.8;margin:16px 0 0}.cta{padding:110px 20px;background:radial-gradient(circle at 60% 0,#643086,#121630 65%);text-align:center;color:#fff}.cta h2{max-width:760px;margin:22px auto}.cta h2 em{color:#eaa3e9}.cta p{color:#c9c3db;max-width:580px;margin:0 auto 30px;line-height:1.8}.cta small{display:block;color:#aaa1bf;margin-top:20px}footer{background:#071629;color:#acb7ce;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer img{width:170px}.reveal{opacity:1;transform:none}.js-animations .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}.js-animations .reveal.visible{opacity:1;transform:none}@media(max-width:950px){.nav nav{display:none;position:absolute;top:88px;left:0;right:0;background:#071629;padding:30px;flex-direction:column}.nav nav.open{display:flex}.hamb{display:block}.desktop{display:none}.hero{grid-template-columns:1fr;text-align:center;padding:75px 6%}.hero p{margin:auto}.actions,.hero-trust{justify-content:center}.hero-visual{min-height:560px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split,.organize{gap:35px}.steps-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.nav{height:74px;padding:0 5%}.nav nav{top:74px}.nav img{width:170px}.hero{padding:65px 6%}.hero h1{letter-spacing:-1.5px}.hero-visual{min-height:480px}.phone.large{transform:scale(.86) rotate(4deg)}.fc1{left:0}.fc2{right:0}.section{padding:75px 6%}.sample-grid,.plan-grid,.split,.organize{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature{padding:19px 14px;min-height:230px}.feature h3{font-size:15px}.feature p{font-size:12px}.steps-grid{grid-template-columns:1fr 1fr}.sample-grid{max-width:390px;margin:auto}.visual-card{height:350px}.type-demo{font-size:37px}.split-copy{order:0}.dashboard-preview{padding:24px}.dash-numbers{gap:20px}.plan ul{min-height:0}footer{flex-wrap:wrap;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Accesos flotantes y correcciones responsive */
html,body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
.floating-tools{position:fixed;left:clamp(12px,2.5vw,32px);bottom:clamp(16px,3vw,34px);z-index:80;display:flex;flex-direction:column;gap:12px;align-items:center}
.float-wa,.float-top{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:0;box-shadow:0 9px 28px #0003;cursor:pointer;transition:transform .2s}
.float-wa{background:#25d366;color:white}.float-wa svg{width:30px;height:30px}
.float-top{background:#753bd7;color:white;font-size:30px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(10px)}
.float-top.shown{opacity:1;pointer-events:auto;transform:translateY(0)}
.float-wa:hover,.float-top:hover{scale:1.07}
@media(max-width:650px){.floating-tools{left:12px;bottom:18px;gap:9px}.float-wa,.float-top{width:49px;height:49px}.float-wa svg{width:27px;height:27px}.hero{min-height:0}.hero-visual{width:100%;min-width:0}.hero-copy{min-width:0}.nav{gap:10px}.sample-grid,.feature-grid,.plan-grid{min-width:0}.section-heading h2{overflow-wrap:break-word}.float-card{font-size:12px}.steps-grid{gap:15px}}
@media(max-width:370px){.feature-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.hero-trust{gap:10px}.hero h1{font-size:38px}.phone.large{transform:scale(.73) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.js-animations .reveal{opacity:1!important;transform:none!important}}

/* Versión 1.2 - portada equilibrada, accesos flotantes y primera carga */
@media(min-width:901px){
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,85px);min-height:660px;padding-top:60px;padding-bottom:60px}
.hero-copy{grid-column:2;grid-row:1;text-align:left}
.hero-visual{grid-column:1;grid-row:1;min-height:530px;display:flex;align-items:center;justify-content:center}
.hero-visual .phone.large{margin:0 auto}
.hero-copy h1{max-width:620px}
}
.floating-tools{left:auto!important;right:clamp(12px,2.5vw,32px)!important}
@media(max-width:900px){.hero-copy{order:0}.hero-visual{order:1;min-height:470px}}
@media(max-width:600px){.hero{padding-top:42px}.hero-visual{min-height:420px}.floating-tools{right:12px!important}}
@keyframes enterFade{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes phoneEnter{from{opacity:0;transform:translateY(35px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.hero-copy{animation:enterFade .85s ease both}
.hero-visual{animation:phoneEnter 1.05s .16s ease both}
.nav{animation:enterFade .55s ease both}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-visual,.nav{animation:none!important}}

.sample-link{font-size:12px;font-weight:700;color:#8138cb;text-decoration:none}.sample-link:hover{text-decoration:underline}

/* Accesos flotantes independientes: subir izquierda / WhatsApp derecha */
.floating-tools{left:0!important;right:0!important;bottom:0!important;pointer-events:none;display:contents}
.float-top{position:fixed;left:clamp(12px,2.5vw,32px);right:auto;bottom:clamp(16px,3vw,34px);z-index:85;pointer-events:none}
.float-top.shown{pointer-events:auto}
.float-wa{position:fixed;right:clamp(12px,2.5vw,32px);left:auto;bottom:clamp(16px,3vw,34px);z-index:85;pointer-events:auto}
@media(max-width:650px){.float-top{left:12px;bottom:18px}.float-wa{right:12px;bottom:18px}}

.sample-phone{position:relative;overflow:hidden}.sample-screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:inherit}.sample-phone .notch{z-index:3}

/* v1.6: portada y carrusel */
.phone.large{transform:rotate(5deg);transition:transform .5s ease}.hero-visual:hover .phone.large{transform:rotate(2deg) translateY(-8px)}
.phone-screen{position:relative;overflow:hidden}.hero-screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:inherit;z-index:1}.phone-screen:has(.hero-screenshot[src^="/uploads/"])> :not(.hero-screenshot){visibility:hidden}
.samples-carousel{display:flex;align-items:center;gap:12px;max-width:1250px;margin:auto}.samples-carousel .sample-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;gap:24px;flex:1;min-width:0;padding:8px 0 24px}.samples-carousel .sample{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-width:0}.sample-arrow{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:#7239d7;color:white;font-size:31px;cursor:pointer;box-shadow:0 6px 18px #6235a42b}.sample-arrow:disabled{opacity:.35;cursor:not-allowed}.sample-phone{overflow:hidden}.sample-screenshot{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:21px}.sample-link{white-space:nowrap}
@media(max-width:900px){.samples-carousel .sample{flex-basis:calc((100% - 24px)/2)}}@media(max-width:650px){.samples-carousel{gap:5px}.samples-carousel .sample{flex-basis:100%}.samples-carousel .sample-grid{max-width:none}.sample-arrow{width:30px;flex-basis:30px;height:36px;font-size:25px}.phone.large{transform:scale(.86) rotate(5deg)}.hero-visual:hover .phone.large{transform:scale(.86) rotate(2deg)}}