:root{--navy:#06183a;--navy2:#0a2b65;--ink:#0b1d43;--muted:#667493;--line:#e6eafd;--paper:#f6f8ff;--purple:#7747f5;--cyan:#21c9e4;--lav:#f2edff;--white:#fff;--font:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff}.container{width:min(1230px,calc(100% - 56px));margin:0 auto}.site-header{position:absolute;z-index:20;inset:0 0 auto;color:#fff}.nav-wrap{height:82px;width:min(1370px,calc(100% - 58px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.brand-mark{position:relative;display:block;flex:0 0 auto;width:38px;height:38px;border-radius:8px;background:linear-gradient(180deg,#071744 0%,#08153a 100%);box-shadow:inset 0 0 0 1px rgba(121,166,255,.16),0 10px 22px rgba(4,12,40,.28);overflow:hidden}
.brand-mark:before{content:"";position:absolute;inset:1px;border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));pointer-events:none}
.brand-mark__glow{position:absolute;inset:auto auto 5px 4px;width:28px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(124,84,255,.28),transparent 70%);filter:blur(6px)}
.brand-mark__cloud,.brand-mark__cloud--back{position:absolute;left:6px;bottom:8px;width:24px;height:11px;border:2px solid #814af4;border-top:0;border-radius:0 0 8px 8px}
.brand-mark__cloud:before,.brand-mark__cloud:after,.brand-mark__cloud--back:before{content:"";position:absolute;border:2px solid #814af4;border-radius:50%;background:transparent}
.brand-mark__cloud:before{left:-1px;bottom:8px;width:10px;height:10px;border-right-color:transparent}
.brand-mark__cloud:after{left:6px;bottom:11px;width:12px;height:12px}
.brand-mark__cloud--back{left:14px;bottom:8px;width:13px;height:8px;border-left:0;border-radius:0 0 8px 0;opacity:.92}
.brand-mark__cloud--back:before{right:-1px;left:auto;bottom:6px;width:9px;height:9px;border-left-color:transparent}
.brand-mark__pulse{position:absolute;left:10px;top:16px;width:18px;height:8px;background:linear-gradient(90deg,#51d7f6,#37c8ea);clip-path:polygon(0 58%,12% 58%,22% 22%,33% 76%,45% 6%,58% 58%,100% 58%,100% 82%,54% 82%,45% 38%,33% 100%,21% 46%,16% 82%,0 82%);filter:drop-shadow(0 0 6px rgba(66,220,245,.45))}
.brand-mark--footer{width:38px;height:35px;border-radius:7px}
.brand-mark--footer .brand-mark__pulse{top:14px;left:9px;width:18px;height:8px}
.brand-mark--footer .brand-mark__cloud,.brand-mark--footer .brand-mark__cloud--back{bottom:7px}
.brand-mark{width:38px;height:38px}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:18px;letter-spacing:-.5px}.brand small{font-size:10px;opacity:.76;margin-top:4px}.nav-links{display:flex;gap:29px}.nav-links a{color:#fff;text-decoration:none;font-size:13px;opacity:.84;transition:.2s}.nav-links a:hover{opacity:1;color:#c9b5ff}.nav-actions{display:flex;gap:10px}.btn{border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:1px solid transparent;font-weight:700;transition:.25s;cursor:pointer;font-family:inherit}.btn:hover{transform:translateY(-2px)}.btn-small{padding:11px 16px;font-size:12px}.btn-primary{color:#fff;background:linear-gradient(100deg,#7041f6 0%,#35cbe5 100%);box-shadow:0 12px 28px rgba(78,71,242,.25)}.btn-ghost{border-color:rgba(184,197,255,.42);color:#fff;background:rgba(7,17,52,.25)}.wa-dot{color:#52df87}.menu-toggle{display:none;background:transparent;color:#fff;border:0;font-size:25px}.hero{position:relative;overflow:hidden;padding:132px 0 72px;min-height:765px;background:radial-gradient(circle at 84% 22%,#173f8c 0,transparent 33%),radial-gradient(circle at 48% 85%,rgba(87,48,220,.4),transparent 32%),linear-gradient(120deg,#031331 0%,#071d47 55%,#07163a 100%);color:#fff}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,8,27,.35),transparent 50%);pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:39% 61%;align-items:center;gap:24px;min-height:560px}.hero-copy{padding:22px 0 0;max-width:470px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#7051ff;margin:0 0 15px}.eyebrow-dark{color:#82dbe9}.hero h1{font-family:var(--serif);font-weight:600;letter-spacing:-2.5px;font-size:clamp(50px,4.4vw,76px);line-height:1.04;margin:0 0 27px;max-width:510px}.hero h1 span{background:linear-gradient(90deg,#9a62ff,#22d5e6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:18px;line-height:1.62;color:#d3dbef;margin:0 0 31px;max-width:480px}.hero-cta{display:flex;gap:15px;margin-bottom:31px}.btn-large{padding:18px 25px;font-size:15px}.btn-outline{color:#fff;border-color:#7186b7;background:rgba(8,22,59,.22)}.hero-chips{display:flex;flex-wrap:wrap;gap:10px}.hero-chips span{border:1px solid rgba(155,179,235,.36);padding:9px 12px;border-radius:20px;font-size:11px;color:#d9e6ff;background:rgba(7,25,64,.35)}.hero-visual{position:relative;height:555px;min-width:0}.visual-glow{position:absolute;width:66%;height:45%;left:19%;bottom:1%;filter:blur(45px);background:rgba(64,122,255,.36);border-radius:50%}.browser-card{position:absolute;z-index:2;left:19%;top:25px;width:69%;border:1px solid rgba(149,183,255,.72);border-radius:20px;background:#0b1d47;padding:10px;box-shadow:0 25px 50px rgba(0,0,0,.32),0 0 45px rgba(82,101,255,.32)}.browser-bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 5px}.traffic{width:8px;height:8px;border-radius:50%}.red{background:#f66}.yellow{background:#ffc65c}.green{background:#44d789}.browser-url{display:block;margin:auto;background:rgba(255,255,255,.09);border-radius:13px;padding:6px 38px;color:#bfccf2;font-size:10px}.browser-body{overflow:hidden;border-radius:12px;background:#fff}.browser-body img{display:block;width:100%;height:385px;object-fit:cover;object-position:center}.feature-stack{position:absolute;z-index:4;left:0;top:150px;display:grid;gap:14px}.floating-feature{width:175px;padding:14px 16px;display:flex;align-items:center;gap:10px;border-radius:14px;background:rgba(20,44,96,.88);border:1px solid rgba(131,159,239,.38);box-shadow:0 12px 25px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.floating-feature i{width:39px;height:39px;border-radius:50%;background:linear-gradient(135deg,#7c55fc,#21cfe6);font-style:normal;display:grid;place-items:center;font-size:22px}.floating-feature span{display:flex;flex-direction:column;gap:3px}.floating-feature b{font-size:13px}.floating-feature small{font-size:12px;color:#d7dff6}.memorial-float{position:absolute;z-index:5;right:0;bottom:2px;width:250px;background:#fff;color:#18244a;border-radius:20px;padding:21px;box-shadow:0 20px 46px rgba(0,0,0,.29)}.memorial-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#a88768,#586473);color:#fff;display:grid;place-items:center;font-weight:800;float:left;margin:0 13px 9px 0}.memorial-top small{display:block;font-size:10px;color:#72809f}.memorial-top strong{display:block;font-size:15px;line-height:1.2;margin:3px 0}.memorial-top b{font-size:11px;color:#5b47d2}.memorial-float p{clear:both;font-size:12px;line-height:1.5;color:#71809c;text-align:center;margin:17px 0}.memorial-tabs{display:flex;gap:18px;font-size:11px;border-bottom:1px solid #e8eafa;padding-bottom:10px}.memorial-tabs .active{color:#7343e9;font-weight:800;border-bottom:2px solid #7343e9;margin-bottom:-12px;padding-bottom:10px}.condolence-mini{margin-top:15px;padding:11px;background:#f8f9fd;border:1px solid #e9edfb;border-radius:10px;font-size:10px;line-height:1.5;color:#52607e}.support-badge{position:absolute;z-index:4;right:-26px;top:125px;width:112px;padding:16px;border-radius:15px;background:linear-gradient(145deg,#4c2bc0,#8650ed);box-shadow:0 14px 25px rgba(85,44,215,.35);text-align:center}.support-badge span{display:block;font-size:21px}.support-badge small{display:block;font-size:10px;margin-top:5px}.support-badge b{display:block;font-size:23px}.hero-wave{position:absolute;width:120%;height:180px;bottom:-90px;left:-10%;border:2px solid rgba(85,172,255,.55);border-radius:50%;transform:rotate(-3deg);box-shadow:0 -18px 60px rgba(89,64,255,.28)}.hero-orb{position:absolute;border-radius:50%;filter:blur(5px)}.hero-orb-one{width:450px;height:450px;right:-190px;top:70px;background:radial-gradient(circle,rgba(60,151,255,.22),transparent 67%)}.hero-orb-two{width:450px;height:350px;left:18%;bottom:-250px;background:radial-gradient(circle,rgba(122,55,252,.27),transparent 65%)}.trust-strip{background:#fff;border-bottom:1px solid #edf0fb}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.trust-grid article{display:flex;gap:13px;align-items:center;padding:0 25px;border-right:1px solid #edf0fb}.trust-grid article:first-child{padding-left:0}.trust-grid article:last-child{border-right:0}.trust-grid i{font-style:normal;font-size:26px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#f2efff;color:#7144f0}.trust-grid b{display:block;font-size:14px}.trust-grid span{display:block;font-size:12px;line-height:1.35;color:#71809d;margin-top:3px}.section{padding:92px 0}.soft-section{background:linear-gradient(180deg,#fafbff,#f4f6ff)}.info-grid{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:22px;align-items:stretch}.info-card{position:relative;overflow:hidden;border-radius:20px;padding:34px;min-height:390px;background:#fff;border:1px solid #e8ebfb;box-shadow:0 14px 35px rgba(31,55,120,.06)}.info-card h2{font-size:25px;letter-spacing:-1.1px;line-height:1.17;margin:0 0 23px;max-width:370px}.checks{margin:0;padding:0;list-style:none;display:grid;gap:12px}.checks li{position:relative;padding-left:20px;font-size:14px;line-height:1.42;color:#5c6885}.checks li:before{content:'✓';position:absolute;left:0;color:#7144f0;font-weight:900}.text-link{display:inline-block;margin-top:24px;color:#5e40ee;font-weight:800;text-decoration:none;font-size:13px}.flower-art{position:absolute;right:-3px;bottom:-16px;font-size:155px;opacity:.15;color:#58aa75;transform:rotate(18deg)}.steps-card{padding-right:28px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:25px}.steps div{position:relative}.steps div:not(:last-child):after{content:"";position:absolute;top:17px;left:45px;right:-7px;border-top:1px dashed #cfd5ef}.steps b{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#5d42e7;background:#f1efff;font-size:15px;margin-bottom:15px}.steps strong{display:block;font-size:13px;line-height:1.25}.steps span{display:block;color:#73809d;font-size:11px;line-height:1.42;margin-top:6px}.domain-card{background:linear-gradient(135deg,#fff 0%,#f1f8ff 100%)}.domain-lines{display:grid;gap:11px;margin-top:20px}.domain-lines div{border-radius:11px;padding:12px 13px;background:#fff;border:1px solid #e7ebf8;box-shadow:0 7px 15px rgba(43,60,122,.05);font-size:12px;color:#4f5e80}.domain-lines span{color:#48bfe3}.domain-lines b{float:right;color:#3ebd77}.examples-section{background:#fff}.examples-layout{display:grid;grid-template-columns:28% 72%;gap:35px;align-items:center}.examples-intro h2,.section-heading h2{font-size:clamp(34px,3vw,48px);letter-spacing:-2.1px;line-height:1.08;margin:0 0 18px}.examples-intro p:not(.eyebrow),.section-heading>p:not(.eyebrow){color:#6d7896;line-height:1.6;font-size:15px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.example-card{position:relative;min-height:300px;overflow:hidden;border-radius:18px;background:#14244d;box-shadow:0 16px 35px rgba(20,35,81,.15)}.example-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;transition:.4s}.example-card:hover img{transform:scale(1.035)}.example-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,12,34,.88),rgba(4,17,45,.04) 64%)}.example-card div{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#fff}.example-card small{font-size:10px;letter-spacing:1.3px;color:#b49eff}.example-card h3{font-size:21px;line-height:1.15;margin:8px 0 15px;max-width:300px}.example-card a{font-size:12px;color:#fff;font-weight:800;text-decoration:none;border:1px solid rgba(255,255,255,.6);padding:9px 12px;border-radius:8px}.plans-section{background:#f7f8ff}.section-heading{max-width:750px;margin-bottom:38px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:990px;margin:auto}.plan-card{position:relative;padding:30px;border:1px solid #e5e9fb;border-radius:18px;background:#fff;box-shadow:0 11px 27px rgba(33,50,103,.06)}.plan-card h3{font-size:24px;margin:0}.plan-card>p{font-size:13px;color:#73809d;margin:7px 0 19px}.price{font-size:29px;letter-spacing:-1px;display:block;margin-bottom:19px}.price small{font-size:11px;color:#78839f;font-weight:600;letter-spacing:0}.plan-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px;color:#64708d;font-size:13px}.plan-card li{line-height:1.32}.plan-btn{width:100%;min-height:43px;border:1px solid #9d8af7;color:#6542e9;background:#fff;font-size:13px}.featured{border:2px solid #8458f6;box-shadow:0 18px 35px rgba(93,64,235,.16);transform:translateY(-9px)}.most{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#fff;background:#7747f5;border-radius:20px;padding:5px 13px;font-weight:800}.demo-section{padding:90px 0;background:linear-gradient(115deg,#4f35e8,#22c6df)}.demo-grid{display:grid;grid-template-columns:42% 58%;gap:66px;align-items:center}.demo-copy{color:#fff;max-width:460px}.demo-copy h2{font-size:clamp(39px,4vw,62px);line-height:1.05;letter-spacing:-2.7px;margin:0 0 20px}.demo-copy p{line-height:1.65;color:#e7e9ff}.demo-copy ul{list-style:none;padding:0;display:grid;gap:8px;font-size:14px;margin:24px 0}.white-outline{color:#fff;border-color:rgba(255,255,255,.66);padding:13px 16px;font-size:13px}.demo-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 22px 50px rgba(11,29,93,.24)}.demo-form h3{font-size:24px;margin:0}.demo-form>p{color:#75809b;font-size:13px;margin:5px 0 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-form label{display:grid;gap:6px;font-size:11px;color:#56617d;font-weight:700;margin-top:12px}.demo-form input,.demo-form select,.demo-form textarea{border:1px solid #e1e5f2;border-radius:9px;padding:11px;font-family:inherit;font-size:13px;color:#26365c;background:#fbfcff;outline:0}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:#7d55ef;box-shadow:0 0 0 3px rgba(125,85,239,.12)}.form-submit{width:100%;border:0;margin-top:17px;padding:14px;font-size:14px}.footer{background:#06173a;color:#d8e1fb}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:45px;padding:55px 0}.footer .brand img{width:35px}.footer .brand b{font-size:17px}.footer-brand p{font-size:12px;line-height:1.55;color:#9eabc9;max-width:260px}.socials{display:flex;gap:8px}.socials span{width:28px;height:28px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;border-radius:50%;font-size:11px}.footer h4{font-size:13px;margin:0 0 15px;color:#fff}.footer a,.footer span{display:block;color:#aab7d4;text-decoration:none;font-size:12px;margin:9px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:17px 0;color:#99a8c7;font-size:11px}.footer-bottom span{float:right}.footer-bottom .container{display:block}@media(max-width:1050px){.nav-links{display:none}.menu-toggle{display:block}.nav-actions{margin-left:auto;margin-right:16px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:115px}.hero-copy{max-width:590px}.hero-visual{height:560px}.info-grid{grid-template-columns:1fr}.info-card{min-height:auto}.examples-layout{grid-template-columns:1fr}.plan-grid{max-width:none}.demo-grid{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}@media(max-width:680px){.container{width:min(100% - 34px,1230px)}.nav-wrap{height:70px;width:calc(100% - 34px)}.nav-actions{display:none}.hero{min-height:auto;padding:105px 0 45px}.hero h1{font-size:48px;letter-spacing:-1.8px}.hero-lead{font-size:16px}.hero-cta{flex-direction:column;align-items:stretch}.btn-large{width:100%}.hero-visual{height:430px;margin-top:5px}.browser-card{left:10%;width:77%;top:35px}.browser-body img{height:270px}.feature-stack{left:-3px;top:90px;gap:8px}.floating-feature{width:128px;padding:8px}.floating-feature i{width:28px;height:28px;font-size:15px}.floating-feature b{font-size:10px}.floating-feature small{font-size:9px}.memorial-float{right:-4px;bottom:0;width:195px;padding:15px}.memorial-float p{font-size:10px;margin:11px 0}.support-badge{right:-12px;top:140px;width:88px;padding:10px}.support-badge b{font-size:18px}.trust-grid{grid-template-columns:1fr 1fr;gap:15px;padding:20px 0}.trust-grid article{padding:0 5px;border:0}.trust-grid span{font-size:10px}.trust-grid i{width:36px;height:36px;font-size:19px}.section{padding:62px 0}.info-card{padding:26px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps div:after{display:none}.examples-intro h2,.section-heading h2{font-size:36px}.example-grid,.plan-grid,.form-row{grid-template-columns:1fr}.example-card{min-height:240px}.featured{transform:none}.demo-section{padding:65px 0}.demo-form{padding:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom span{float:none;display:block;margin-top:5px}.hero-chips span{font-size:9px}.eyebrow{font-size:9px}}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   V6 — HERO PREMIUM REBUILT FROM APPROVED ART DIRECTION
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hero-premium{min-height:760px;padding:128px 0 72px;overflow:hidden;background:
  radial-gradient(circle at 81% 23%,rgba(33,114,246,.23),transparent 31%),
  radial-gradient(circle at 48% 96%,rgba(102,57,248,.30),transparent 28%),
  linear-gradient(112deg,#020d26 0%,#061b48 54%,#0a1d4b 100%)}
.hero-premium:after{display:none}
.hero-grid-premium{grid-template-columns:39% 61%;gap:0;min-height:560px;align-items:center}
.hero-copy-premium{position:relative;z-index:5;max-width:500px;padding:32px 0 8px}
.eyebrow-hero{margin-bottom:24px;color:#6ce4f5;font-size:11px;letter-spacing:2.3px}
.hero-copy-premium h1{font-family:var(--serif);font-size:clamp(47px,4.15vw,69px);font-weight:500;line-height:1.085;letter-spacing:-2.25px;max-width:530px;margin:0 0 27px}
.hero-copy-premium h1 span{background:linear-gradient(92deg,#a468ff 8%,#4b95ff 56%,#20d7e7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy-premium .hero-lead{font-size:17px;line-height:1.65;max-width:472px;color:#cbd5ec;margin-bottom:32px}
.hero-copy-premium .hero-cta{gap:17px;margin-bottom:34px}
.hero-copy-premium .btn-large{min-width:170px;padding:18px 23px;border-radius:13px;font-size:15px}
.hero-copy-premium .btn-outline{border-color:rgba(160,185,241,.52);background:rgba(2,13,38,.22)}
.hero-chips-premium{gap:10px}.hero-chips-premium span{padding:10px 13px;border-radius:24px;font-size:11px;background:rgba(7,26,69,.5);border-color:rgba(129,158,230,.43)}
.hero-showcase-wrap{position:relative;z-index:3;height:605px;display:flex;align-items:center;justify-content:flex-end;isolation:isolate}
.hero-showcase-glow{position:absolute;right:4%;bottom:0;width:86%;height:55%;border-radius:50%;background:radial-gradient(ellipse,rgba(44,113,255,.39),rgba(63,54,244,.15) 44%,transparent 72%);filter:blur(30px);z-index:-1}
.hero-showcase-premium{display:block;position:relative;width:min(1100px,127%);max-width:none;height:auto;transform:translate(8%,-1%);filter:drop-shadow(0 28px 36px rgba(0,0,0,.24));mix-blend-mode:normal}
.hero-wave-a{position:absolute;left:-11%;bottom:-110px;width:96%;height:215px;border:2px solid rgba(142,94,255,.75);border-radius:50%;transform:rotate(7deg);box-shadow:0 -16px 46px rgba(110,54,255,.33)}
.hero-wave-b{position:absolute;right:-7%;bottom:-73px;width:72%;height:175px;border:2px solid rgba(33,198,255,.68);border-radius:50%;transform:rotate(-6deg);box-shadow:0 -16px 42px rgba(24,184,255,.22)}
.hero-light{position:absolute;border-radius:50%;pointer-events:none;filter:blur(3px)}
.hero-light-a{width:270px;height:270px;left:29%;bottom:-165px;background:radial-gradient(circle,rgba(97,62,250,.32),transparent 67%)}
.hero-light-b{width:340px;height:340px;right:-160px;top:108px;background:radial-gradient(circle,rgba(58,146,255,.22),transparent 65%)}
.hero-gridline{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.hero-gridline-b{opacity:.05;transform:translateX(55%);mask-image:linear-gradient(90deg,transparent,#000)}
@media(max-width:1100px){.hero-premium{min-height:auto;padding-top:112px}.hero-grid-premium{grid-template-columns:1fr;gap:10px}.hero-copy-premium{max-width:720px;padding-top:16px}.hero-copy-premium h1{max-width:650px}.hero-showcase-wrap{height:auto;min-height:490px;margin-top:8px;justify-content:center}.hero-showcase-premium{width:min(1000px,112%);transform:translateX(4%)}.hero-gridline{display:none}}
@media(max-width:700px){.hero-premium{padding:108px 0 54px}.hero-copy-premium h1{font-size:clamp(42px,12vw,58px);line-height:1.06;letter-spacing:-1.7px}.hero-copy-premium .hero-lead{font-size:16px}.hero-copy-premium .hero-cta{flex-wrap:wrap}.hero-showcase-wrap{min-height:285px;margin-top:12px}.hero-showcase-premium{width:150%;transform:translateX(15%)}.hero-chips-premium{gap:8px}.hero-chips-premium span{font-size:10px;padding:8px 10px}.hero-wave-a{width:135%;left:-34%}}

/* V7 HERO — calibrated to the approved art direction */
.site-header{background:linear-gradient(180deg,rgba(2,13,38,.28),rgba(2,13,38,0));}
.hero-premium{min-height:820px;padding:126px 0 76px;background:
 radial-gradient(circle at 84% 20%,rgba(36,113,255,.30),transparent 29%),
 radial-gradient(circle at 48% 92%,rgba(119,61,255,.34),transparent 26%),
 linear-gradient(108deg,#020b22 0%,#061942 47%,#0b2560 100%)}
.hero-premium .container{width:min(1440px,calc(100% - 96px));}
.hero-grid-premium{grid-template-columns:36.5% 63.5%;min-height:618px;gap:0;align-items:center}
.hero-copy-premium{max-width:510px;padding:24px 0 0;align-self:center}
.eyebrow-hero{margin-bottom:22px;font-size:11px;letter-spacing:2.5px;color:#71e8f5}
.hero-copy-premium h1{font-size:clamp(52px,4vw,65px);line-height:1.12;letter-spacing:-2.35px;max-width:505px;margin-bottom:25px}
.hero-copy-premium .hero-lead{max-width:470px;font-size:17px;line-height:1.62;margin-bottom:31px;color:#d4def3}
.hero-copy-premium .hero-cta{gap:16px;margin-bottom:31px}
.hero-copy-premium .btn-large{min-width:175px;padding:17px 24px;border-radius:12px;font-size:15px}
.hero-chips-premium{max-width:520px;gap:9px}
.hero-chips-premium span{padding:9px 12px;border-color:rgba(148,174,239,.45);background:rgba(5,22,63,.42);font-size:11px}
.hero-showcase-wrap{height:630px;align-items:center;justify-content:flex-start;overflow:visible}
.hero-showcase-glow{right:-1%;bottom:2%;width:94%;height:61%;background:radial-gradient(ellipse,rgba(35,119,255,.42),rgba(74,57,249,.19) 45%,transparent 73%);filter:blur(34px)}
.hero-showcase-premium{width:118%;max-width:none;transform:translate(-1%,0);filter:drop-shadow(0 32px 38px rgba(0,0,0,.34)) saturate(1.05) contrast(1.025);will-change:transform}
.hero-wave-a{left:-9%;bottom:-125px;width:86%;height:215px;border-color:rgba(145,86,255,.83);box-shadow:0 -18px 55px rgba(113,54,255,.38)}
.hero-wave-b{right:-8%;bottom:-86px;width:65%;height:190px;border-color:rgba(44,200,255,.79);box-shadow:0 -18px 52px rgba(28,184,255,.27)}
.hero-gridline{opacity:.07;background-size:92px 92px}
.hero-light-a{width:340px;height:340px;left:27%;bottom:-205px}.hero-light-b{width:400px;height:400px;right:-180px;top:80px}
@media(max-width:1180px){.hero-premium .container{width:min(1230px,calc(100% - 64px));}.hero-grid-premium{grid-template-columns:40% 60%}.hero-copy-premium h1{font-size:clamp(48px,4.2vw,60px)}.hero-showcase-premium{width:123%;transform:translate(-5%,0)}}
@media(max-width:980px){.hero-premium{min-height:auto;padding-top:110px}.hero-premium .container{width:min(100% - 40px,760px)}.hero-grid-premium{grid-template-columns:1fr}.hero-copy-premium{max-width:640px}.hero-showcase-wrap{height:auto;min-height:480px;margin-top:10px}.hero-showcase-premium{width:112%;transform:translate(-3%,0)}}
@media(max-width:700px){.hero-premium{padding:102px 0 58px}.hero-premium .container{width:min(100% - 34px,640px)}.hero-copy-premium h1{font-size:clamp(44px,11.5vw,58px);line-height:1.08;letter-spacing:-1.85px}.hero-showcase-wrap{min-height:295px;margin-top:18px}.hero-showcase-premium{width:155%;transform:translate(-14%,0)}.hero-copy-premium .hero-cta{flex-direction:column;align-items:stretch}.hero-copy-premium .btn-large{width:100%}}


/* ============================================================
   V8 — NATIVE HERO COMPOSITION
   The hero is deliberately built from HTML/CSS components instead
   of a flattened composited hero image. The browser, cards, lighting,
   rings and product UI are independent layers and stay responsive.
   ============================================================ */
:root{--hero-navy:#020b21;--hero-blue:#071e52;--hero-line:rgba(145,177,255,.26);--hero-violet:#7e4eff;--hero-cyan:#1fd6ec}
.hero-native{position:relative;isolation:isolate;overflow:hidden;min-height:790px;padding:136px 0 88px;background:linear-gradient(111deg,#02091c 0%,#061636 47%,#0c2a6a 100%);color:#fff}
.hero-native:before{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 72% 24%,rgba(46,130,255,.2),transparent 30%),radial-gradient(circle at 48% 98%,rgba(103,53,255,.32),transparent 27%),radial-gradient(circle at 102% 70%,rgba(28,165,244,.18),transparent 28%)}
.hero-native__ambient{position:absolute;z-index:-3;border-radius:50%;pointer-events:none;filter:blur(2px)}
.hero-native__ambient--a{width:580px;height:520px;right:-255px;top:80px;background:radial-gradient(circle,rgba(41,115,255,.32),rgba(24,76,177,.09) 52%,transparent 73%)}
.hero-native__ambient--b{width:610px;height:330px;left:20%;bottom:-240px;background:radial-gradient(ellipse,rgba(102,54,255,.32),transparent 68%)}
.hero-native__grid{position:absolute;z-index:-2;inset:0;opacity:.11;background-image:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.78) 53%,transparent 93%)}
.hero-native__ring{position:absolute;z-index:-1;border:2px solid;border-radius:50%;pointer-events:none;mix-blend-mode:screen}
.hero-native__ring--violet{height:230px;width:89%;left:-18%;bottom:-154px;border-color:rgba(137,84,255,.72);transform:rotate(6deg);box-shadow:0 -16px 50px rgba(112,58,255,.36)}
.hero-native__ring--cyan{height:204px;width:77%;right:-16%;bottom:-112px;border-color:rgba(39,203,255,.62);transform:rotate(-6deg);box-shadow:0 -16px 48px rgba(20,183,255,.3)}
.hero-native__layout{display:grid;grid-template-columns:minmax(390px,.79fr) minmax(680px,1.35fr);gap:42px;align-items:center;min-height:560px}
.hero-native__copy{position:relative;z-index:5;max-width:540px;padding:10px 0 0}
.hero-native__eyebrow{margin:0 0 24px;color:#73e7f4;font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}
.hero-native h1{max-width:520px;margin:0;font-family:'Playfair Display',Georgia,serif;font-size:clamp(51px,4.15vw,72px);font-weight:500;line-height:1.055;letter-spacing:-2.8px;text-wrap:balance}
.hero-native h1 span{display:inline;background:linear-gradient(96deg,#ad6dff 0%,#518eff 50%,#20d9eb 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-native__lead{max-width:492px;margin:28px 0 31px;color:#d0d9eb;font-size:17px;line-height:1.67}
.hero-native__actions{display:flex;gap:16px;align-items:center;margin-bottom:33px}
.native-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:178px;padding:18px 25px;border-radius:13px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease;background:transparent}
.native-btn:hover{transform:translateY(-3px)}
.native-btn--primary{color:#fff;background:linear-gradient(105deg,#7748ff 0%,#258df5 54%,#16c9dd 100%);box-shadow:0 14px 32px rgba(43,114,255,.27)}
.native-btn--primary:hover{box-shadow:0 20px 38px rgba(43,114,255,.4)}
.native-btn--secondary{color:#fff;border:1px solid rgba(173,195,244,.58);background:rgba(3,15,43,.23)}
.hero-native__chips{display:flex;flex-wrap:wrap;gap:9px;max-width:550px}
.hero-native__chips span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(143,176,244,.41);border-radius:999px;background:rgba(5,23,63,.44);color:#e7edfb;font-size:11px;line-height:1;white-space:nowrap}
.hero-native__chips i{font-style:normal;color:#4de0f0}

.hero-native__scene{position:relative;align-self:center;justify-self:end;width:min(100%,810px);height:594px;z-index:2}
.native-glow--back{position:absolute;inset:auto -3% -3% 3%;height:56%;border-radius:50%;z-index:-2;background:radial-gradient(ellipse,rgba(34,123,255,.5),rgba(74,61,255,.23) 44%,transparent 72%);filter:blur(30px)}
.native-platform{position:absolute;z-index:-1;left:9%;bottom:1px;width:81%;height:31px;border-radius:50%;background:radial-gradient(ellipse,rgba(52,198,255,.72),rgba(101,78,255,.52) 39%,transparent 73%);filter:blur(8px);opacity:.9}
.native-browser{position:absolute;z-index:1;right:30px;top:13px;width:720px;height:524px;overflow:hidden;border:1px solid rgba(157,201,255,.84);border-radius:22px;background:#071940;box-shadow:0 36px 58px rgba(0,0,0,.34),0 0 0 1px rgba(85,154,255,.14),0 0 30px rgba(45,117,255,.42)}
.native-browser:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.54),inset 0 -1px 0 rgba(89,171,255,.45);pointer-events:none;z-index:4}
.native-browser__chrome{position:relative;z-index:3;height:45px;display:flex;align-items:center;gap:18px;padding:0 18px;background:linear-gradient(180deg,#203d83 0%,#10285e 100%);border-bottom:1px solid rgba(255,255,255,.12);color:#dce7ff}
.native-dots{display:flex;gap:8px}.native-dots i{display:block;width:11px;height:11px;border-radius:50%;background:#ff6560}.native-dots i:nth-child(2){background:#ffbf40}.native-dots i:nth-child(3){background:#25d981}
.native-browser__lock{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:12px;color:#d5e4ff}
.native-browser__chrome strong{margin:0 auto;font-size:12px;font-weight:700;letter-spacing:.2px;color:#eff5ff;background:rgba(255,255,255,.1);padding:7px 92px;border-radius:10px}
.native-browser__screen{position:relative;height:calc(100% - 45px);overflow:hidden;background:#fff}.native-browser__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.native-browser__sheen{position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.11),transparent 21%,transparent 74%,rgba(160,209,255,.1));mix-blend-mode:screen;pointer-events:none}
.native-feature{position:absolute;z-index:4;left:0;width:178px;min-height:84px;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid rgba(151,190,255,.36);border-radius:16px;background:linear-gradient(125deg,rgba(22,48,108,.91),rgba(12,35,84,.89));box-shadow:0 18px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(12px)}
.native-feature--one{top:178px}.native-feature--two{top:294px}.native-feature--three{top:410px}
.native-feature__icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:50%;font-size:25px;color:#fff;background:linear-gradient(135deg,#7d5dfc,#2aabf1);box-shadow:0 6px 15px rgba(72,102,255,.42)}
.native-feature--three .native-feature__icon{background:linear-gradient(135deg,#21b5f8,#20dae0)}
.native-feature b,.native-feature small{display:block}.native-feature b{font-size:14px;color:#fff}.native-feature small{margin-top:3px;color:#d6e1fd;font-size:12px}.native-feature__spark{position:absolute;right:-5px;top:50%;width:7px;height:7px;border-radius:50%;background:#79eaff;box-shadow:0 0 14px 3px rgba(87,220,255,.85)}
.native-support{position:absolute;z-index:4;right:-30px;top:165px;width:130px;padding:19px 15px 18px;border:1px solid rgba(162,125,255,.58);border-radius:17px;background:linear-gradient(145deg,#4730b6,#7b3ce8);box-shadow:0 18px 35px rgba(55,24,167,.34),inset 0 1px 0 rgba(255,255,255,.21);text-align:center;color:#fff}.native-support span{display:block;margin-bottom:4px;font-size:23px}.native-support small{display:block;font-size:11px;line-height:1.25;opacity:.94}.native-support b{display:block;margin-top:4px;font-size:28px;line-height:1}
.native-memorial{position:absolute;z-index:5;right:-3px;bottom:0;width:272px;padding:22px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:linear-gradient(160deg,#fff 0%,#f2f5fc 100%);box-shadow:0 28px 48px rgba(0,0,0,.28);color:#172650}.native-memorial__top{display:flex;gap:13px;align-items:center}.native-avatar{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border:3px solid #fff;border-radius:50%;color:#fff;background:radial-gradient(circle at 30% 25%,#d0b78d,#8b7656);box-shadow:0 2px 8px rgba(26,39,74,.17)}.native-avatar span{font-weight:800;font-size:17px}.native-memorial__top small{display:block;margin-bottom:2px;color:#7a88a7;font-size:10px}.native-memorial h3{margin:0;color:#162450;font-size:15px;line-height:1.16}.native-memorial__top b{display:block;margin-top:4px;color:#3b44a7;font-size:11px}.native-quote{margin:17px 0 14px;color:#7180a4;font-size:11px;font-style:italic;line-height:1.45;text-align:center}.native-tabs{display:flex;gap:22px;padding-bottom:10px;border-bottom:1px solid #e2e7f2;font-size:11px}.native-tabs b{position:relative;color:#6143ed}.native-tabs b:after{content:"";position:absolute;left:0;bottom:-11px;width:54px;height:2px;background:#6543f0}.native-tabs span{color:#657396}.native-note{margin-top:13px;padding:12px;border:1px solid #dde4f0;border-radius:10px;background:#f9fbff;color:#556482;font-size:11px;line-height:1.5}.native-note strong{display:block;margin-top:5px;color:#304165}

@media(max-width:1260px){.hero-native{min-height:740px}.hero-native__layout{grid-template-columns:minmax(360px,.82fr) minmax(590px,1.18fr);gap:22px}.hero-native h1{font-size:clamp(50px,4.3vw,65px)}.hero-native__scene{width:690px;height:555px}.native-browser{right:5px;width:635px;height:470px}.native-browser__chrome strong{padding:7px 62px}.native-feature{width:160px}.native-feature--one{top:154px}.native-feature--two{top:260px}.native-feature--three{top:366px}.native-memorial{right:-16px;width:250px}.native-support{right:-38px}.hero-native__lead{font-size:16px}}
@media(max-width:1020px){.hero-native{padding:110px 0 65px}.hero-native__layout{grid-template-columns:1fr;gap:14px}.hero-native__copy{max-width:660px}.hero-native h1{max-width:650px}.hero-native__scene{justify-self:center;width:min(100%,770px);height:575px;margin-top:4px}.native-browser{right:20px;width:680px;height:500px}.native-support{right:-10px}.hero-native__grid{display:none}}
@media(max-width:720px){.hero-native{padding:98px 0 56px}.hero-native__layout{display:block}.hero-native h1{font-size:clamp(46px,12vw,61px);letter-spacing:-1.8px;line-height:1.07}.hero-native__lead{font-size:16px}.hero-native__actions{display:grid;grid-template-columns:1fr;max-width:360px}.native-btn{width:100%}.hero-native__scene{height:366px;width:100%;margin-top:32px}.native-browser{right:-1%;top:3px;width:95%;height:315px;border-radius:14px}.native-browser__chrome{height:30px;padding:0 11px;gap:7px}.native-dots{gap:5px}.native-dots i{width:7px;height:7px}.native-browser__lock{display:none}.native-browser__chrome strong{padding:5px 22px;font-size:8px}.native-browser__screen{height:calc(100% - 30px)}.native-feature{left:-1%;width:122px;min-height:55px;padding:7px 8px;gap:7px;border-radius:10px}.native-feature__icon{width:30px;height:30px;flex-basis:30px;font-size:16px}.native-feature b{font-size:10px}.native-feature small{font-size:9px;margin-top:1px}.native-feature__spark{width:5px;height:5px}.native-feature--one{top:105px}.native-feature--two{top:176px}.native-feature--three{top:247px}.native-support{right:-6px;top:58px;width:84px;padding:10px 6px;border-radius:12px}.native-support span{font-size:15px}.native-support small{font-size:8px}.native-support b{font-size:18px}.native-memorial{right:-4px;bottom:-5px;width:175px;padding:12px;border-radius:14px}.native-avatar{width:37px;height:37px;flex-basis:37px;font-size:10px}.native-avatar span{font-size:11px}.native-memorial h3{font-size:10px}.native-memorial__top small,.native-memorial__top b{font-size:8px}.native-quote{font-size:8px;margin:10px 0}.native-tabs{gap:12px;font-size:8px;padding-bottom:7px}.native-tabs b:after{bottom:-8px;width:40px}.native-note{margin-top:9px;padding:8px;font-size:8px}.hero-native__chips span{font-size:9px;padding:8px 10px}.hero-native__ring--violet{width:130%;left:-40%}.hero-native__ring--cyan{width:100%;right:-35%}}


/* ========================================================================== 
   OBITUARIO · SISTEMA RESPONSIVE V9
   Arquitectura por rangos: escritorio amplio, portátil, tablet y móvil.
   Este bloque reemplaza los ajustes heredados de versiones anteriores.
   ========================================================================== */
html{overflow-x:hidden}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(38,209,234,.72);outline-offset:3px}
.mobile-nav-demo{display:none}

/* Navegación robusta */
.nav-wrap{position:relative}
.menu-toggle{width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.19);background:rgba(7,24,61,.55);transition:background .2s ease,border-color .2s ease}
.menu-toggle:hover{background:rgba(33,201,228,.12);border-color:rgba(95,221,239,.55)}

/* Hero — escritorio grande */
.hero-native{min-height:clamp(760px,54vw,865px);padding:128px 0 82px}
.hero-native__layout{grid-template-columns:minmax(390px,.78fr) minmax(650px,1.28fr);gap:clamp(24px,3vw,54px);min-height:590px}
.hero-native__copy{max-width:535px;padding-top:16px}
.hero-native h1{max-width:525px;font-size:clamp(56px,4.1vw,72px);line-height:1.065;letter-spacing:-2.55px}
.hero-native__lead{max-width:490px;font-size:17px;line-height:1.66}
.hero-native__scene{width:min(100%,820px);height:600px}
.native-browser{right:28px;top:18px;width:720px;height:524px}
.native-feature{left:0}.native-feature--one{top:174px}.native-feature--two{top:290px}.native-feature--three{top:406px}
.native-support{right:-27px;top:165px}.native-memorial{right:-3px;bottom:0}

/* Portátiles medianos: la escena conserva aire sin invadir el copy */
@media (max-width:1340px){
  .container{width:min(1210px,calc(100% - 56px))}
  .hero-native__layout{grid-template-columns:minmax(355px,.8fr) minmax(570px,1.2fr);gap:18px}
  .hero-native h1{font-size:clamp(52px,4.15vw,64px);max-width:490px}
  .hero-native__scene{width:710px;height:562px}
  .native-browser{right:13px;width:652px;height:475px}
  .native-browser__chrome strong{padding:7px 64px}
  .native-feature{width:166px;min-height:76px;padding:12px 14px}
  .native-feature--one{top:152px}.native-feature--two{top:255px}.native-feature--three{top:358px}
  .native-feature__icon{width:40px;height:40px;flex-basis:40px;font-size:21px}
  .native-memorial{width:246px;padding:19px}.native-support{right:-24px;top:142px}
}

/* Tablet horizontal y laptops compactos: composición en dos actos */
@media (max-width:1160px){
  .container{width:min(900px,calc(100% - 48px))}
  .site-header .nav-links{display:none}
  .site-header .menu-toggle{display:inline-flex}
  .nav-actions{margin-left:auto;margin-right:12px}
  .site-header.menu-is-open .nav-links{position:absolute;z-index:30;top:calc(100% + 10px);left:0;right:0;display:grid;gap:3px;padding:12px;border:1px solid rgba(167,193,255,.23);border-radius:16px;background:rgba(4,16,47,.97);box-shadow:0 20px 45px rgba(0,0,0,.3);backdrop-filter:blur(18px)}
  .site-header.menu-is-open .nav-links a{padding:12px 14px;border-radius:10px;font-size:14px;opacity:1}
  .site-header.menu-is-open .nav-links a:hover{background:rgba(110,83,244,.18)}
  .mobile-nav-demo{display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:5px;background:linear-gradient(100deg,#7041f6,#35cbe5);color:#fff!important;font-weight:800}

  .hero-native{min-height:auto;padding:116px 0 74px}
  .hero-native__layout{grid-template-columns:1fr;gap:24px;min-height:0}
  .hero-native__copy{max-width:690px;padding-top:8px}
  .hero-native h1{max-width:650px;font-size:clamp(54px,7.1vw,68px)}
  .hero-native__lead{max-width:630px}
  .hero-native__scene{justify-self:center;width:min(100%,820px);height:610px;margin-top:0}
  .native-browser{right:30px;width:720px;height:524px}
  .native-feature--one{top:178px}.native-feature--two{top:294px}.native-feature--three{top:410px}
  .native-support{right:-8px;top:165px}.native-memorial{right:0}
  .hero-native__grid{display:none}

  .info-grid{grid-template-columns:1fr 1fr;gap:20px}
  .steps-card{grid-column:1 / -1;min-height:340px}
  .examples-layout{grid-template-columns:1fr;gap:30px}
  .examples-intro{max-width:620px}
  .plan-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .plan-card{padding:25px}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2 / 4}
}

/* Tablet vertical */
@media (max-width:820px){
  .container{width:min(720px,calc(100% - 40px))}
  .nav-wrap{width:calc(100% - 40px);height:76px}
  .brand img{width:35px;height:35px}.brand b{font-size:17px}
  .nav-actions .btn-ghost{display:none}
  .nav-actions .btn-small{padding:10px 13px}

  .hero-native{padding:106px 0 66px}
  .hero-native__copy{max-width:650px}
  .hero-native h1{font-size:clamp(48px,7.8vw,62px);line-height:1.075;letter-spacing:-2px}
  .hero-native__lead{font-size:16px;margin:24px 0 28px}
  .hero-native__scene{width:100%;height:535px;margin-top:8px}
  .native-browser{right:2%;top:18px;width:91%;height:465px}
  .native-browser__chrome strong{padding:7px clamp(35px,8vw,68px)}
  .native-feature{left:0;width:158px;min-height:70px;padding:10px 12px}
  .native-feature__icon{width:37px;height:37px;flex-basis:37px;font-size:20px}
  .native-feature b{font-size:12px}.native-feature small{font-size:11px}
  .native-feature--one{top:142px}.native-feature--two{top:237px}.native-feature--three{top:332px}
  .native-support{right:-3px;top:112px;width:112px;padding:14px 10px}
  .native-support b{font-size:24px}
  .native-memorial{right:0;bottom:0;width:228px;padding:17px}
  .native-avatar{width:49px;height:49px;flex-basis:49px}.native-avatar span{font-size:14px}
  .native-memorial h3{font-size:13px}.native-quote{font-size:10px;margin:12px 0}.native-note{font-size:10px;padding:10px}

  .trust-grid{grid-template-columns:1fr 1fr;gap:0;padding:12px 0}
  .trust-grid article{padding:16px 14px;border-right:0;border-bottom:1px solid #edf0fb}.trust-grid article:nth-last-child(-n+2){border-bottom:0}.trust-grid article:first-child{padding-left:14px}
  .section{padding:74px 0}
  .example-grid{gap:16px}.example-card{min-height:270px}
  .plan-grid{grid-template-columns:1fr 1fr;max-width:700px;margin:0 auto;gap:22px}.plan-card:last-child{grid-column:1 / -1;max-width:340px;justify-self:center;width:100%}.featured{transform:none}
  .demo-grid{grid-template-columns:1fr;gap:38px}.demo-copy{max-width:600px}
}

/* Móvil grande */
@media (max-width:600px){
  .container{width:calc(100% - 32px)}
  .nav-wrap{width:calc(100% - 32px);height:68px}
  .brand{gap:7px}.brand img{width:31px;height:31px}.brand b{font-size:15px}.brand small{font-size:8px;margin-top:3px}
  .nav-actions{display:none}.menu-toggle{display:inline-flex;width:40px;height:40px;font-size:22px}
  .site-header.menu-is-open .nav-links{left:0;right:0;top:calc(100% + 8px)}

  .hero-native{padding:93px 0 56px;min-height:0}
  .hero-native__eyebrow{font-size:9px;letter-spacing:1.65px;margin-bottom:17px}
  .hero-native h1{font-size:clamp(42px,12.2vw,54px);line-height:1.06;letter-spacing:-1.55px;max-width:470px}
  .hero-native__lead{font-size:15px;line-height:1.62;margin:21px 0 25px}
  .hero-native__actions{display:grid;grid-template-columns:1fr;gap:11px;margin-bottom:24px;max-width:360px}
  .native-btn{width:100%;min-height:54px;padding:15px 19px}
  .hero-native__chips{gap:7px}.hero-native__chips span{font-size:9px;padding:8px 10px}
  .hero-native__scene{height:calc((100vw - 32px) * .98);min-height:355px;max-height:475px;margin-top:27px}
  .native-browser{right:1%;top:2%;width:94%;height:72%;border-radius:16px}
  .native-browser__chrome{height:33px;padding:0 10px;gap:6px}.native-dots{gap:4px}.native-dots i{width:7px;height:7px}.native-browser__lock{display:none}.native-browser__chrome strong{padding:5px 16px;font-size:8px;border-radius:8px}.native-browser__screen{height:calc(100% - 33px)}
  .native-feature{left:-1%;width:128px;min-height:55px;padding:7px 8px;gap:7px;border-radius:11px}.native-feature__icon{width:30px;height:30px;flex-basis:30px;font-size:16px}.native-feature b{font-size:10px}.native-feature small{font-size:9px;margin-top:1px}.native-feature__spark{width:5px;height:5px}.native-feature--one{top:22%}.native-feature--two{top:39%}.native-feature--three{top:56%}
  .native-support{right:-2%;top:13%;width:83px;padding:9px 5px;border-radius:12px}.native-support span{font-size:15px;margin-bottom:2px}.native-support small{font-size:8px}.native-support b{font-size:18px}
  .native-memorial{right:0;bottom:0;width:min(52%,190px);padding:12px;border-radius:14px}.native-memorial__top{gap:8px}.native-avatar{width:37px;height:37px;flex-basis:37px;border-width:2px}.native-avatar span{font-size:11px}.native-memorial h3{font-size:10px;line-height:1.12}.native-memorial__top small,.native-memorial__top b{font-size:8px}.native-quote{font-size:8px;line-height:1.35;margin:9px 0}.native-tabs{gap:12px;font-size:8px;padding-bottom:7px}.native-tabs b:after{bottom:-8px;width:39px}.native-note{font-size:8px;line-height:1.4;margin-top:9px;padding:8px}
  .native-glow--back{left:0;right:0;bottom:4%;height:45%;filter:blur(24px)}.native-platform{left:8%;bottom:1%;width:86%;height:22px}.hero-native__ring--violet{width:150%;left:-48%;bottom:-170px}.hero-native__ring--cyan{width:130%;right:-47%;bottom:-135px}

  .trust-grid{grid-template-columns:1fr;gap:0;padding:10px 0}.trust-grid article,.trust-grid article:first-child{padding:13px 0;border-bottom:1px solid #edf0fb}.trust-grid article:last-child{border-bottom:0}.trust-grid span{font-size:11px}.trust-grid i{width:39px;height:39px;font-size:20px}
  .section{padding:62px 0}.info-grid{grid-template-columns:1fr;gap:16px}.steps-card{grid-column:auto}.info-card{padding:25px;min-height:auto}.info-card h2{font-size:23px}.steps{grid-template-columns:1fr 1fr;gap:22px 14px}.steps div:not(:last-child):after{display:none}.steps strong{font-size:12px}.steps span{font-size:10px}
  .examples-intro h2,.section-heading h2{font-size:clamp(32px,9vw,42px);letter-spacing:-1.5px}.examples-layout{gap:27px}.example-grid{grid-template-columns:1fr;gap:16px}.example-card{min-height:245px}
  .plan-grid{grid-template-columns:1fr;gap:17px}.plan-card:last-child{grid-column:auto;max-width:none}.plan-card{padding:26px}.price{font-size:31px}
  .demo-section{padding:66px 0}.demo-copy h2{font-size:clamp(38px,10vw,49px);letter-spacing:-1.7px}.demo-form{padding:23px;border-radius:17px}.form-row{grid-template-columns:1fr;gap:0}
  .footer-grid{grid-template-columns:1fr;gap:24px;padding:44px 0}.footer-brand{grid-column:auto}.footer-grid>div:last-child{grid-column:auto}.footer-bottom span{float:none;display:block;margin-top:6px}
}

/* Móvil compacto: evita superposición de tarjetas en 320–390 px */
@media (max-width:390px){
  .hero-native h1{font-size:42px}.hero-native__scene{height:350px;min-height:350px}.native-feature{width:114px}.native-feature div{max-width:66px}.native-support{display:none}.native-memorial{width:176px}.hero-native__chips span{font-size:8.5px;padding:7px 8px}.native-browser{width:96%;right:0}.info-card{padding:22px}.steps{gap:18px 10px}.demo-form{padding:20px}
}

/* Respeta preferencias de movimiento reducido */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.native-btn,.example-card img{transition:none}.btn:hover,.native-btn:hover{transform:none}}


/* --------------------------------------------------------------------------
   V10 · SECCIONES DE VALOR INDEPENDIENTES
   Beneficios, proceso y dominio: cada bloque funciona como un capítulo visual.
   -------------------------------------------------------------------------- */
.journey-section{position:relative;overflow:hidden;padding:128px 0}
.journey-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);gap:clamp(50px,7vw,122px);align-items:center}
.journey-copy{max-width:560px}.journey-kicker{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:#7146f2;font-size:11px;letter-spacing:2px;font-weight:800}.journey-kicker span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eee9ff;color:#6542df;font-size:10px;letter-spacing:0}.journey-copy h2,.journey-section-head h2{margin:0;color:#0d1d43;font-size:clamp(38px,3.35vw,58px);line-height:1.07;letter-spacing:-2.55px;max-width:690px}.journey-intro{margin:23px 0 30px;font-size:17px;line-height:1.7;color:#667491;max-width:530px}.journey-list{margin:0;padding:0;display:grid;gap:17px;list-style:none}.journey-list li{display:flex;align-items:flex-start;gap:13px}.journey-list i,.domain-benefits>div>i{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7a4cf5,#23cbe3);color:#fff;font-style:normal;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(87,67,234,.18)}.journey-list b,.domain-benefits b{display:block;font-size:15px;color:#1a2b52}.journey-list small,.domain-benefits small{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#72809c}.journey-link{display:inline-flex;align-items:center;gap:8px;margin-top:31px;color:#5f40e7;font-size:14px;text-decoration:none;font-weight:800}.journey-link span{transition:transform .25s ease}.journey-link:hover span{transform:translateX(6px)}

/* BENEFICIOS */
.journey-benefits{background:linear-gradient(180deg,#fbfcff 0%,#f6f7ff 100%)}.journey-benefits:before{content:"";position:absolute;width:580px;height:580px;right:-260px;top:20px;border-radius:50%;background:radial-gradient(circle,rgba(94,211,225,.10),transparent 66%)}
.benefits-stage{position:relative;min-height:555px;isolation:isolate}.benefits-stage:after{content:"";position:absolute;z-index:-2;inset:10% 7% 7% 3%;border-radius:34px;background:linear-gradient(145deg,#eef2ff 0%,#fdfdff 55%,#eaf9fb 100%);box-shadow:0 30px 60px rgba(42,64,134,.08)}.benefits-stage__orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px)}.benefits-stage__orb--one{width:250px;height:250px;right:11%;top:6%;background:radial-gradient(circle,rgba(111,81,248,.24),transparent 70%)}.benefits-stage__orb--two{width:210px;height:210px;left:4%;bottom:11%;background:radial-gradient(circle,rgba(27,197,221,.2),transparent 72%)}.benefits-browser{position:absolute;z-index:2;right:2%;top:62px;width:80%;padding:9px;border:1px solid rgba(138,154,224,.4);border-radius:22px;background:rgba(255,255,255,.75);box-shadow:0 24px 50px rgba(30,54,119,.20);backdrop-filter:blur(15px);transform:rotate(1.2deg);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}.benefits-stage:hover .benefits-browser{transform:rotate(0deg) translateY(-8px);box-shadow:0 34px 60px rgba(30,54,119,.27)}.benefits-browser__top{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#68749a;font-size:11px}.mini-dots{display:flex;gap:4px}.mini-dots i{width:7px;height:7px;border-radius:50%;background:#ff7a6f}.mini-dots i:nth-child(2){background:#ffc858}.mini-dots i:nth-child(3){background:#48cf91}.benefits-browser img{display:block;width:100%;border-radius:14px;background:#fff}.benefit-float{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;width:225px;padding:15px;border:1px solid rgba(152,175,237,.38);border-radius:16px;background:rgba(10,32,79,.88);box-shadow:0 18px 32px rgba(14,31,80,.24),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(15px);color:#fff}.benefit-float span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7b53f8,#28cce2);font-size:20px}.benefit-float b{display:block;font-size:12px}.benefit-float small{display:block;margin-top:3px;color:#d6e3fe;font-size:10px;line-height:1.35}.benefit-float--memory{left:-3%;top:160px}.benefit-float--care{left:3%;bottom:102px}.benefits-stage__caption{position:absolute;right:7%;bottom:33px;display:flex;align-items:center;gap:9px;color:#536481;font-size:12px;font-weight:700}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#4dd8e5;box-shadow:0 0 0 6px rgba(77,216,229,.15);animation:pulseSoft 2.6s infinite}.benefits-stage__leaf{position:absolute;z-index:3;opacity:.48;transform-origin:bottom}.benefits-stage__leaf:before,.benefits-stage__leaf:after{content:"";position:absolute;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#95d2b4,#d9f2dc)}.benefits-stage__leaf--one{width:110px;height:170px;right:7%;bottom:44px;transform:rotate(18deg)}.benefits-stage__leaf--one:before{width:52px;height:78px;left:3px;top:30px;transform:rotate(-35deg)}.benefits-stage__leaf--one:after{width:62px;height:92px;right:5px;top:1px;transform:rotate(40deg)}.benefits-stage__leaf--two{width:90px;height:120px;left:10%;top:36px;transform:rotate(-32deg);opacity:.28}.benefits-stage__leaf--two:before{width:44px;height:66px;left:8px;top:28px}.benefits-stage__leaf--two:after{width:48px;height:70px;right:2px;top:0;transform:rotate(45deg)}

/* PROCESO */
.journey-process{color:#fff;background:radial-gradient(circle at 80% 12%,rgba(41,150,255,.24),transparent 25%),radial-gradient(circle at 15% 86%,rgba(111,64,248,.28),transparent 28%),linear-gradient(120deg,#061938 0%,#0c2860 100%)}.journey-process:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,black 30%,black 70%,transparent)}.journey-process .container{position:relative;z-index:1}.journey-kicker--light{color:#7fe5f5}.journey-kicker--light span{background:rgba(111,224,245,.14);color:#8ceef7}.journey-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px}.journey-section-head h2{color:#fff;max-width:740px}.journey-section-head>p{max-width:350px;margin:0 0 5px;color:#b9c8e9;font-size:15px;line-height:1.65}.process-route{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:65px}.process-route__line{position:absolute;left:7.5%;right:7.5%;top:55px;height:2px;background:linear-gradient(90deg,rgba(96,219,245,.14),rgba(141,104,255,.9),rgba(74,221,231,.16))}.process-route__line span{display:block;width:42%;height:100%;background:linear-gradient(90deg,#67e4f0,#8d62fa);box-shadow:0 0 18px rgba(122,100,255,.8);animation:routeFlow 3.2s ease-in-out infinite alternate}.process-step{position:relative;padding:24px 22px 25px;border:1px solid rgba(173,200,255,.19);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 20px 42px rgba(0,0,0,.16);backdrop-filter:blur(12px);transition:transform .35s ease,border-color .35s ease,background .35s ease}.process-step:hover{transform:translateY(-9px);border-color:rgba(105,224,238,.7);background:linear-gradient(145deg,rgba(86,101,243,.28),rgba(45,207,227,.08))}.process-step__number{display:block;margin-bottom:24px;color:#84eaf4;font-size:11px;font-weight:800;letter-spacing:1.4px}.process-step__icon{position:relative;z-index:2;display:grid;place-items:center;width:60px;height:60px;margin-bottom:21px;border:1px solid rgba(179,199,255,.31);border-radius:50%;background:linear-gradient(145deg,#7049f5,#2acbe2);box-shadow:0 0 0 8px rgba(101,119,245,.1),0 12px 24px rgba(35,37,134,.36);font-size:25px}.process-step h3{margin:0;color:#fff;font-size:18px}.process-step p{min-height:67px;margin:10px 0 16px;color:#c6d2ed;font-size:13px;line-height:1.55}.process-step small{display:inline-flex;padding:6px 9px;border:1px solid rgba(169,192,255,.2);border-radius:999px;color:#9eeaf5;font-size:10px}.process-bottom{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px;color:#c9d4ee;font-size:13px}.process-bottom i{color:#71e7f2;font-style:normal;font-weight:900}.process-bottom a{margin-left:auto;color:#fff;text-decoration:none;font-weight:800}.process-bottom a b{color:#4ed7eb;margin-left:5px;transition:transform .2s}.process-bottom a:hover b{display:inline-block;transform:translateX(5px)}

/* DOMINIO */
.journey-domain{background:linear-gradient(180deg,#f8fbff 0%,#eef7fb 100%)}.journey-domain:before{content:"";position:absolute;width:620px;height:620px;left:-320px;top:50%;border-radius:50%;background:radial-gradient(circle,rgba(111,82,246,.12),transparent 68%)}.journey-layout--domain{grid-template-columns:minmax(520px,1.04fr) minmax(0,.96fr)}.domain-stage{position:relative;min-height:480px;isolation:isolate}.domain-stage:before{content:"";position:absolute;z-index:-2;inset:10% 4% 8% 0;border-radius:32px;background:linear-gradient(145deg,#0b2454,#123a7b 58%,#233f91);box-shadow:0 28px 58px rgba(27,59,135,.24)}.domain-stage__sphere{position:absolute;z-index:-1;left:6%;top:4%;width:350px;height:350px;border:1px solid rgba(119,230,242,.25);border-radius:50%;box-shadow:0 0 0 40px rgba(76,204,242,.04),0 0 0 81px rgba(117,84,249,.025)}.domain-stage__sphere:before,.domain-stage__sphere:after{content:"";position:absolute;inset:19% -3%;border:1px solid rgba(125,223,239,.2);border-radius:50%;transform:rotate(35deg)}.domain-stage__sphere:after{inset:7% 27%;transform:rotate(90deg)}.domain-stage__sphere span{position:absolute;width:8px;height:8px;border-radius:50%;background:#7de6f3;box-shadow:0 0 15px rgba(125,230,243,.85);animation:orbitDot 8s linear infinite}.domain-stage__sphere span:nth-child(1){top:5%;left:56%}.domain-stage__sphere span:nth-child(2){bottom:15%;right:5%;animation-delay:-3s}.domain-stage__sphere span:nth-child(3){top:56%;left:2%;animation-delay:-5s}.domain-console{position:absolute;z-index:2;right:3%;top:74px;width:77%;padding:18px;border:1px solid rgba(160,192,255,.45);border-radius:22px;background:rgba(5,25,65,.82);box-shadow:0 26px 50px rgba(3,15,46,.35),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(14px);transform:rotate(-1.5deg);transition:transform .5s ease}.domain-stage:hover .domain-console{transform:rotate(0deg) translateY(-7px)}.domain-console__header{display:flex;align-items:center;gap:10px;padding:2px 2px 16px;color:#fff}.console-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#7b4ff6,#25c9e2);font-size:22px}.domain-console__header small,.domain-console__header b{display:block}.domain-console__header small{font-size:10px;color:#aec0e8}.domain-console__header b{margin-top:2px;font-size:13px}.domain-console__header>i{margin-left:auto;color:#4be58f;font-style:normal;font-size:12px}.domain-console__row{display:flex;align-items:center;gap:11px;padding:13px;margin-top:10px;border:1px solid rgba(172,203,255,.16);border-radius:14px;background:rgba(255,255,255,.08)}.domain-lock{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(117,86,248,.3);font-size:15px}.domain-console__row div{min-width:0}.domain-console__row small,.domain-console__row b{display:block}.domain-console__row small{font-size:9px;color:#b8caee}.domain-console__row b{overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-size:13px;white-space:nowrap}.domain-console__row em{margin-left:auto;padding:5px 8px;border-radius:10px;background:rgba(66,218,154,.16);color:#71e8a9;font-size:9px;font-style:normal;font-weight:800}.domain-console__foot{display:flex;gap:8px;flex-wrap:wrap;padding:14px 2px 0}.domain-console__foot span{padding:6px 9px;border-radius:999px;background:rgba(77,227,239,.09);color:#a2eef5;font-size:9px}.domain-pill{position:absolute;z-index:3;left:3%;bottom:34px;display:flex;align-items:center;gap:10px;width:230px;padding:13px;border:1px solid rgba(184,207,255,.33);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 16px 32px rgba(6,24,74,.22)}.domain-pill>span{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#7b4ef5,#22c8e2);color:#fff;font-weight:900}.domain-pill b,.domain-pill small{display:block}.domain-pill b{font-size:11px;color:#1b2c53}.domain-pill small{margin-top:3px;color:#70809d;font-size:9px}.journey-copy--domain{justify-self:end}.domain-benefits{display:grid;gap:17px}.domain-benefits>div{display:flex;gap:13px;align-items:flex-start}.domain-benefits>div>i{background:linear-gradient(135deg,#1bc6da,#3a86f4)}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes pulseSoft{50%{box-shadow:0 0 0 11px rgba(77,216,229,.04)}}@keyframes routeFlow{to{width:91%}}@keyframes orbitDot{to{transform:rotate(360deg) translateX(10px)}}

@media(max-width:1160px){.journey-section{padding:104px 0}.journey-layout{grid-template-columns:1fr;gap:52px}.journey-copy{max-width:680px}.benefits-stage{max-width:720px;width:100%;margin:0 auto}.journey-layout--domain{grid-template-columns:1fr}.journey-copy--domain{justify-self:start}.domain-stage{max-width:720px;width:100%;margin:0 auto}.journey-section-head{align-items:start;flex-direction:column;gap:19px}.journey-section-head>p{max-width:600px}.process-route{gap:14px}.process-step{padding:21px 17px}.process-step h3{font-size:16px}.process-step p{font-size:12px}.process-bottom a{margin-left:0}}
@media(max-width:820px){.journey-section{padding:82px 0}.journey-copy h2,.journey-section-head h2{font-size:clamp(36px,6vw,50px)}.benefits-stage{min-height:485px}.benefits-browser{width:82%;top:54px}.benefit-float--memory{left:-2%;top:141px}.benefit-float--care{left:2%;bottom:77px}.process-route{grid-template-columns:1fr 1fr;gap:16px;margin-top:42px}.process-route__line{display:none}.process-step p{min-height:0}.process-bottom{gap:13px}.domain-stage{min-height:440px}.domain-console{right:3%;top:61px;width:80%}.domain-stage__sphere{width:300px;height:300px}.domain-pill{bottom:20px}.journey-layout--domain{gap:48px}}
@media(max-width:600px){.journey-section{padding:68px 0}.journey-copy h2,.journey-section-head h2{font-size:34px;letter-spacing:-1.55px}.journey-intro{font-size:15px;line-height:1.62;margin:18px 0 25px}.journey-list{gap:14px}.journey-list b,.domain-benefits b{font-size:14px}.journey-list small,.domain-benefits small{font-size:12px}.journey-list i,.domain-benefits>div>i{width:25px;height:25px;flex-basis:25px}.journey-link{font-size:13px;margin-top:25px}.benefits-stage{min-height:365px}.benefits-stage:after{inset:5% 0 4%;border-radius:24px}.benefits-browser{right:1%;top:38px;width:84%;padding:6px;border-radius:15px}.benefits-browser__top{height:22px;font-size:8px}.mini-dots i{width:5px;height:5px}.benefit-float{width:154px;padding:8px;border-radius:11px;gap:7px}.benefit-float span{width:28px;height:28px;font-size:15px}.benefit-float b{font-size:9px}.benefit-float small{font-size:7.5px;line-height:1.25}.benefit-float--memory{left:-1%;top:98px}.benefit-float--care{left:2%;bottom:51px}.benefits-stage__caption{right:5%;bottom:16px;font-size:9px}.benefits-stage__leaf--one{right:4%;bottom:20px;transform:scale(.7) rotate(18deg)}.benefits-stage__leaf--two{display:none}.journey-section-head{gap:14px}.journey-section-head>p{font-size:14px;line-height:1.55}.process-route{grid-template-columns:1fr;gap:13px;margin-top:31px}.process-step{padding:19px 18px 18px;display:grid;grid-template-columns:50px 1fr;column-gap:15px;align-items:start}.process-step__number{grid-column:1;margin:0;font-size:9px}.process-step__icon{grid-column:1;grid-row:2 / span 3;width:46px;height:46px;margin:8px 0 0;font-size:19px}.process-step h3{grid-column:2;grid-row:2;margin-top:6px;font-size:16px}.process-step p{grid-column:2;grid-row:3;margin:7px 0 10px;font-size:12px}.process-step small{grid-column:2;grid-row:4;justify-self:start}.process-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:12px;margin-top:20px}.process-bottom a{grid-column:1 / -1;margin-top:5px}.domain-stage{min-height:345px}.domain-stage:before{inset:5% 0 4%;border-radius:24px}.domain-stage__sphere{left:-4%;top:0;width:225px;height:225px}.domain-console{right:2%;top:38px;width:88%;padding:13px;border-radius:16px}.domain-console__header{padding-bottom:10px}.domain-console__row{padding:10px;gap:8px;margin-top:8px}.domain-console__row b{font-size:11px}.domain-console__row small{font-size:8px}.domain-console__row em{font-size:8px;padding:4px 6px}.domain-console__foot{padding-top:10px;gap:5px}.domain-console__foot span{font-size:7px;padding:5px 6px}.domain-pill{left:2%;bottom:10px;width:177px;padding:9px;gap:7px;border-radius:11px}.domain-pill>span{width:27px;height:27px;flex-basis:27px;font-size:10px}.domain-pill b{font-size:9px}.domain-pill small{font-size:7px}.journey-layout--domain{gap:35px}}


/* ========================================================================== 
   OBITUARIO V11 · PRECIOS Y COMPARATIVO PROFESIONAL
   Sección independiente: ritmo editorial, columnas equilibradas y tabla clara.
   ========================================================================== */
.plans-section--pro{position:relative;overflow:hidden;padding:118px 0 112px;background:linear-gradient(180deg,#f6f8ff 0%,#eef2fc 100%)}
.plans-section--pro:before{content:"";position:absolute;z-index:0;width:640px;height:640px;top:-340px;right:-240px;border-radius:50%;background:radial-gradient(circle,rgba(105,73,246,.13),transparent 68%)}
.plans-section--pro:after{content:"";position:absolute;z-index:0;width:540px;height:540px;bottom:-330px;left:-230px;border-radius:50%;background:radial-gradient(circle,rgba(27,201,226,.1),transparent 69%)}
.plans-section--pro .container{position:relative;z-index:1}
.pricing-lead{max-width:860px;margin:0 auto 48px;text-align:center}.pricing-lead .eyebrow{margin-bottom:16px;color:#7048ef}.pricing-lead h2{margin:0;color:#0b1d43;font-size:clamp(39px,4vw,62px);line-height:1.05;letter-spacing:-3px}.pricing-lead>p:last-child{max-width:710px;margin:21px auto 0;color:#677595;font-size:16px;line-height:1.6}
.pricing-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;max-width:1125px;margin:0 auto}
.pricing-card{position:relative;display:flex;flex-direction:column;min-height:650px;padding:30px 29px 27px;border:1px solid #dde3f2;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 13px 30px rgba(47,61,118,.055);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.pricing-card:hover{transform:translateY(-8px);border-color:rgba(108,77,241,.55);box-shadow:0 22px 40px rgba(63,69,150,.14)}
.pricing-card--professional{z-index:1;border:2px solid #8055f5;box-shadow:0 20px 38px rgba(95,70,226,.16)}
.pricing-card--professional:hover{border-color:#6e43ed;box-shadow:0 25px 48px rgba(82,58,217,.23)}
.pricing-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#7a48f5,#2cc8e1);font-size:9px;font-weight:900;letter-spacing:.55px;white-space:nowrap;box-shadow:0 9px 18px rgba(90,63,233,.27)}
.pricing-card__top{min-height:88px}.pricing-label{margin:0 0 13px;color:#6844e7;font-size:13px;font-weight:800}.pricing-card h3{max-width:290px;margin:0;color:#111f43;font-size:19px;line-height:1.2;letter-spacing:-.7px}.pricing-value{display:flex;align-items:baseline;gap:6px;min-height:72px;margin:23px 0 12px}.pricing-value span{color:#7885a1;font-size:12px}.pricing-value strong{color:#0a1d43;font-size:29px;letter-spacing:-1.55px}.pricing-value small{color:#73809c;font-size:11px}.pricing-custom{display:grid;gap:7px;min-height:72px;margin:23px 0 12px}.pricing-custom strong{color:#0a1d43;font-size:24px;line-height:1.12;letter-spacing:-1.1px}.pricing-custom small{color:#7885a1;font-size:12px}
.pricing-list{display:grid;gap:0;margin:0;padding:0;list-style:none;flex:1}.pricing-list li{position:relative;padding:10px 0 10px 18px;border-bottom:1px dashed #dce2ef;color:#556382;font-size:12px;line-height:1.35}.pricing-list li:last-child{border-bottom:0}.pricing-list li:before{content:'✓';position:absolute;left:0;top:10px;color:#7550ef;font-weight:900}.pricing-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:25px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.pricing-action:hover{transform:translateY(-2px)}.pricing-action--outline{border:1px solid #d3c8ff;color:#6542e8;background:#f7f5ff}.pricing-action--primary{color:#fff;background:linear-gradient(100deg,#7044f4,#26c8dd);box-shadow:0 12px 20px rgba(77,81,218,.22)}
.pricing-support{display:flex;flex-direction:column;align-items:center;gap:16px;margin:28px auto 76px}.pricing-footnote{display:flex;align-items:flex-start;justify-content:center;gap:11px;max-width:890px;margin:0 auto;color:#77839c;font-size:12px;line-height:1.5;text-align:center}.pricing-footnote i{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#e7e2ff;color:#6844e7;font-size:11px;font-style:normal;font-weight:900}.pricing-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:800;color:#0f224f;background:#fff;border:1px solid #dbe3f2;box-shadow:0 14px 30px rgba(64,78,118,.10);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}.pricing-whatsapp:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(64,78,118,.16);border-color:#b8c8ef}.pricing-whatsapp b{font-size:13px;color:#4f46e5}.pricing-whatsapp__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;font-size:13px;color:#fff;background:linear-gradient(135deg,#6d49f5,#27cddd);box-shadow:0 8px 18px rgba(72,105,243,.28)}
.comparison-section{max-width:1125px;margin:0 auto;padding:30px 30px 20px;border:1px solid #dfe5f3;border-radius:22px;background:rgba(255,255,255,.93);box-shadow:0 12px 30px rgba(42,57,116,.045)}.comparison-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 22px}.comparison-heading .eyebrow{margin:0 0 9px;color:#7148ee}.comparison-heading h2{margin:0;color:#0b1d43;font-size:26px;letter-spacing:-1px}.comparison-heading>p{max-width:410px;margin:0;color:#74809b;font-size:13px;line-height:1.52;text-align:right}.comparison-scroll{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e8ecf6;border-radius:13px;background:#fff}.comparison-table{width:100%;min-width:760px;border-collapse:collapse;color:#34415e;font-size:12px}.comparison-table th,.comparison-table td{padding:13px 14px;border-bottom:1px solid #e7ebf4;text-align:center;vertical-align:middle}.comparison-table thead th{padding:12px 14px;color:#5d6792;background:#f4f6fc;font-size:11px;font-weight:800}.comparison-table th:first-child,.comparison-table tbody th{text-align:left}.comparison-table tbody th{width:44%;color:#142546;font-size:12px;font-weight:800}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table tbody tr{transition:background .2s ease}.comparison-table tbody tr:hover{background:#fafbff}.check-mark{color:#6945ea;font-size:16px}.dash{color:#a0a9bd}
@media(max-width:1040px){.plans-section--pro{padding:96px 0}.pricing-grid-pro{grid-template-columns:1fr 1fr;max-width:760px}.pricing-card--business{grid-column:1 / -1;max-width:370px;justify-self:center;width:100%}.pricing-support{margin-bottom:58px}.comparison-heading{align-items:flex-start;flex-direction:column;gap:12px}.comparison-heading>p{text-align:left;max-width:600px}}
@media(max-width:680px){.plans-section--pro{padding:74px 0}.pricing-lead{margin-bottom:31px}.pricing-lead h2{font-size:36px;letter-spacing:-1.9px}.pricing-lead h2 br{display:none}.pricing-lead>p:last-child{font-size:14px;margin-top:16px}.pricing-grid-pro{grid-template-columns:1fr;gap:18px}.pricing-card,.pricing-card--business{grid-column:auto;max-width:none;min-height:auto;padding:26px 22px 22px}.pricing-card__top{min-height:auto}.pricing-card h3{font-size:19px}.pricing-value,.pricing-custom{min-height:auto;margin:22px 0 10px}.pricing-list li{font-size:12px;padding-top:9px;padding-bottom:9px}.pricing-support{gap:14px;margin:22px auto 46px}.pricing-footnote{font-size:11px;text-align:left}.pricing-whatsapp{width:100%;max-width:320px}.comparison-section{margin:0 -2px;padding:23px 17px 16px;border-radius:18px}.comparison-heading h2{font-size:23px}.comparison-heading>p{font-size:12px}.comparison-table{font-size:11px}.comparison-table th,.comparison-table td{padding:12px 11px}.comparison-table tbody th{font-size:11px}.pricing-ribbon{top:-12px}.pricing-card--professional{margin-top:6px}}


/* ===============================================================
   V12 · EXPERIENCIA DIGITAL
   Sección editorial a dos columnas con mockup integrado.
   =============================================================== */
.experience-section{
  position:relative;
  overflow:hidden;
  padding:clamp(110px,10vw,164px) 0 clamp(108px,9vw,152px);
  background:
    radial-gradient(ellipse 62% 70% at 100% 54%,rgba(95,210,226,.10),transparent 70%),
    linear-gradient(180deg,#fbfcff 0%,#f6f7fc 100%);
}
.experience-section::before{
  content:"";
  position:absolute;
  width:560px;height:560px;
  left:-355px;bottom:-360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(111,78,245,.13),rgba(111,78,245,0) 69%);
  pointer-events:none;
}
.experience-section__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(540px,1.12fr);
  align-items:center;
  gap:clamp(60px,8vw,145px);
}
.experience-copy{max-width:585px;padding-top:3px}
.experience-eyebrow{
  display:flex;align-items:center;gap:13px;
  margin:0 0 25px;
  color:#6844f2;
  font-size:12px;line-height:1;
  letter-spacing:.18em;font-weight:800;
}
.experience-eyebrow span{
  display:grid;place-items:center;
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#f0ebff,#e8f7ff);
  color:#6a4bf2;
  font-size:11px;letter-spacing:0;
  box-shadow:0 9px 21px rgba(101,76,232,.13);
}
.experience-copy h2{
  max-width:640px;
  margin:0;
  color:#0c214d;
  font-size:clamp(49px,4.25vw,74px);
  line-height:1.03;
  letter-spacing:-.052em;
  font-weight:800;
}
.experience-intro{
  max-width:545px;
  margin:30px 0 33px;
  color:#64779d;
  font-size:clamp(16px,1.18vw,19px);
  line-height:1.62;
}
.experience-points{display:grid;gap:19px;margin:0;padding:0;list-style:none}
.experience-points li{display:flex;align-items:flex-start;gap:14px}
.experience-check{
  display:grid;place-items:center;flex:0 0 29px;
  width:29px;height:29px;margin-top:1px;border-radius:50%;
  color:#fff;font-size:16px;font-weight:900;
  background:linear-gradient(135deg,#7a54f4,#26c8df);
  box-shadow:0 10px 20px rgba(69,114,230,.23);
}
.experience-points b,.experience-points small{display:block}
.experience-points b{color:#10234d;font-size:16px;line-height:1.25;font-weight:800}
.experience-points small{margin-top:5px;color:#7789ad;font-size:14px;line-height:1.5}
.experience-link{
  display:inline-flex;align-items:center;gap:11px;
  margin-top:35px;
  color:#5b38f0!important;
  font-size:14px;font-weight:800;text-decoration:none;
  transition:gap .22s ease,color .22s ease;
}
.experience-link:hover{gap:16px;color:#22bcd7!important}
.experience-link span{font-size:19px;line-height:0}
.experience-visual{
  position:relative;
  min-height:580px;
  margin:0;
  isolation:isolate;
}
.experience-visual::before{
  content:"";
  position:absolute;z-index:-2;
  inset:6% 3% 7% 9%;
  border-radius:44px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,245,255,.92) 52%,rgba(242,250,250,.94));
  box-shadow:0 38px 76px rgba(25,48,109,.10);
}
.experience-visual__frame{
  position:absolute;
  z-index:2;
  top:6%;right:0;
  width:min(100%,680px);
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 30px 58px rgba(24,47,108,.18),0 4px 0 rgba(255,255,255,.74) inset;
  transform:translateY(0);
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;
}
.experience-visual:hover .experience-visual__frame{transform:translateY(-10px);box-shadow:0 41px 72px rgba(24,47,108,.23),0 4px 0 rgba(255,255,255,.8) inset}
.experience-visual__frame img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.experience-visual__halo{position:absolute;z-index:-1;border-radius:50%;filter:blur(3px);pointer-events:none}
.experience-visual__halo--violet{width:340px;height:340px;right:1%;top:3%;background:radial-gradient(circle,rgba(115,76,248,.19),rgba(115,76,248,0) 70%)}
.experience-visual__halo--cyan{width:360px;height:360px;left:5%;bottom:1%;background:radial-gradient(circle,rgba(37,201,220,.17),rgba(37,201,220,0) 70%)}
.experience-visual__leaf{position:absolute;z-index:3;opacity:.24;pointer-events:none}
.experience-visual__leaf::before,.experience-visual__leaf::after{content:"";position:absolute;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#8acbb3,#dcf3dd)}
.experience-visual__leaf--top{width:122px;height:150px;left:7%;top:7%;transform:rotate(-30deg)}
.experience-visual__leaf--top::before{width:53px;height:79px;left:2px;top:42px;transform:rotate(-36deg)}
.experience-visual__leaf--top::after{width:66px;height:94px;right:3px;top:0;transform:rotate(45deg)}
.experience-visual__leaf--bottom{width:138px;height:150px;right:2%;bottom:14%;transform:rotate(18deg);opacity:.32}
.experience-visual__leaf--bottom::before{width:58px;height:86px;left:3px;top:38px;transform:rotate(-37deg)}
.experience-visual__leaf--bottom::after{width:65px;height:96px;right:4px;top:0;transform:rotate(43deg)}
.experience-visual figcaption{
  position:absolute;right:5%;bottom:2%;z-index:4;
  display:flex;align-items:center;gap:11px;
  color:#5b6f93;font-size:13px;font-weight:800;
}
.experience-visual figcaption i{display:block;width:10px;height:10px;border-radius:50%;background:#3fd3e2;box-shadow:0 0 0 7px rgba(63,211,226,.14)}

@media (max-width:1180px){
  .experience-section__grid{grid-template-columns:1fr;gap:51px}
  .experience-copy{max-width:690px}
  .experience-visual{width:min(100%,760px);min-height:650px;margin:0 auto}
  .experience-visual__frame{right:4%;width:min(91%,680px)}
}
@media (max-width:760px){
  .experience-section{padding:79px 0 82px}
  .experience-copy h2{font-size:clamp(39px,10vw,55px);line-height:1.06;letter-spacing:-.052em}
  .experience-copy h2 br{display:none}
  .experience-intro{margin:22px 0 27px;font-size:16px}
  .experience-points{gap:17px}
  .experience-points b{font-size:15px}.experience-points small{font-size:13px}
  .experience-visual{min-height:auto;padding:0 0 62px}
  .experience-visual::before{inset:4% 0 9%;border-radius:27px}
  .experience-visual__frame{position:relative;top:auto;right:auto;width:100%;border-radius:20px}
  .experience-visual__leaf--top{left:-5%;top:-3%;transform:scale(.73) rotate(-30deg)}
  .experience-visual__leaf--bottom{right:-6%;bottom:14%;transform:scale(.72) rotate(18deg)}
  .experience-visual figcaption{right:4%;bottom:1%;font-size:11px}
}
@media (max-width:440px){
  .experience-eyebrow{font-size:10px;gap:10px;margin-bottom:20px}.experience-eyebrow span{width:30px;height:30px;font-size:10px}
  .experience-copy h2{font-size:38px}.experience-intro{font-size:15px}
  .experience-check{flex-basis:26px;width:26px;height:26px;font-size:14px}.experience-points{gap:16px}
  .experience-points b{font-size:14px}.experience-points small{font-size:12px}.experience-link{margin-top:29px;font-size:13px}
  .experience-visual{padding-bottom:53px}.experience-visual__frame{border-radius:16px}.experience-visual figcaption{font-size:9px;gap:7px}.experience-visual figcaption i{width:8px;height:8px;box-shadow:0 0 0 5px rgba(63,211,226,.14)}
}


/* ========================================================================== 
   V13 · AJUSTE DE FIDELIDAD — EXPERIENCIA DIGITAL
   Conserva la tipografía editorial, amplía el campo de lectura y repone
   las tarjetas flotantes como componentes nativos sobre el mockup.
   ========================================================================== */
.experience-section{padding:clamp(116px,9.6vw,154px) 0 clamp(118px,9vw,148px)}
.experience-section__grid{grid-template-columns:minmax(0,1.03fr) minmax(560px,1.07fr);gap:clamp(52px,6.3vw,104px);align-items:center}
.experience-copy{max-width:625px;padding-top:0}
.experience-title{max-width:640px!important;font-size:clamp(48px,4.35vw,68px)!important;line-height:1.025!important;letter-spacing:-.055em!important}
.experience-title__line{display:block;white-space:nowrap}
.experience-intro{max-width:560px;margin:29px 0 33px;font-size:clamp(16px,1.18vw,18px);line-height:1.58}
.experience-visual{width:100%;max-width:690px;min-height:620px;justify-self:end}
.experience-visual::before{inset:6% 0 7% 10%;border-radius:44px}
.experience-visual__frame{top:5%;right:0;width:min(100%,650px);border-radius:25px;box-shadow:0 30px 65px rgba(24,47,108,.19),0 3px 0 rgba(255,255,255,.78) inset}
.experience-visual__frame img{aspect-ratio:1/1;object-fit:cover}
.experience-float{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;width:235px;min-height:93px;padding:16px 18px;border:1px solid rgba(135,171,243,.34);border-radius:17px;background:linear-gradient(128deg,rgba(23,51,112,.96),rgba(12,36,87,.93));box-shadow:0 21px 40px rgba(20,42,94,.21),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(12px);color:#fff;transition:transform .34s ease,box-shadow .34s ease}
.experience-float:hover{transform:translateY(-7px);box-shadow:0 28px 46px rgba(20,42,94,.28),inset 0 1px 0 rgba(255,255,255,.15)}
.experience-float--memory{left:-7%;top:27%}
.experience-float--care{left:-1.5%;bottom:21%}
.experience-float__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#7855f6,#28c9e2);box-shadow:0 8px 17px rgba(72,108,255,.34);font-size:26px;line-height:1;color:#fff}
.experience-float__icon--care{background:linear-gradient(135deg,#3d7ff6,#26d4dd);font-size:23px}
.experience-float b{display:block;font-size:14px;line-height:1.18;font-weight:800;letter-spacing:-.15px}
.experience-float small{display:block;margin-top:5px;color:#d7e3ff;font-size:11px;line-height:1.36}
.experience-visual figcaption{right:4%;bottom:1%;font-size:12px}
.experience-visual figcaption i{width:10px;height:10px}

@media(max-width:1220px){
  .experience-section__grid{grid-template-columns:minmax(0,1fr) minmax(500px,1.02fr);gap:48px}
  .experience-title{font-size:clamp(45px,4.4vw,61px)!important}
  .experience-visual{min-height:570px;max-width:610px}
  .experience-float{width:210px;min-height:84px;padding:13px 15px}
  .experience-float--memory{left:-10%;top:27%}.experience-float--care{left:-2%;bottom:20%}
}
@media(max-width:1080px){
  .experience-section__grid{grid-template-columns:1fr;gap:52px}
  .experience-copy{max-width:710px}.experience-title{font-size:clamp(48px,6.2vw,66px)!important}
  .experience-visual{justify-self:center;width:min(100%,690px);min-height:650px}
  .experience-visual__frame{right:3%;width:min(93%,650px)}
  .experience-float--memory{left:-2%;top:26%}.experience-float--care{left:3%;bottom:19%}
}
@media(max-width:760px){
  .experience-section{padding:78px 0 84px}
  .experience-title{font-size:clamp(39px,10.1vw,55px)!important;line-height:1.06!important;letter-spacing:-.052em!important}
  .experience-title__line{display:inline;white-space:normal}.experience-title__line:not(:last-child)::after{content:' '}
  .experience-visual{min-height:0;padding:0 0 62px}
  .experience-visual__frame{position:relative;top:auto;right:auto;width:100%}
  .experience-float{width:165px;min-height:61px;padding:9px 10px;gap:8px;border-radius:12px}
  .experience-float--memory{left:-2%;top:22%}.experience-float--care{left:2%;bottom:16%}
  .experience-float__icon{width:31px;height:31px;flex-basis:31px;font-size:18px}
  .experience-float b{font-size:10px}.experience-float small{font-size:8px;margin-top:2px}
  .experience-visual figcaption{right:2%;bottom:0;font-size:10px}
}
@media(max-width:440px){
  .experience-title{font-size:38px!important}
  .experience-float{width:144px}.experience-float--memory{top:19%}.experience-float--care{bottom:15%}
}


/* ========================================================================== 
   V14 · EXPERIENCIA DIGITAL — CORRECCIÓN DE COMPOSICIÓN
   Este bloque reemplaza los tamaños de transición que comprimían texto y cards
   entre 1080px y 1220px. Mantiene la sección en dos columnas solo cuando hay
   espacio real y conserva los elementos flotantes dentro del escenario visual.
   ========================================================================== */
.experience-section{
  position:relative;
  overflow:visible;
  padding:clamp(104px,8.4vw,136px) 0 clamp(112px,8.8vw,142px);
  background:
    radial-gradient(circle at 77% 48%, rgba(71,206,222,.08), transparent 25%),
    radial-gradient(circle at 10% 82%, rgba(116,78,247,.055), transparent 28%),
    #f8faff;
}
.experience-section__grid{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(520px,1.02fr);
  align-items:center;
  gap:clamp(48px,5.8vw,88px);
}
.experience-copy{
  width:100%;
  min-width:0;
  max-width:620px;
  padding:0;
}
.experience-eyebrow{margin-bottom:22px}
.experience-title{
  max-width:630px!important;
  margin:0!important;
  font-size:clamp(49px,4.35vw,68px)!important;
  line-height:1.025!important;
  letter-spacing:-.058em!important;
  text-wrap:balance;
}
.experience-title__line{
  display:block!important;
  white-space:nowrap!important;
}
.experience-intro{
  max-width:555px;
  margin:28px 0 32px!important;
  font-size:clamp(16px,1.16vw,18px)!important;
  line-height:1.62!important;
}
.experience-points{gap:17px!important}
.experience-points li{gap:13px!important}
.experience-points b{font-size:15px!important}
.experience-points small{font-size:13px!important;line-height:1.45!important}
.experience-link{margin-top:31px!important}

.experience-visual{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  width:100%;
  max-width:690px;
  min-height:620px;
  margin:0;
  justify-self:end;
}
.experience-visual::before{
  inset:8% 0 8% 11%!important;
  border-radius:42px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(236,244,255,.92) 52%,rgba(242,250,250,.96))!important;
  box-shadow:0 36px 80px rgba(22,46,105,.12)!important;
}
.experience-visual__frame{
  position:absolute!important;
  z-index:2!important;
  top:5%!important;
  right:0!important;
  width:min(100%,635px)!important;
  overflow:hidden!important;
  border-radius:25px!important;
  background:#fff!important;
  box-shadow:0 29px 60px rgba(23,47,107,.19),0 3px 0 rgba(255,255,255,.84) inset!important;
}
.experience-visual__frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  object-position:center!important;
}
.experience-float{
  position:absolute!important;
  z-index:7!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:225px!important;
  min-height:88px!important;
  padding:14px 16px!important;
  border:1px solid rgba(135,171,243,.40)!important;
  border-radius:17px!important;
  background:linear-gradient(128deg,rgba(23,51,112,.98),rgba(12,36,87,.96))!important;
  box-shadow:0 20px 40px rgba(16,36,83,.25), inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(12px)!important;
  color:#fff!important;
}
.experience-float--memory{left:-7%!important;top:26%!important;bottom:auto!important}
.experience-float--care{left:2%!important;top:auto!important;bottom:19%!important}
.experience-float__icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 45px!important;
  width:45px!important;
  height:45px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#7855f6,#28c9e2)!important;
  box-shadow:0 9px 18px rgba(72,108,255,.35)!important;
  color:#fff!important;
  font-size:24px!important;
}
.experience-float__icon--care{background:linear-gradient(135deg,#3d7ff6,#26d4dd)!important}
.experience-float b{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.16!important;font-weight:800!important}
.experience-float small{display:block!important;margin-top:5px!important;color:#d7e3ff!important;font-size:10.5px!important;line-height:1.32!important}
.experience-visual figcaption{
  position:absolute!important;
  z-index:8!important;
  right:3%!important;
  bottom:1.5%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#52698f!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap;
}
.experience-visual figcaption i{display:block!important;width:10px!important;height:10px!important;flex:0 0 10px!important}

/* Portátiles y pantallas de alrededor de 1100px: no comprimimos el texto. */
@media (max-width:1220px) and (min-width:1061px){
  .experience-section__grid{
    grid-template-columns:minmax(460px,.96fr) minmax(430px,1.04fr)!important;
    gap:36px!important;
  }
  .experience-copy{max-width:540px!important}
  .experience-title{
    max-width:530px!important;
    font-size:clamp(45px,4.15vw,54px)!important;
  }
  .experience-visual{max-width:545px!important;min-height:535px!important}
  .experience-visual__frame{width:min(100%,510px)!important}
  .experience-float{width:194px!important;min-height:76px!important;padding:11px 13px!important;gap:9px!important}
  .experience-float--memory{left:-5%!important;top:24%!important}
  .experience-float--care{left:1%!important;bottom:17%!important}
  .experience-float__icon{width:37px!important;height:37px!important;flex-basis:37px!important;font-size:19px!important}
  .experience-float b{font-size:12px!important}.experience-float small{font-size:9px!important}
  .experience-visual figcaption{font-size:10px!important}
}

/* Tablet vertical: cada bloque respira a una columna. */
@media (max-width:1060px){
  .experience-section__grid{grid-template-columns:1fr!important;gap:48px!important}
  .experience-copy{max-width:720px!important}
  .experience-title{max-width:700px!important;font-size:clamp(48px,6.4vw,64px)!important}
  .experience-visual{justify-self:center!important;width:min(100%,700px)!important;min-height:640px!important}
  .experience-visual__frame{right:3%!important;width:min(93%,650px)!important}
  .experience-float--memory{left:-1%!important;top:25%!important}
  .experience-float--care{left:4%!important;bottom:18%!important}
}

@media (max-width:760px){
  .experience-section{padding:76px 0 82px!important}
  .experience-title{
    max-width:100%!important;
    font-size:clamp(39px,10vw,54px)!important;
    line-height:1.07!important;
    letter-spacing:-.052em!important;
  }
  .experience-title__line{display:inline!important;white-space:normal!important}
  .experience-title__line:not(:last-child)::after{content:' '}
  .experience-intro{margin:22px 0 27px!important;font-size:15px!important}
  .experience-visual{min-height:0!important;padding-bottom:60px!important}
  .experience-visual::before{inset:5% 0 9% 0!important;border-radius:26px!important}
  .experience-visual__frame{position:relative!important;top:auto!important;right:auto!important;width:100%!important;border-radius:18px!important}
  .experience-float{width:157px!important;min-height:60px!important;padding:8px 10px!important;gap:7px!important;border-radius:12px!important}
  .experience-float--memory{left:-1%!important;top:20%!important}.experience-float--care{left:1%!important;bottom:16%!important}
  .experience-float__icon{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:16px!important}
  .experience-float b{font-size:10px!important}.experience-float small{font-size:7.5px!important;margin-top:2px!important}
  .experience-visual figcaption{right:2%!important;bottom:0!important;font-size:9px!important}
}
@media (max-width:430px){
  .experience-title{font-size:37px!important}
  .experience-float{width:141px!important}
  .experience-float--memory{top:17%!important}.experience-float--care{bottom:14%!important}
}


/* ========================================================================== 
   V15 · EXPERIENCIA DIGITAL — POSICIONAMIENTO FINAL DE CAPAS
   Las tarjetas flotantes y la cápsula inferior son componentes CSS nativos.
   Este bloque tiene prioridad sobre los ajustes anteriores.
   ========================================================================== */
.experience-section{
  overflow:hidden !important;
  padding:clamp(118px,9.3vw,154px) 0 clamp(124px,9.2vw,154px) !important;
  background:
    radial-gradient(ellipse 52% 55% at 78% 48%,rgba(82,209,223,.10),transparent 72%),
    radial-gradient(ellipse 38% 43% at 8% 92%,rgba(119,77,248,.07),transparent 78%),
    linear-gradient(180deg,#fbfcff 0%,#f5f7fd 100%) !important;
}
.experience-section__grid{
  grid-template-columns:minmax(0,.98fr) minmax(600px,1.02fr) !important;
  gap:clamp(52px,6vw,96px) !important;
  align-items:center !important;
}
.experience-copy{max-width:638px !important;}
.experience-title{
  max-width:650px !important;
  font-size:clamp(51px,4.42vw,70px) !important;
  line-height:1.02 !important;
  letter-spacing:-.061em !important;
}
.experience-title__line{display:block !important;white-space:nowrap !important;}
.experience-intro{max-width:568px !important;}

/* Escenario derecho: mantiene área de seguridad para las capas flotantes. */
.experience-visual{
  width:100% !important;
  max-width:725px !important;
  min-height:640px !important;
  margin:0 !important;
  justify-self:end !important;
  isolation:isolate !important;
  overflow:visible !important;
}
.experience-visual::before{
  inset:8% 2% 5% 8% !important;
  border-radius:44px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,246,255,.94) 52%,rgba(244,250,250,.98)) !important;
  box-shadow:0 36px 82px rgba(22,46,105,.12) !important;
}
.experience-visual__frame{
  top:5% !important;
  right:5% !important;
  width:min(89%,645px) !important;
  border-radius:26px !important;
  box-shadow:0 32px 66px rgba(23,47,107,.20),0 3px 0 rgba(255,255,255,.84) inset !important;
}
.experience-visual__frame img{
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
}

/* Card superior: anclada a la esquina superior derecha del mockup. */
.experience-float{
  z-index:8 !important;
  width:230px !important;
  min-height:91px !important;
  padding:15px 17px !important;
  border-radius:18px !important;
  background:linear-gradient(128deg,rgba(24,52,115,.98),rgba(11,34,83,.96)) !important;
  border:1px solid rgba(145,179,249,.42) !important;
  box-shadow:0 24px 48px rgba(14,35,80,.24),inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter:blur(15px) saturate(140%) !important;
}
.experience-float--memory{
  left:auto !important;
  right:-4.5% !important;
  top:-1.2% !important;
  bottom:auto !important;
}
/* Card inferior: baja y se ancla a la esquina inferior izquierda del mockup. */
.experience-float--care{
  left:-2.5% !important;
  right:auto !important;
  top:auto !important;
  bottom:6.5% !important;
}
.experience-float__icon{width:46px !important;height:46px !important;flex-basis:46px !important;}
.experience-float b{font-size:14px !important;line-height:1.15 !important;}
.experience-float small{font-size:10.5px !important;line-height:1.35 !important;}

/* Cápsula inferior: se eleva sobre la base y toma efecto de cristal difuminado. */
.experience-visual figcaption{
  right:1.5% !important;
  bottom:3.6% !important;
  z-index:9 !important;
  gap:10px !important;
  padding:11px 17px 11px 13px !important;
  border:1px solid rgba(255,255,255,.74) !important;
  border-radius:999px !important;
  background:linear-gradient(112deg,rgba(255,255,255,.74),rgba(244,249,255,.60)) !important;
  box-shadow:0 16px 32px rgba(31,62,123,.12),inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter:blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%) !important;
  color:#4c6590 !important;
  font-size:12px !important;
  white-space:nowrap !important;
}
.experience-visual figcaption i{box-shadow:0 0 0 7px rgba(63,211,226,.14) !important;}

/* Ajuste de ornamentos para que no invadan las capas funcionales. */
.experience-visual__leaf--top{left:9% !important;top:4% !important;opacity:.22 !important;}
.experience-visual__leaf--bottom{right:1% !important;bottom:18% !important;opacity:.27 !important;}

@media(max-width:1280px){
  .experience-section__grid{grid-template-columns:minmax(0,.98fr) minmax(535px,1.02fr) !important;gap:48px !important;}
  .experience-title{font-size:clamp(47px,4.25vw,61px) !important;}
  .experience-visual{max-width:640px !important;min-height:570px !important;}
  .experience-visual__frame{width:min(89%,565px) !important;}
  .experience-float{width:207px !important;min-height:80px !important;padding:12px 14px !important;}
  .experience-float--memory{right:-5% !important;top:0 !important;}
  .experience-float--care{left:-3% !important;bottom:7% !important;}
  .experience-visual figcaption{right:0 !important;bottom:3.7% !important;font-size:10.5px !important;padding:9px 13px 9px 11px !important;}
}
@media(max-width:1060px){
  .experience-section{overflow:hidden !important;}
  .experience-section__grid{grid-template-columns:1fr !important;gap:56px !important;}
  .experience-copy{max-width:720px !important;}
  .experience-title{font-size:clamp(48px,6.5vw,66px) !important;}
  .experience-visual{justify-self:center !important;width:min(100%,720px) !important;max-width:720px !important;min-height:650px !important;}
  .experience-visual__frame{right:5% !important;width:min(89%,640px) !important;}
  .experience-float--memory{right:-1% !important;top:0 !important;}
  .experience-float--care{left:0 !important;bottom:7% !important;}
  .experience-visual figcaption{right:4% !important;bottom:3.5% !important;}
}
@media(max-width:760px){
  .experience-section{padding:78px 0 84px !important;}
  .experience-title{font-size:clamp(39px,10.1vw,54px) !important;line-height:1.06 !important;}
  .experience-title__line{display:inline !important;white-space:normal !important;}
  .experience-title__line:not(:last-child)::after{content:' ' !important;}
  .experience-visual{min-height:0 !important;padding:14px 0 75px !important;}
  .experience-visual::before{inset:5% 0 10% 0 !important;border-radius:28px !important;}
  .experience-visual__frame{position:relative !important;top:auto !important;right:auto !important;width:100% !important;border-radius:18px !important;}
  .experience-float{width:158px !important;min-height:60px !important;padding:8px 10px !important;gap:7px !important;border-radius:12px !important;}
  .experience-float--memory{right:-2% !important;top:2% !important;}
  .experience-float--care{left:-1% !important;bottom:15% !important;}
  .experience-float__icon{width:30px !important;height:30px !important;flex-basis:30px !important;font-size:17px !important;}
  .experience-float b{font-size:10px !important;}.experience-float small{font-size:7.5px !important;margin-top:2px !important;}
  .experience-visual figcaption{right:1% !important;bottom:1% !important;font-size:9px !important;padding:8px 10px 8px 9px !important;gap:7px !important;}
  .experience-visual figcaption i{width:8px !important;height:8px !important;flex-basis:8px !important;box-shadow:0 0 0 5px rgba(63,211,226,.14) !important;}
}
@media(max-width:430px){
  .experience-title{font-size:37px !important;}
  .experience-float{width:143px !important;}
  .experience-float--memory{right:-3% !important;top:1% !important;}
  .experience-float--care{left:-2% !important;bottom:14% !important;}
  .experience-visual figcaption{font-size:8px !important;}
}


/* =====================================================================
   V17 · DOMINIO / IDENTIDAD ONLINE
   Visual 100% nativo: estructura HTML + CSS, sin imagen colocada.
   ===================================================================== */
.journey-domain{overflow:hidden;background:linear-gradient(130deg,#f8fbff 0%,#eff8fc 48%,#f7fbff 100%)}
.journey-domain:before{display:none}
.journey-layout--domain{grid-template-columns:minmax(530px,1.02fr) minmax(420px,.98fr);gap:clamp(52px,5vw,88px);align-items:center}
.domain-native{position:relative;isolation:isolate;min-height:575px;width:100%;animation:domainStageEnter .82s cubic-bezier(.18,.86,.25,1) both}
.domain-native__surface{position:absolute;z-index:-1;left:4%;right:8%;top:15%;bottom:11%;border-radius:32px;background:linear-gradient(145deg,#123879 0%,#0b2d69 52%,#29489f 100%);box-shadow:0 31px 58px rgba(20,53,126,.25),inset 0 1px 0 rgba(255,255,255,.16)}
.domain-native__ambient{position:absolute;z-index:-2;border-radius:50%;filter:blur(.3px);pointer-events:none}.domain-native__ambient--one{width:470px;height:470px;left:-9%;top:0;background:radial-gradient(circle,rgba(114,130,244,.14),rgba(132,209,239,.06) 44%,transparent 70%)}.domain-native__ambient--two{width:340px;height:340px;right:-11%;bottom:-5%;background:radial-gradient(circle,rgba(44,208,229,.1),transparent 70%)}
.domain-native__orbital{position:absolute;z-index:0;border:1px solid rgba(58,210,237,.24);border-radius:50%;pointer-events:none}.domain-native__orbital--one{width:300px;height:300px;left:9%;top:16%;transform:rotate(28deg);animation:domainOrbit 18s linear infinite}.domain-native__orbital--two{width:280px;height:385px;left:16%;top:8%;transform:rotate(72deg);opacity:.62;animation:domainOrbitReverse 22s linear infinite}
.domain-native__dot{position:absolute;z-index:1;width:9px;height:9px;border-radius:50%;background:#65e9f4;box-shadow:0 0 0 7px rgba(101,233,244,.08),0 0 18px rgba(101,233,244,.92)}.domain-native__dot--one{left:45%;top:10%;animation:domainDot 4.8s ease-in-out infinite}.domain-native__dot--two{left:14%;top:48%;animation:domainDot 5.4s ease-in-out -1.7s infinite}.domain-native__dot--three{right:13%;top:28%;width:7px;height:7px;background:#59ed9e;box-shadow:0 0 16px rgba(89,237,158,.92);animation:domainDot 4.2s ease-in-out -.8s infinite}
.domain-native__console{position:absolute;z-index:2;right:2%;top:21%;width:74%;padding:22px;border:1px solid rgba(150,189,255,.48);border-radius:24px;background:linear-gradient(155deg,rgba(7,31,78,.96),rgba(4,23,61,.92));box-shadow:0 28px 56px rgba(2,17,54,.38),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(16px);animation:domainConsoleIn .8s .16s cubic-bezier(.18,.86,.25,1) both}
.domain-native__head{display:flex;align-items:center;gap:13px;padding:0 0 18px;color:#fff}.domain-native__logo{display:grid;place-items:center;position:relative;overflow:hidden;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7955f8,#20cee5);box-shadow:0 10px 22px rgba(34,200,230,.22)}.domain-native__logo i{position:absolute;width:14px;height:5px;border-radius:999px;background:#fff;transform:rotate(-23deg)}.domain-native__logo i:last-child{width:11px;transform:translate(8px,5px) rotate(-23deg);opacity:.86}.domain-native__head small,.domain-native__head b{display:block}.domain-native__head small{font-size:12px;color:#b9c9ef}.domain-native__head b{margin-top:4px;font-size:22px;letter-spacing:-.55px}.domain-native__online{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#55ed9c;box-shadow:0 0 14px rgba(85,237,156,.9)}
.domain-native__row{display:flex;align-items:center;gap:13px;padding:15px 16px;margin-top:12px;border:1px solid rgba(163,193,255,.19);border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.09),rgba(70,121,189,.13));animation:domainRowIn .55s cubic-bezier(.2,.9,.3,1) both}.domain-native__row--one{animation-delay:.38s}.domain-native__row--two{animation-delay:.5s}.domain-native__row-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#5c3be3,#3e52c9);color:#bcd7ff;font-size:22px}.domain-native__row div{min-width:0}.domain-native__row small,.domain-native__row strong{display:block}.domain-native__row small{font-size:11px;color:#b9caeb}.domain-native__row strong{margin-top:3px;color:#fff;font-size:18px;letter-spacing:-.25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-native__row em{margin-left:auto;padding:8px 12px;border-radius:999px;background:rgba(70,222,152,.18);color:#8df3b8;font-size:12px;font-style:normal;font-weight:800}
.domain-native__chips{display:flex;flex-wrap:wrap;gap:9px;padding-top:18px}.domain-native__chips span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;background:rgba(33,205,229,.11);color:#b9f4f7;font-size:11px;font-weight:700}.domain-native__chips i{font-style:normal;color:#41e3ee;font-size:15px}
.domain-native__note{position:absolute;z-index:3;left:7%;bottom:8%;display:flex;align-items:center;gap:12px;width:260px;padding:13px 16px;border:1px solid rgba(184,207,255,.42);border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 18px 34px rgba(21,49,116,.23);animation:domainNoteIn .62s .74s cubic-bezier(.2,.9,.3,1) both}.domain-native__note>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7650f8,#22cce4);color:#fff;font-size:22px;box-shadow:0 8px 17px rgba(66,140,240,.26)}.domain-native__note b,.domain-native__note small{display:block}.domain-native__note b{font-size:13px;color:#172b55}.domain-native__note small{margin-top:3px;color:#7787a7;font-size:11px}
.journey-copy--domain-native{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-height:575px;padding:28px 0 24px}.journey-copy--domain-native .journey-copy__top{max-width:535px}.journey-copy--domain-native .journey-copy__bottom{display:grid;gap:28px;margin-top:30px}.journey-copy--domain-native h2{max-width:550px;font-size:clamp(48px,4.2vw,65px);line-height:1.02;letter-spacing:-.052em}.journey-copy--domain-native .journey-intro{max-width:520px;font-size:18px;line-height:1.55}.journey-copy--domain-native .journey-link{margin-top:0}.journey-copy--domain-native .domain-benefits{gap:20px}.journey-copy--domain-native .domain-benefits b{font-size:16px}.journey-copy--domain-native .domain-benefits small{font-size:13px;margin-top:5px}
.journey-domain.reveal:not(.is-visible) .domain-native{animation-play-state:paused}.journey-domain.reveal:not(.is-visible) .journey-copy--domain-native{opacity:0;transform:translateX(18px)}.journey-domain.reveal.is-visible .journey-copy--domain-native{opacity:1;transform:none;transition:opacity .65s .18s ease,transform .65s .18s cubic-bezier(.18,.86,.25,1)}
@keyframes domainStageEnter{from{opacity:0;transform:translateX(-38px) scale(.965)}to{opacity:1;transform:none}}@keyframes domainConsoleIn{from{opacity:0;transform:translate(32px,18px) scale(.96)}to{opacity:1;transform:none}}@keyframes domainRowIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes domainNoteIn{from{opacity:0;transform:translate(-18px,16px) scale(.94)}to{opacity:1;transform:none}}@keyframes domainOrbit{to{transform:rotate(388deg)}}@keyframes domainOrbitReverse{to{transform:rotate(-288deg)}}@keyframes domainDot{50%{transform:translateY(-8px);opacity:.72}}
@media(max-width:1160px){.journey-layout--domain{grid-template-columns:1fr;gap:44px}.domain-native{max-width:720px;margin:0 auto;min-height:535px;order:2}.journey-copy--domain-native{min-height:auto;order:1;padding:0}.journey-copy--domain-native h2{max-width:690px}.journey-copy--domain-native .journey-intro{max-width:630px}}
@media(max-width:720px){.journey-layout--domain{gap:32px}.domain-native{min-height:400px}.domain-native__surface{left:0;right:2%;top:12%;bottom:8%;border-radius:25px}.domain-native__ambient--one{width:330px;height:330px;left:-16%;top:-8%}.domain-native__orbital--one{width:235px;height:235px;left:2%;top:15%}.domain-native__orbital--two{width:210px;height:285px;left:10%;top:5%}.domain-native__dot--one{left:43%;top:6%}.domain-native__dot--two{left:8%;top:46%}.domain-native__dot--three{right:8%;top:25%}.domain-native__console{right:1%;top:18%;width:83%;padding:15px;border-radius:18px}.domain-native__logo{width:37px;height:37px;flex-basis:37px;border-radius:11px}.domain-native__head{gap:9px;padding-bottom:12px}.domain-native__head small{font-size:9px}.domain-native__head b{font-size:15px}.domain-native__row{padding:10px;margin-top:8px;gap:9px;border-radius:12px}.domain-native__row-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px;font-size:15px}.domain-native__row small{font-size:8px}.domain-native__row strong{font-size:11px}.domain-native__row em{font-size:8px;padding:5px 7px}.domain-native__chips{gap:5px;padding-top:11px}.domain-native__chips span{font-size:7px;padding:6px 7px;gap:4px}.domain-native__chips i{font-size:10px}.domain-native__note{left:3%;bottom:3%;width:193px;padding:9px 10px;border-radius:12px;gap:8px}.domain-native__note>span{width:29px;height:29px;flex-basis:29px;font-size:15px}.domain-native__note b{font-size:9px}.domain-native__note small{font-size:7px}.journey-copy--domain-native h2{font-size:clamp(36px,9vw,52px);line-height:1.04;letter-spacing:-.045em}.journey-copy--domain-native .journey-intro{font-size:15px}.journey-copy--domain-native .domain-benefits{gap:15px}.journey-copy--domain-native .domain-benefits b{font-size:14px}.journey-copy--domain-native .domain-benefits small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.domain-native,.domain-native__console,.domain-native__row,.domain-native__note,.domain-native__orbital,.domain-native__dot{animation:none!important}.journey-domain.reveal:not(.is-visible) .journey-copy--domain-native{opacity:1;transform:none}}


/* =====================================================================
   V18 · CASOS REALES / EJEMPLOS QUE INSPIRAN
   Muestra sitios públicos reales con previews nítidos, no ilustraciones.
   ===================================================================== */
.examples-section--case-studies{position:relative;overflow:hidden;padding:clamp(112px,8.5vw,150px) 0;background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)}
.examples-section--case-studies:before{content:"";position:absolute;right:-12%;top:6%;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(84,89,240,.08),transparent 68%);pointer-events:none}
.examples-case-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,.32fr) minmax(0,.68fr);gap:clamp(48px,5.8vw,90px);align-items:center}
.examples-case-intro{max-width:365px}
.examples-case-intro h2{margin:0 0 23px;color:#0b204b;font-size:clamp(41px,3.65vw,57px);line-height:1.025;letter-spacing:-.052em}
.examples-case-intro>p:not(.journey-kicker){margin:0;color:#72809d;font-size:16px;line-height:1.68}
.examples-case-intro .journey-link{margin-top:31px}
.case-studies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.case-study{position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(213,221,246,.96);border-radius:24px;background:#fff;box-shadow:0 22px 46px rgba(20,42,93,.10);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease}
.case-study:hover{transform:translateY(-9px);box-shadow:0 30px 64px rgba(19,43,103,.16)}
.case-study__preview{position:relative;isolation:isolate;overflow:hidden;min-height:330px;background:#0a1c43}
.case-study__preview:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#7f53fb,#20cce3);opacity:.95}
.case-study__preview:after{content:"";position:absolute;z-index:1;inset:auto 0 0 0;height:68%;background:linear-gradient(180deg,rgba(6,17,43,.10) 0%,rgba(6,17,43,.34) 24%,rgba(6,17,43,.88) 100%);pointer-events:none}
.case-study__preview img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center top;transform:scale(1.001);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .55s ease}
.case-study:hover .case-study__preview img{transform:scale(1.055);filter:saturate(1.08) contrast(1.02)}
.case-study__wash{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,14,39,.42) 0%,rgba(4,15,41,.54) 26%,rgba(4,16,43,.46) 42%,rgba(4,15,39,.82) 68%,rgba(3,13,37,.97) 100%)}
.case-study__status{position:absolute;z-index:2;top:20px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(5,19,55,.57);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f7faff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.case-study__status i{width:7px;height:7px;border-radius:50%;background:#4bf0a0;box-shadow:0 0 0 5px rgba(75,240,160,.12)}
.case-study__copy{position:absolute;z-index:2;left:24px;right:24px;bottom:23px;color:#fff;background:linear-gradient(180deg,rgba(8,18,49,.02),rgba(8,18,49,.14));border-radius:18px;padding:10px 12px 0 0}
.case-study__copy small{display:block;margin-bottom:9px;color:#bba6ff;font-weight:800;font-size:10px;letter-spacing:1.4px}
.case-study__copy h3{margin:0;max-width:370px;font-size:clamp(22px,1.58vw,29px);line-height:1.09;letter-spacing:-.04em;text-shadow:0 10px 24px rgba(2,9,24,.70)}
.case-study__copy p{margin:10px 0 0;color:#eef3ff;font-size:12px;line-height:1.5;max-width:365px;text-shadow:0 8px 18px rgba(2,9,24,.58)}
.case-study__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px 16px;background:#fff;color:#73809b;font-size:11px;line-height:1.35}
.case-study__footer span{max-width:64%}
.case-study__footer a{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;color:#6543ef;text-decoration:none;font-size:12px;font-weight:800}.case-study__footer b{font-size:14px}
.case-study--laureles .case-study__status i{background:#48daa0}.case-study--manantial .case-study__status i{background:#f9b41b;box-shadow:0 0 0 5px rgba(249,180,27,.14)}.case-study--manantial .case-study__copy small{color:#f5c351}

@media(max-width:1160px){.examples-case-layout{grid-template-columns:1fr;gap:38px}.examples-case-intro{max-width:650px}.examples-case-intro h2{max-width:610px}.case-studies{max-width:950px}}
@media(max-width:760px){.examples-section--case-studies{padding:78px 0}.examples-case-layout{gap:29px}.examples-case-intro h2{font-size:clamp(36px,9.5vw,48px)}.examples-case-intro>p:not(.journey-kicker){font-size:15px}.case-studies{grid-template-columns:1fr;gap:18px}.case-study{border-radius:20px}.case-study__preview,.case-study__preview img{min-height:290px}.case-study__status{top:15px;left:15px}.case-study__copy{left:18px;right:18px;bottom:19px}.case-study__copy h3{font-size:25px}.case-study__footer{padding:14px 16px}.case-study__footer span{max-width:58%}}
@media(max-width:420px){.case-study__preview,.case-study__preview img{min-height:270px}.case-study__copy h3{font-size:22px}.case-study__copy p{font-size:11px}.case-study__footer{font-size:10px}.case-study__footer a{font-size:11px}}


/* ============================================================
   V22 · Hero reorganizado y art-directed
   Se conserva UI nativa: browser, badges, memorial, luces y ondas
   son HTML/CSS. No se usa una imagen compuesta como hero.
   ============================================================ */
.hero-native{
  min-height:860px;
  padding:142px 0 92px;
  background:
    radial-gradient(900px 540px at 84% 20%,rgba(33,109,255,.20),transparent 69%),
    radial-gradient(720px 360px at 47% 100%,rgba(105,58,255,.33),transparent 71%),
    linear-gradient(112deg,#01081a 0%,#041532 48%,#0b2d70 100%);
}
.hero-native:before{background:radial-gradient(circle at 76% 30%,rgba(71,150,255,.13),transparent 31%),radial-gradient(circle at 50% 100%,rgba(100,54,255,.30),transparent 29%),radial-gradient(circle at 102% 66%,rgba(19,185,247,.15),transparent 32%)}
.hero-native__grid{opacity:.085;background-size:96px 96px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 58%,transparent 95%)}
.hero-native__ambient--a{width:680px;height:580px;right:-240px;top:44px;background:radial-gradient(circle,rgba(48,128,255,.30),rgba(24,76,177,.08) 51%,transparent 73%)}
.hero-native__ambient--b{width:700px;height:370px;left:13%;bottom:-257px}
.hero-native__ring--violet{height:255px;width:93%;left:-20%;bottom:-172px;border-color:rgba(137,84,255,.74);box-shadow:0 -18px 54px rgba(112,58,255,.38)}
.hero-native__ring--cyan{height:222px;width:79%;right:-16%;bottom:-128px;border-color:rgba(39,203,255,.66);box-shadow:0 -19px 54px rgba(20,183,255,.32)}
.hero-native__layout{grid-template-columns:minmax(400px,.83fr) minmax(720px,1.30fr);gap:clamp(36px,4vw,68px);align-items:center;min-height:620px}
.hero-native__copy{max-width:548px;padding:18px 0 3px}
.hero-native__eyebrow{margin-bottom:25px;font-size:11px;letter-spacing:2.4px}
.hero-native h1{max-width:535px;font-size:clamp(57px,4.45vw,76px);line-height:1.02;letter-spacing:-3px;text-wrap:nowrap}
.hero-native h1 br{display:block}
.hero-native__lead{max-width:510px;margin:30px 0 34px;color:#d1dcf2;font-size:17px;line-height:1.67}
.hero-native__actions{gap:18px;margin-bottom:34px}
.native-btn{min-width:190px;padding:18px 26px;border-radius:14px}
.hero-native__chips{gap:10px;max-width:560px}
.hero-native__chips span{padding:10px 13px;border-color:rgba(143,176,244,.48);background:rgba(4,20,55,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

.hero-native__scene{width:min(100%,855px);height:625px;justify-self:end}
.native-glow--back{inset:auto -7% -6% 4%;height:61%;filter:blur(33px);background:radial-gradient(ellipse,rgba(33,129,255,.57),rgba(78,61,255,.25) 45%,transparent 74%)}
.native-platform{left:11%;bottom:4px;width:79%;height:34px;filter:blur(10px)}
.native-browser{right:34px;top:7px;width:756px;height:550px;border-radius:24px;box-shadow:0 42px 72px rgba(0,0,0,.34),0 0 0 1px rgba(85,154,255,.18),0 0 40px rgba(45,117,255,.49)}
.native-browser__chrome{height:47px;padding:0 20px}.native-browser__screen{height:calc(100% - 47px)}
.native-browser__chrome strong{padding:8px 103px}
.native-feature{left:2px;width:178px;min-height:89px;padding:14px 17px;border-radius:17px;background:linear-gradient(125deg,rgba(24,52,116,.94),rgba(9,30,75,.92));box-shadow:0 20px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.14)}
.native-feature--one{top:164px}.native-feature--two{top:284px}.native-feature--three{top:404px}
.native-feature__icon{width:46px;height:46px;flex-basis:46px;font-size:26px}.native-feature b{font-size:14px}.native-feature small{font-size:12px}
.native-support{right:-32px;top:157px;width:134px;padding:20px 15px 19px;border-radius:19px;box-shadow:0 20px 40px rgba(55,24,167,.38),inset 0 1px 0 rgba(255,255,255,.23)}
.native-memorial{right:-3px;bottom:0;width:278px;padding:23px;border-radius:21px;box-shadow:0 31px 54px rgba(0,0,0,.30)}

@media(max-width:1380px){
  .hero-native{min-height:810px;padding-top:132px}
  .hero-native__layout{grid-template-columns:minmax(370px,.81fr) minmax(645px,1.19fr);gap:26px}
  .hero-native h1{font-size:clamp(54px,4.25vw,67px);max-width:500px}
  .hero-native__scene{width:735px;height:585px}
  .native-browser{right:21px;width:680px;height:497px}
  .native-browser__chrome strong{padding:7px 72px}
  .native-feature{width:164px;min-height:78px;padding:12px 14px}.native-feature--one{top:151px}.native-feature--two{top:256px}.native-feature--three{top:361px}
  .native-feature__icon{width:40px;height:40px;flex-basis:40px;font-size:22px}
  .native-support{right:-18px;top:142px}.native-memorial{width:250px;padding:19px}
}
@media(max-width:1160px){
  .hero-native{min-height:auto;padding:116px 0 74px}
  .hero-native__layout{grid-template-columns:1fr;gap:25px;min-height:0}
  .hero-native__copy{max-width:680px;padding-top:8px}
  .hero-native h1{max-width:650px;font-size:clamp(54px,7.1vw,68px);text-wrap:balance}
  .hero-native__scene{justify-self:center;width:min(100%,820px);height:610px;margin-top:0}
  .native-browser{right:30px;width:720px;height:524px}
  .native-feature--one{top:178px}.native-feature--two{top:294px}.native-feature--three{top:410px}
  .native-support{right:-8px;top:165px}.native-memorial{right:0}
}
@media(max-width:720px){
  .hero-native h1{font-size:clamp(45px,11.5vw,60px);line-height:1.06;letter-spacing:-1.85px;text-wrap:balance}
  .hero-native h1 br{display:none}
}


/* ============================================================
   V23 · Hero con grilla fija y zonas de seguridad
   El texto y la escena no comparten ni invaden el mismo espacio.
   ============================================================ */
.hero-native{
  min-height:830px;
  padding:132px 0 88px;
}
.hero-native__layout{
  grid-template-columns:minmax(410px,455px) minmax(690px,1fr);
  column-gap:clamp(46px,4vw,68px);
  align-items:center;
  min-height:610px;
}
.hero-native__copy{
  width:100%;
  max-width:455px;
  padding-top:10px;
}
.hero-native h1{
  max-width:455px;
  font-size:clamp(54px,3.85vw,66px);
  line-height:1.045;
  letter-spacing:-2.55px;
  text-wrap:normal;
  overflow-wrap:normal;
}
.hero-native h1 .hero-native__accent{
  display:inline;
  background:linear-gradient(98deg,#aa67ff 0%,#598bff 48%,#20d9eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-native__lead{
  max-width:445px;
  margin:26px 0 30px;
  font-size:16px;
  line-height:1.63;
}
.hero-native__actions{margin-bottom:28px;gap:14px}
.native-btn{min-width:0;padding:16px 23px}
.hero-native__chips{max-width:455px;gap:9px;flex-wrap:nowrap}
.hero-native__chips span{padding:9px 11px;font-size:10px}
.hero-native__scene{
  justify-self:stretch;
  width:100%;
  max-width:760px;
  height:585px;
  overflow:visible;
}
.native-browser{
  right:16px;
  top:22px;
  width:min(690px,calc(100% - 58px));
  height:505px;
  border-radius:22px;
}
.native-browser__chrome{height:44px;padding:0 16px}
.native-browser__screen{height:calc(100% - 44px)}
.native-browser__chrome strong{padding:7px 70px;font-size:11px}
.native-feature{
  left:0;
  width:154px;
  min-height:72px;
  padding:11px 12px;
  border-radius:15px;
}
.native-feature--one{top:173px}
.native-feature--two{top:275px}
.native-feature--three{top:377px}
.native-feature__icon{width:39px;height:39px;flex-basis:39px;font-size:20px}
.native-feature b{font-size:12px}.native-feature small{font-size:10px}
.native-feature__spark{right:-5px}
.native-support{right:-16px;top:172px;width:118px;padding:16px 10px;border-radius:17px}
.native-support span{font-size:19px}.native-support small{font-size:10px}.native-support b{font-size:25px}
.native-memorial{right:-3px;bottom:1px;width:244px;padding:18px;border-radius:19px}
.native-avatar{width:49px;height:49px;flex-basis:49px}.native-avatar span{font-size:14px}
.native-memorial h3{font-size:13px}.native-memorial__top small,.native-memorial__top b{font-size:9px}
.native-quote{margin:13px 0 11px;font-size:10px}.native-tabs{font-size:10px}.native-note{font-size:10px;padding:10px}
.native-glow--back{inset:auto -3% -4% 7%;height:54%}
.native-platform{left:14%;width:71%;bottom:4px}

@media(max-width:1350px){
  .hero-native{min-height:800px;padding-top:126px}
  .hero-native__layout{grid-template-columns:minmax(365px,420px) minmax(610px,1fr);column-gap:32px}
  .hero-native h1{max-width:420px;font-size:clamp(51px,4vw,61px)}
  .hero-native__copy{max-width:420px}
  .hero-native__lead{max-width:410px;font-size:15px}
  .hero-native__scene{height:550px;max-width:690px}
  .native-browser{width:min(630px,calc(100% - 48px));height:465px;right:12px;top:24px}
  .native-feature{width:143px;min-height:66px;padding:9px 10px}.native-feature--one{top:157px}.native-feature--two{top:247px}.native-feature--three{top:337px}
  .native-feature__icon{width:35px;height:35px;flex-basis:35px;font-size:18px}.native-feature b{font-size:11px}.native-feature small{font-size:9px}
  .native-support{right:-12px;top:155px;width:108px}.native-memorial{width:225px;padding:16px}
}
@media(max-width:1100px){
  .hero-native{min-height:auto;padding:116px 0 72px}
  .hero-native__layout{grid-template-columns:1fr;gap:28px;min-height:0}
  .hero-native__copy{max-width:680px}
  .hero-native h1{max-width:650px;font-size:clamp(52px,7vw,68px)}
  .hero-native__lead{max-width:630px;font-size:16px}
  .hero-native__chips{max-width:650px;flex-wrap:wrap}
  .hero-native__scene{justify-self:center;max-width:780px;height:590px}
  .native-browser{right:22px;width:690px;height:505px;top:16px}
  .native-feature{width:160px;min-height:77px}.native-feature--one{top:170px}.native-feature--two{top:272px}.native-feature--three{top:374px}
  .native-support{right:-8px;top:165px;width:123px}.native-memorial{width:250px;right:0}
}
@media(max-width:720px){
  .hero-native__copy{max-width:100%}
  .hero-native h1{max-width:100%;font-size:clamp(44px,11.3vw,57px);letter-spacing:-1.75px;line-height:1.06}
  .hero-native h1 br{display:none}
  .hero-native__chips{flex-wrap:wrap;max-width:100%}
  .hero-native__scene{height:400px;min-height:0;margin-top:16px}
  .native-browser{right:1%;top:9px;width:94%;height:330px}
  .native-feature{left:-1%;width:124px;min-height:56px;padding:7px 8px}.native-feature--one{top:108px}.native-feature--two{top:180px}.native-feature--three{top:252px}
  .native-feature__icon{width:30px;height:30px;flex-basis:30px}.native-feature b{font-size:10px}.native-feature small{font-size:8.5px}
  .native-support{right:-6px;top:58px;width:83px;padding:9px 5px}.native-memorial{width:178px;right:-2px;bottom:0;padding:12px}
}


/* =====================================================================
   V24 · Marca Obituario + hero responsive por composición
   Desktop conserva dos columnas. Tablet apila copy y escena.
   Móvil convierte funciones en filas claras y evita superposiciones.
   ===================================================================== */
.brand img{object-fit:contain;image-rendering:auto}
.hero-native__mobile-features{display:none}

/* Tablet: el texto gana su propio bloque y la escena se centra abajo. */
@media (min-width:721px) and (max-width:1100px){
  .hero-native{padding:116px 0 76px}
  .hero-native__layout{grid-template-columns:1fr;gap:34px;min-height:0}
  .hero-native__copy{max-width:700px;padding-top:8px}
  .hero-native h1{max-width:660px;font-size:clamp(52px,7vw,68px);line-height:1.045;text-wrap:balance}
  .hero-native__lead{max-width:630px;font-size:16px;margin:25px 0 29px}
  .hero-native__chips{max-width:650px;flex-wrap:wrap}
  .hero-native__scene{justify-self:center;width:min(100%,790px);max-width:790px;height:590px;margin-top:0}
  .native-browser{right:24px;top:14px;width:min(700px,calc(100% - 72px));height:510px}
  .native-feature{left:0;width:158px;min-height:74px;padding:10px 12px}
  .native-feature--one{top:169px}.native-feature--two{top:269px}.native-feature--three{top:369px}
  .native-support{right:-4px;top:159px;width:116px}
  .native-memorial{right:0;bottom:0;width:238px;padding:17px}
}

/* Móvil: header compacto, copy primero, funciones en filas y escena ordenada. */
@media (max-width:720px){
  .site-header{position:absolute}
  .nav-wrap{height:68px;width:calc(100% - 32px)}
  .brand{gap:7px}
  .brand img{width:29px;height:26px}
  .brand b{font-size:15px;letter-spacing:-.35px}
  .brand small{font-size:8px;margin-top:3px}
  .nav-actions{display:flex;margin-left:auto;margin-right:10px;gap:0}
  .nav-actions .btn-primary{display:none}
  .nav-actions .btn-ghost{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:11px;font-size:0;background:rgba(4,21,55,.62);border-color:rgba(104,230,198,.38)}
  .nav-actions .btn-ghost .wa-dot{font-size:17px;line-height:1;color:#58e68c}
  .menu-toggle{display:inline-flex;width:40px;height:40px;border-radius:11px;font-size:21px}
  .site-header.menu-is-open .nav-links{top:calc(100% + 8px);left:0;right:0}

  .hero-native{min-height:0;padding:96px 0 54px}
  .hero-native__layout{display:block;min-height:0}
  .hero-native__copy{max-width:none;padding:0}
  .hero-native__eyebrow{margin-bottom:16px;font-size:9px;letter-spacing:1.7px}
  .hero-native h1{max-width:460px;font-size:clamp(39px,11.2vw,52px);line-height:1.055;letter-spacing:-1.65px;text-wrap:balance}
  .hero-native h1 br{display:none}
  .hero-native__lead{max-width:100%;margin:20px 0 24px;font-size:15px;line-height:1.61}
  .hero-native__actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:100%;margin-bottom:20px}
  .native-btn{width:100%;min-height:52px;padding:14px 18px;border-radius:13px}
  .hero-native__chips{display:none}
  .hero-native__mobile-features{display:grid;gap:9px;margin-top:2px}
  .hero-native__mobile-features a{display:flex;align-items:center;gap:11px;min-height:52px;padding:8px 11px;border:1px solid rgba(124,160,236,.33);border-radius:13px;background:linear-gradient(110deg,rgba(14,39,87,.84),rgba(8,30,70,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.13);color:#f4f7ff;text-decoration:none}
  .hero-mobile-feature__icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#7250f7,#20cce4);box-shadow:0 8px 16px rgba(55,115,231,.24);font-size:17px}
  .hero-native__mobile-features a:nth-child(2) .hero-mobile-feature__icon{background:linear-gradient(135deg,#7b52f8,#4b8eff)}
  .hero-native__mobile-features a:nth-child(3) .hero-mobile-feature__icon{background:linear-gradient(135deg,#25c5e0,#2d9ef4)}
  .hero-native__mobile-features b{font-size:13px;letter-spacing:-.2px}
  .hero-native__mobile-features i{margin-left:auto;color:#aabaff;font-size:24px;font-style:normal;font-weight:400;line-height:1}

  .hero-native__scene{width:100%;height:384px;min-height:0;margin-top:26px;overflow:visible}
  .native-glow--back{left:4%;right:4%;bottom:4%;height:48%;filter:blur(26px)}
  .native-platform{left:9%;bottom:2%;width:82%;height:22px}
  .native-browser{right:0;top:3px;width:92%;height:290px;border-radius:17px}
  .native-browser__chrome{height:31px;padding:0 10px;gap:6px}
  .native-browser__screen{height:calc(100% - 31px)}
  .native-dots{gap:4px}.native-dots i{width:7px;height:7px}
  .native-browser__lock{display:none}
  .native-browser__chrome strong{padding:5px 18px;font-size:8px;border-radius:9px}
  .native-feature{display:none}
  .native-support{right:-4px;top:154px;width:78px;padding:9px 5px;border-radius:12px;z-index:5}
  .native-support span{font-size:14px;margin-bottom:1px}.native-support small{font-size:7px;line-height:1.15}.native-support b{font-size:18px}
  .native-memorial{right:0;bottom:0;width:min(62%,205px);padding:12px;border-radius:16px;z-index:6}
  .native-memorial__top{gap:8px}.native-avatar{width:38px;height:38px;flex-basis:38px;border-width:2px}.native-avatar span{font-size:11px}
  .native-memorial h3{font-size:10px;line-height:1.12}.native-memorial__top small,.native-memorial__top b{font-size:8px}.native-quote{font-size:8px;line-height:1.35;margin:9px 0}.native-tabs{gap:12px;font-size:8px;padding-bottom:7px}.native-tabs b:after{bottom:-8px;width:39px}.native-note{font-size:8px;line-height:1.4;margin-top:9px;padding:8px}
  .hero-native__grid{opacity:.055;background-size:72px 72px;mask-image:none}
  .hero-native__ring--violet{width:165%;left:-60%;bottom:-180px}.hero-native__ring--cyan{width:145%;right:-57%;bottom:-142px}
}

@media (max-width:420px){
  .hero-native{padding-top:91px}
  .hero-native h1{font-size:clamp(37px,11vw,46px);letter-spacing:-1.4px}
  .hero-native__lead{font-size:14px}
  .hero-native__mobile-features a{min-height:49px}.hero-native__mobile-features b{font-size:12px}
  .hero-native__scene{height:352px;margin-top:23px}
  .native-browser{width:95%;height:262px}
  .native-memorial{width:min(63%,185px);padding:10px}.native-memorial h3{font-size:9.5px}.native-support{top:139px;width:72px}
}

@media (prefers-reduced-motion:reduce){
  .hero-native__mobile-features a{transition:none}
}


/* ============================================================
   V25 · Footer premium
   El isotipo se mantiene como imagen local; no se reconstruye en CSS.
   ============================================================ */
.footer--premium{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(520px 250px at 8% 20%,rgba(61,87,186,.17),transparent 74%),
    radial-gradient(460px 260px at 88% 12%,rgba(31,198,226,.09),transparent 74%),
    linear-gradient(135deg,#04122d 0%,#061a40 54%,#071934 100%);
  color:#d8e5ff;
}
.footer--premium:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,#6b45ef 0%,#a552ff 32%,#29c9e2 100%);
  box-shadow:0 0 28px rgba(42,203,231,.35);
}
.footer--premium:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:420px;height:420px;
  right:-210px;bottom:-250px;
  border-radius:50%;
  border:1px solid rgba(81,157,255,.16);
  box-shadow:0 0 0 66px rgba(81,157,255,.035),0 0 0 132px rgba(81,157,255,.02);
}
.footer--premium .footer-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(270px,1.75fr) minmax(135px,.75fr) minmax(170px,.95fr) minmax(190px,1fr);
  gap:clamp(34px,5vw,78px);
  padding:66px 0 52px;
}
.footer--premium .footer-brand{min-width:0}
.footer-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
}
.footer-logo__mark{
  display:block;
  filter:drop-shadow(0 7px 13px rgba(71,153,255,.22));
}
.footer-logo__copy{display:flex;flex-direction:column;line-height:1}
.footer-logo__copy b{font-size:21px;letter-spacing:-.75px}
.footer-logo__copy small{margin-top:4px;color:#b8c5e4;font-size:10px;letter-spacing:.1px}
.footer--premium .footer-brand>p{
  max-width:292px;
  margin:20px 0 22px;
  color:#aebddd;
  font-size:13px;
  line-height:1.62;
}
.footer-whatsapp{
  display:flex;
  align-items:center;
  gap:10px;
  width:min(100%,294px);
  padding:11px 12px;
  border:1px solid rgba(112,146,218,.28);
  border-radius:14px;
  background:linear-gradient(110deg,rgba(24,54,112,.5),rgba(11,32,76,.36));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 24px rgba(0,0,0,.12);
  color:#eaf3ff;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.footer-whatsapp:hover{transform:translateY(-2px);border-color:rgba(73,219,169,.55);background:linear-gradient(110deg,rgba(30,75,112,.65),rgba(12,40,80,.54))}
.footer-whatsapp i{
  display:grid;
  place-items:center;
  flex:0 0 31px;
  width:31px;height:31px;
  border-radius:50%;
  background:linear-gradient(135deg,#22c9db,#50df8e);
  color:#fff;
  font-size:16px;
  font-style:normal;
}
.footer-whatsapp span{display:flex;flex-direction:column;gap:2px;min-width:0}
.footer-whatsapp b{font-size:11px;line-height:1.2}
.footer-whatsapp small{color:#a8bedc;font-size:9px}
.footer-whatsapp em{margin-left:auto;color:#84e6ff;font-size:16px;font-style:normal}
.footer--premium .footer-column{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.footer--premium .footer-column h4{
  margin:4px 0 17px;
  color:#fff;
  font-size:13px;
  letter-spacing:-.1px;
}
.footer--premium .footer-column a,
.footer--premium .footer-column p{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 11px;
  color:#adbcdb;
  font-size:12px;
  line-height:1.35;
  text-decoration:none;
  transition:color .18s ease,transform .18s ease;
}
.footer--premium .footer-column a:hover{color:#fff;transform:translateX(3px)}
.footer-contact span{color:#76dff0;font-size:13px}
.footer-contact__tag{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:5px;
  padding:8px 10px;
  border:1px solid rgba(117,145,203,.25);
  border-radius:999px;
  color:#b9c9e6;
  font-size:10px;
  background:rgba(10,31,74,.36);
}
.footer-contact__tag i{width:7px;height:7px;border-radius:50%;background:#4ce595;box-shadow:0 0 0 4px rgba(76,229,149,.11)}
.footer--premium .footer-bottom{
  position:relative;
  border-top:1px solid rgba(180,202,247,.12);
  padding:18px 0 19px;
  color:#9eadcc;
  font-size:11px;
}
.footer--premium .footer-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:18px}
.footer--premium .footer-bottom span,.footer--premium .footer-bottom small{float:none;display:block;margin:0;color:inherit;font-size:inherit}

@media(max-width:980px){
  .footer--premium .footer-grid{grid-template-columns:1.35fr 1fr 1fr;gap:38px 30px;padding:56px 0 44px}
  .footer--premium .footer-brand{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);column-gap:38px;align-items:center}
  .footer--premium .footer-brand .footer-logo{grid-column:1}
  .footer--premium .footer-brand>p{grid-column:1;margin:14px 0 0}
  .footer--premium .footer-whatsapp{grid-column:2;grid-row:1 / span 2;justify-self:end;width:100%}
}
@media(max-width:640px){
  .footer--premium .footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px;padding:46px 0 36px}
  .footer--premium .footer-brand{grid-column:1 / -1;display:block}
  .footer-logo .brand-mark{width:36px;height:33px}
  .footer-logo__copy b{font-size:20px}
  .footer--premium .footer-brand>p{margin:16px 0 19px;max-width:335px;font-size:12px}
  .footer-whatsapp{width:100%;max-width:335px}
  .footer--premium .footer-column h4{margin:0 0 13px}
  .footer--premium .footer-column a,.footer--premium .footer-column p{font-size:11px;margin-bottom:10px}
  .footer--premium .footer-bottom .container{display:block;line-height:1.55}
  .footer--premium .footer-bottom small{margin-top:3px}
}
@media(max-width:390px){
  .footer--premium .footer-grid{grid-template-columns:1fr;gap:25px}
  .footer--premium .footer-column{padding-top:2px}
}


/* V27 · marca oficial SVG (obituarios.vecqo.com/assets/img/logo-mark.svg) */
.brand > .brand-logo__svg{display:block;width:38px;height:38px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 6px 12px rgba(48,205,225,.16))}
.footer-logo__mark{display:block;width:38px;height:35px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 7px 13px rgba(71,153,255,.22))}
@media(max-width:680px){.brand > .brand-logo__svg{width:34px;height:34px}.footer-logo__mark{width:36px;height:33px}}


/* ============================================================
   V28 · Marca memorial (nube + corazón) y contacto compacto
   No usa el ícono de electrocardiograma para evitar asociación clínica.
   ============================================================ */
.brand > .brand-logo__svg,
.footer-logo > img.footer-logo__mark{display:none!important}

.obituario-symbol{
  position:relative;
  display:inline-block;
  flex:0 0 auto;
  width:39px;
  height:34px;
  isolation:isolate;
  filter:drop-shadow(0 7px 12px rgba(67,135,255,.22));
}
.obituario-symbol__cloud{
  position:absolute;
  display:block;
  box-sizing:border-box;
  pointer-events:none;
}
.obituario-symbol__cloud--violet{
  left:1px;
  bottom:5px;
  width:23px;
  height:12px;
  border:2px solid #9a5bf7;
  border-top:0;
  border-radius:0 0 10px 10px;
}
.obituario-symbol__cloud--violet:before,
.obituario-symbol__cloud--violet:after{
  content:"";
  position:absolute;
  box-sizing:border-box;
  border:2px solid #9a5bf7;
  border-radius:50%;
  background:transparent;
}
.obituario-symbol__cloud--violet:before{
  width:11px;
  height:11px;
  left:0;
  bottom:7px;
  border-right-color:transparent;
}
.obituario-symbol__cloud--violet:after{
  width:14px;
  height:14px;
  right:1px;
  bottom:8px;
}
.obituario-symbol__cloud--cyan{
  right:1px;
  bottom:5px;
  width:23px;
  height:12px;
  border:2px solid #31d2df;
  border-top:0;
  border-left-color:transparent;
  border-radius:0 0 10px 10px;
}
.obituario-symbol__cloud--cyan:before,
.obituario-symbol__cloud--cyan:after{
  content:"";
  position:absolute;
  box-sizing:border-box;
  border:2px solid #31d2df;
  border-radius:50%;
  background:transparent;
}
.obituario-symbol__cloud--cyan:before{
  width:14px;
  height:14px;
  left:1px;
  bottom:8px;
  border-right-color:transparent;
}
.obituario-symbol__cloud--cyan:after{
  width:11px;
  height:11px;
  right:0;
  bottom:7px;
  border-left-color:transparent;
}
.obituario-symbol__heart{
  position:absolute;
  z-index:2;
  left:14px;
  top:12px;
  width:11px;
  height:11px;
  transform:rotate(45deg);
  border-radius:2px 0 2px 0;
  background:linear-gradient(135deg,#b063fa 0%,#3ed9e2 100%);
  box-shadow:0 0 0 2px rgba(7,24,58,.84),0 0 10px rgba(61,210,228,.42);
}
.obituario-symbol__heart:before,
.obituario-symbol__heart:after{
  content:"";
  position:absolute;
  width:11px;
  height:11px;
  border-radius:50%;
  background:inherit;
}
.obituario-symbol__heart:before{left:-5.5px;top:0}
.obituario-symbol__heart:after{left:0;top:-5.5px}
.obituario-symbol--footer{width:40px;height:35px}
.brand .obituario-symbol + span{display:flex;flex-direction:column;line-height:1}

/* El acceso a WhatsApp queda como acción breve, no como tarjeta grande. */
.footer-whatsapp{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  min-height:38px;
  padding:7px 11px 7px 8px;
  border-radius:999px;
  background:rgba(15,55,84,.50);
  border:1px solid rgba(88,207,170,.32);
  box-shadow:none;
}
.footer-whatsapp:hover{transform:translateY(-1px);box-shadow:0 9px 18px rgba(0,0,0,.14)}
.footer-whatsapp i{
  display:grid;
  place-items:center;
  flex:0 0 23px;
  width:23px;
  height:23px;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1;
}
.footer-whatsapp span{
  display:block;
  color:#effff7;
  font-size:11px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.footer-whatsapp b,.footer-whatsapp small{display:none}
.footer-whatsapp em{margin-left:1px;color:#86ecc5;font-size:14px;line-height:1;font-style:normal}

@media(max-width:680px){
  .obituario-symbol{width:34px;height:30px}
  .obituario-symbol--footer{width:37px;height:32px}
  .footer-whatsapp{min-height:36px;padding:6px 10px 6px 7px}
}


/* V29 · Acción WhatsApp compacta y clara en el footer */
.footer--premium .footer-whatsapp{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content!important;
  max-width:none!important;
  min-height:40px;
  margin:18px 0 0!important;
  padding:8px 14px 8px 10px;
  border:0!important;
  border-radius:10px;
  background:#23b95d!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(17,117,62,.22)!important;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.footer--premium .footer-whatsapp:hover{
  transform:translateY(-2px);
  background:#1ea653!important;
  box-shadow:0 13px 24px rgba(17,117,62,.30)!important;
}
.footer--premium .footer-whatsapp__icon{
  display:block;
  width:22px;
  height:22px;
  overflow:visible;
  flex:0 0 22px;
}
.footer--premium .footer-whatsapp__bubble{fill:#fff}
.footer--premium .footer-whatsapp__phone{fill:#23b95d}
.footer--premium .footer-whatsapp span{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap;
}
.footer--premium .footer-whatsapp i,
.footer--premium .footer-whatsapp em{display:none!important}
@media(max-width:680px){
  .footer--premium .footer-whatsapp{margin-top:16px!important;min-height:39px;padding:8px 13px 8px 9px}
}


/* ============================================================
   V30 · Logo oficial aportado por el usuario
   Se usa el SVG exacto: assets/img/logo-mark.svg
   ============================================================ */
.brand > .brand-logo__svg{
  display:block!important;
  flex:0 0 auto;
  width:43px;
  height:34px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 6px 13px rgba(70,192,227,.17));
}
.footer-logo > img.footer-logo__mark{
  display:block!important;
  flex:0 0 auto;
  width:44px;
  height:34px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 7px 14px rgba(70,192,227,.18));
}
@media(max-width:680px){
  .brand > .brand-logo__svg{width:38px;height:30px}
  .footer-logo > img.footer-logo__mark{width:40px;height:31px}
}


/* =====================================================================
   V31 · EJEMPLOS QUE INSPIRAN — composición editorial refinada
   Mantiene tipografías globales de la web: DM Sans + Playfair Display.
   ===================================================================== */
.examples-section--case-studies{
  position:relative;
  overflow:hidden;
  padding:clamp(108px,8vw,148px) 0;
  background:
    radial-gradient(560px 430px at 76% 8%,rgba(116,92,255,.065),transparent 72%),
    linear-gradient(180deg,#fff 0%,#f8faff 100%);
}
.examples-section--case-studies:before{
  content:"";
  position:absolute;
  left:-10%;
  bottom:-32%;
  width:640px;
  height:640px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(86,179,255,.065),transparent 67%);
  pointer-events:none;
}
.examples-case-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(300px,.31fr) minmax(0,.69fr);
  align-items:center;
  gap:clamp(52px,5.4vw,88px);
}
.examples-case-intro{max-width:375px;padding:8px 0}
.examples-case-intro .journey-kicker{margin:0 0 21px}
.examples-case-intro h2{
  margin:0 0 24px;
  color:#0b214e;
  font-family:var(--font);
  font-size:clamp(40px,3.4vw,58px);
  font-weight:700;
  line-height:1.03;
  letter-spacing:-.055em;
}
.examples-case-intro>p:not(.journey-kicker){
  max-width:355px;
  margin:0;
  color:#72809d;
  font-size:16px;
  line-height:1.72;
}
.examples-case-intro .journey-link{margin-top:34px;font-size:13px}
.case-studies{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.case-study{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(217,223,242,.98);
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 52px rgba(25,47,102,.115),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .36s cubic-bezier(.2,.86,.25,1),box-shadow .36s ease,border-color .36s ease;
}
.case-study:hover{
  transform:translateY(-7px);
  border-color:rgba(142,119,247,.46);
  box-shadow:0 30px 66px rgba(27,52,112,.17),0 0 0 5px rgba(119,71,245,.035);
}
.case-study__preview{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:420px;
  background:#0a1733;
}
.case-study__preview:before{
  content:"";
  position:absolute;
  z-index:5;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.08);
}
.case-study__preview:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,12,33,.52) 0%,rgba(5,16,43,.16) 22%,rgba(4,14,38,.18) 38%,rgba(4,13,34,.86) 78%,rgba(3,11,28,.98) 100%),
    linear-gradient(90deg,rgba(3,13,35,.23),transparent 70%);
  pointer-events:none;
}
.case-study__preview img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.82) contrast(1.06) brightness(.82);
  transform:scale(1.012);
  transition:transform 1.05s cubic-bezier(.2,.7,.2,1),filter .55s ease;
}
.case-study:hover .case-study__preview img{transform:scale(1.055);filter:saturate(.97) contrast(1.05) brightness(.9)}
.case-study__chrome{
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  gap:6px;
  height:42px;
  padding:0 16px;
  color:rgba(238,243,255,.88);
  background:linear-gradient(180deg,rgba(3,13,38,.82),rgba(3,13,38,.47));
  border-bottom:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(9px);
}
.case-study__chrome span{width:7px;height:7px;border-radius:50%;background:#ff6d67}.case-study__chrome span:nth-child(2){background:#ffc259}.case-study__chrome span:nth-child(3){background:#43d38b}.case-study__chrome b{margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.02em;color:#c5d1f0}
.case-study__status{
  position:absolute;
  z-index:4;
  top:62px;
  left:22px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border:1px solid rgba(173,191,255,.34);
  border-radius:999px;
  background:rgba(6,22,57,.74);
  box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12);
  color:#f8fbff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  backdrop-filter:blur(11px);
}
.case-study__status i{width:8px;height:8px;border-radius:50%;background:#4be1a2;box-shadow:0 0 0 5px rgba(75,225,162,.13)}
.case-study__copy{
  position:absolute;
  z-index:3;
  left:28px;
  right:28px;
  bottom:28px;
  color:#fff;
}
.case-study__copy small{
  display:block;
  margin:0 0 14px;
  color:#c1b4ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.35px;
}
.case-study__copy h3{
  max-width:390px;
  margin:0;
  color:#fff;
  font-family:var(--font);
  font-size:clamp(24px,1.88vw,32px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.055em;
  text-shadow:0 10px 28px rgba(1,7,20,.82);
}
.case-study__copy em{display:block;width:38px;height:2px;margin:18px 0;background:linear-gradient(90deg,#9a7bff,#58dff1);border-radius:999px;box-shadow:0 0 12px rgba(108,194,255,.48)}
.case-study__copy p{
  max-width:350px;
  margin:0;
  color:#eef3ff;
  font-size:13px;
  line-height:1.55;
  text-shadow:0 6px 16px rgba(1,7,20,.72);
}
.case-study__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:93px;
  padding:20px 24px;
  background:linear-gradient(135deg,#fff 0%,#fbfcff 100%);
  color:#73809b;
  font-size:12px;
  line-height:1.42;
}
.case-study__footer span{max-width:58%}
.case-study__footer a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  color:#6543ef;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  transition:gap .22s ease,color .22s ease;
}
.case-study__footer a:hover{gap:12px;color:#24bfe0}
.case-study__footer b{font-size:16px;line-height:1}
.case-study--laureles .case-study__status i{background:#51e0a8}.case-study--manantial .case-study__status i{background:#f4bd37;box-shadow:0 0 0 5px rgba(244,189,55,.15)}.case-study--manantial .case-study__copy small{color:#ffd678}.case-study--manantial .case-study__copy em{background:linear-gradient(90deg,#ffd167,#a985ff)}
@media(max-width:1170px){
  .examples-case-layout{grid-template-columns:1fr;gap:42px}
  .examples-case-intro{max-width:650px}
  .examples-case-intro h2{max-width:630px}
  .examples-case-intro>p:not(.journey-kicker){max-width:590px}
}
@media(max-width:780px){
  .examples-section--case-studies{padding:78px 0}
  .examples-case-layout{gap:31px}
  .examples-case-intro h2{font-size:clamp(37px,10vw,50px)}
  .case-studies{grid-template-columns:1fr;gap:21px}
  .case-study{border-radius:21px}
  .case-study__preview,.case-study__preview img{min-height:360px}
  .case-study__copy{left:22px;right:22px;bottom:23px}
  .case-study__copy h3{font-size:28px}
  .case-study__footer{min-height:82px;padding:17px 19px}
}
@media(max-width:430px){
  .examples-case-intro>p:not(.journey-kicker){font-size:15px}
  .case-study__preview,.case-study__preview img{min-height:330px}
  .case-study__chrome{padding:0 13px}.case-study__chrome b{font-size:8px}
  .case-study__status{top:56px;left:16px;padding:8px 10px;font-size:9px}
  .case-study__copy{left:18px;right:18px;bottom:19px}
  .case-study__copy small{font-size:9px;margin-bottom:10px}
  .case-study__copy h3{font-size:24px}
  .case-study__copy p{font-size:12px}
  .case-study__footer{gap:12px;padding:15px 16px;font-size:11px}.case-study__footer a{font-size:12px}
}


/* ============================================================
   V32 · Tipografía editorial unificada
   Todos los títulos de la página usan la misma familia del hero.
   Los textos de interfaz, botones, chips y contenido permanecen
   en DM Sans para conservar claridad y lectura funcional.
   ============================================================ */
body h1,
body h2,
body h3,
body h4{
  font-family:var(--serif)!important;
  font-weight:600!important;
  text-wrap:balance;
}

/* Ajuste fino: mantiene la jerarquía y el aire de las piezas editoriales */
body h2{letter-spacing:-.042em!important;line-height:1.08}
body h3{letter-spacing:-.032em!important;line-height:1.13}
body h4{letter-spacing:-.018em!important;line-height:1.18}

/* El título principal conserva su composición original y el acento de color */
.hero-native h1{font-family:var(--serif)!important;font-weight:600!important}

/* Títulos pequeños de cards: serif más contenido para no perder legibilidad */
.process-step h3,
.pricing-card h3,
.native-memorial h3,
.demo-form h3,
.footer--premium .footer-column h4{
  line-height:1.17!important;
}

@media(max-width:680px){
  body h2{line-height:1.1}
  body h3{line-height:1.16}
}

.demo-notice{margin:12px 0 2px;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:700}.demo-notice.success{background:#e8fbf2;border:1px solid #bcebd5;color:#167454}