:root{--ink:#141817;--anthracite:#343b38;--cream:#f1eee6;--paper:#f8f6f0;--mint:#b9dec9;--mint-strong:#91cbb0;--muted:#8e9890;--line:#d8d6ce;--font:'DM Sans',Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased}
button,a{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
::selection{background:var(--mint);color:var(--ink)}
.skip-link{position:fixed;top:-100px;left:16px;background:var(--mint);color:var(--ink);padding:12px;z-index:90}.skip-link:focus{top:16px}
.site-header{height:80px;padding:0 clamp(24px,4vw,70px);display:flex;align-items:center;gap:44px;position:fixed;z-index:30;inset:0 0 auto;background:#141817e8;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff20}
.wordmark{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:700;font-size:24px;letter-spacing:-.075em}.wordmark-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-weight:600;font-size:18px;letter-spacing:-.12em;padding-right:3px}.wordmark-mark span{color:var(--mint)}.wordmark-dot{color:var(--mint)}
.site-nav{display:flex;gap:32px;margin-left:auto}.site-nav a{font-size:13px;font-weight:500;color:#e4e8e0;transition:color .2s}.site-nav a:hover{color:var(--mint)}
.header-cta{display:inline-flex;gap:22px;align-items:center;border:1px solid #ffffff65;border-radius:100px;padding:12px 18px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.header-cta:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.hero{min-height:min(850px,100svh);min-height:max(720px,100svh);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,42%);align-items:center;overflow:hidden;padding:132px clamp(24px,6vw,100px) 110px;background:radial-gradient(circle at 75% 48%,#30423b 0,#1b2420 30%,#141817 62%)}
#capacidades,#productos,#metodo{scroll-margin-top:80px}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 24%,#ffffff08 24%,#ffffff08 calc(24% + 1px),transparent calc(24% + 1px)),linear-gradient(90deg,transparent 53%,#ffffff08 53%,#ffffff08 calc(53% + 1px),transparent calc(53% + 1px));opacity:.35}
.hero-copy{position:relative;z-index:2;max-width:900px}.eyebrow,.section-id,.section-note,.group-index,.cap-number,.cap-meta,.hero-foot,.art-caption,.art-coordinate,.step>span{font-size:11px;font-weight:700;letter-spacing:.145em}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:var(--mint);margin:0 0 32px}.eyebrow-index{color:#819187;font-weight:500}.signal{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #a9d5bd20;animation:pulse 2.8s ease-in-out infinite}
.hero h1{font-size:clamp(68px,7.7vw,128px);line-height:.98;letter-spacing:-.078em;font-weight:600;margin:0;max-width:12ch}.hero h1 .line{display:block;white-space:nowrap;animation:rise .9s both cubic-bezier(.2,.8,.2,1)}.hero h1 .line:nth-child(2){animation-delay:.13s}.hero h1 .line:nth-child(3){animation-delay:.26s}.line-accent{color:var(--mint)}.period{color:var(--cream)}
.hero-description{font-size:clamp(16px,1.4vw,20px);line-height:1.55;max-width:460px;margin:34px 0 27px;color:#bfc9c1;letter-spacing:-.02em;animation:rise .9s .36s both}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;animation:rise .9s .48s both}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:54px;padding:15px 22px;border-radius:100px;font-size:14px;font-weight:700;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-mint{background:var(--mint);color:var(--ink)}.button-mint:hover{background:#d2eadb}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #d9e0d759;padding:8px 0;display:inline-flex;gap:15px;transition:color .2s,gap .2s}.text-link:hover{color:var(--mint);gap:20px}
.hero-art{position:relative;width:100%;aspect-ratio:1;max-width:650px;justify-self:end;transform:translateX(6%);animation:art-in 1.25s .25s both}.art-grid{position:absolute;inset:8%;border:1px solid #ffffff18;border-radius:50%}.art-grid::before,.art-grid::after{content:'';position:absolute;background:#ffffff14}.art-grid::before{width:1px;top:-12%;bottom:-12%;left:50%}.art-grid::after{height:1px;left:-12%;right:-12%;top:50%}.art-halo{position:absolute;inset:22%;border-radius:50%;background:#a0d0b91a;filter:blur(40px);animation:halo-breathe 5.2s ease-in-out infinite}.art-orbit{position:absolute;inset:13%;border:1px solid #add8bf4f;border-radius:50%;transform:rotateX(72deg) rotate(-24deg)}.art-orbit::after{content:"";position:absolute;width:8px;height:8px;top:50%;right:-4px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px #b9dec929,0 0 18px #b9dec980}.art-orbit-two::after{width:5px;height:5px;background:var(--cream);box-shadow:0 0 0 4px #f1eee626,0 0 12px #f1eee680}.art-orbit-one{animation:orbit 14s linear infinite}.art-orbit-two{inset:24% 2%;border-color:#f7f0dd26;transform:rotateY(68deg) rotate(20deg);animation:orbit-two 17s linear infinite}.art-shadow{position:absolute;left:22%;right:18%;bottom:14%;height:9%;border-radius:50%;background:#020908ab;filter:blur(19px);animation:shadow-breathe 5.2s ease-in-out infinite}
.art-object{position:absolute;left:25%;top:15%;width:51%;height:68%;border-radius:49% 51% 47% 53%/38% 44% 56% 62%;background:radial-gradient(ellipse at 30% 24%,#f5f0e5 0,#e3e8d9 22%,#9bbca8 45%,#587063 67%,#263a31 90%);box-shadow:inset -25px -21px 35px #10251c80,inset 15px 12px 26px #ffffffb3,25px 22px 55px #0009;transform:rotate(-25deg);animation:float 5.2s ease-in-out infinite}.art-object::before{content:'';position:absolute;inset:3%;border-radius:inherit;border:1px solid #fafff26b}.art-opening{position:absolute;inset:28% 17% 27%;border-radius:50%;background:radial-gradient(ellipse at 65% 20%,#4f6e60,#172820 55%,#0b1611 78%);box-shadow:inset 10px 10px 20px #0b140da9,0 0 1px 14px #e3e8d31f;border:4px solid #a7c6ae90}
.art-caption{position:absolute;color:#d8e6da;display:flex;align-items:center;gap:13px}.art-caption i{width:60px;height:1px;background:#a2cbb4}.art-caption-top{top:23%;right:0}.art-caption-bottom{bottom:21%;left:0}.art-coordinate{position:absolute;bottom:0;right:4%;color:#71877a;font-size:9px;white-space:nowrap}
.hero-foot{position:absolute;left:clamp(24px,6vw,100px);right:clamp(24px,6vw,100px);bottom:32px;display:flex;justify-content:space-between;gap:20px;color:#87978b;font-size:10px}.hero-foot span:last-child{color:#c1d6c4}
.section-cream{background:var(--cream);color:var(--ink)}.capabilities{padding:115px clamp(24px,6vw,100px) 70px}.section-top{display:flex;align-items:center;gap:28px;color:#5c6860}.section-id{white-space:nowrap}.section-rule{height:1px;background:var(--line);flex:1}.section-note{white-space:nowrap;color:#9b9e95}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:45px;margin:78px 0 82px}.section-heading h2,.product-lead h2,.method-heading h2,.closing h2{font-size:clamp(56px,7vw,112px);line-height:.95;letter-spacing:-.075em;font-weight:600;margin:0}.section-heading h2 em,.product-lead h2 em{font-style:normal;color:#8caa96}.section-heading p{max-width:350px;margin:0 0 7px auto;color:#5e6961;font-size:clamp(17px,1.5vw,21px);line-height:1.5;letter-spacing:-.025em}
.capability-list{border-top:1px solid #b4bbb0}.capability{display:grid;grid-template-columns:50px minmax(190px,.7fr) minmax(250px,1.1fr) 28px;align-items:center;gap:28px;padding:33px 0;border-bottom:1px solid #b4bbb0;transition:background .25s,padding .25s}.capability>div{display:contents}.capability h3{font-size:clamp(31px,3.2vw,50px);font-weight:500;letter-spacing:-.065em;line-height:1.1;margin:0;transition:transform .25s}.capability p{font-size:15px;line-height:1.5;color:#556158;max-width:500px;margin:0}.cap-number{color:#89958a;align-self:start;padding-top:13px}.cap-meta{display:none}.cap-arrow{font-size:20px;color:#8baa96;justify-self:end;transition:transform .25s}.capability:hover{padding-left:10px;background:#e7eadf}.capability:hover .cap-arrow{transform:translate(4px,-4px)}.section-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;color:#667169;font-size:11px;font-weight:700;letter-spacing:.09em}.section-bottom a{color:var(--ink);display:flex;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}
.products{background:var(--paper);color:var(--ink);padding:115px clamp(24px,6vw,100px) 125px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,160px)}.product-lead{position:sticky;top:110px;align-self:start}.product-lead h2{font-size:clamp(54px,6.2vw,94px);margin:45px 0 32px}.product-lead p{font-size:17px;line-height:1.55;color:#636e65;max-width:460px}.product-groups{padding-top:45px}.product-group{padding:26px 0 40px;border-top:1px solid #b9c0b7}.product-group:last-child{border-bottom:1px solid #b9c0b7}.group-index{color:#83948a}.product-group p{font-size:clamp(24px,2.7vw,39px);line-height:1.3;letter-spacing:-.05em;font-weight:500;margin:25px 0 0}.product-group p span{color:#9dc5aa}.product-free p strong{font-weight:600;color:#688d76}
.method{background:#202725;color:var(--cream);padding:105px clamp(24px,6vw,100px) 130px}.method .section-rule{background:#616b634f}.method .section-top{color:#a7d0b6}.method .section-note{color:#708479}.method-heading{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:60px;margin:77px 0 95px}.method-heading h2{font-size:clamp(55px,6.9vw,106px)}.method-heading p{max-width:330px;color:#a8b4a9;font-size:19px;line-height:1.5;margin:0 0 6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border-top:1px solid #8daa9766;padding:23px 28px 12px 0}.step>span{color:var(--mint)}.step h3{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.055em;font-weight:500;margin:51px 0 18px}.step p{color:#acb7ad;font-size:15px;line-height:1.6;max-width:310px}
.closing{position:relative;background:var(--mint);color:var(--ink);overflow:hidden;padding:115px clamp(24px,6vw,100px) 130px;min-height:540px}.closing-inner{position:relative;z-index:2}.closing h2{margin:48px 0 42px;font-size:clamp(62px,8vw,128px)}.closing h2 span{color:#658c75}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:#343d36}.closing-ring{position:absolute;width:680px;height:680px;right:-170px;top:-100px;border:1px solid #58735f52;border-radius:50%;box-shadow:0 0 0 85px #83ac8a20,0 0 0 170px #83ac8a15;pointer-events:none}
.site-footer{padding:70px clamp(24px,6vw,100px) 35px;background:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:20px;color:#dddcd3}.site-footer p{font-size:16px;color:#a8b5aa;margin:7px 0 0}.site-footer>div{display:flex;justify-content:flex-end;align-items:center;gap:26px;font-size:13px}.site-footer>div a:hover{color:var(--mint)}.site-footer small{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:25px;color:#8b9a8e;font-size:11px}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes rise{from{opacity:0;transform:translateY(65px)}to{opacity:1;transform:translateY(0)}}@keyframes art-in{from{opacity:0;transform:translateY(35px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(-25deg)}50%{transform:translate3d(10px,-27px,0) rotate(-19deg)}}@keyframes orbit{from{transform:rotateX(72deg) rotate(-24deg)}to{transform:rotateX(72deg) rotate(336deg)}}@keyframes orbit-two{from{transform:rotateY(68deg) rotate(20deg)}to{transform:rotateY(68deg) rotate(380deg)}}@keyframes halo-breathe{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}@keyframes shadow-breathe{0%,100%{opacity:.7;transform:scale(.88)}50%{opacity:1;transform:translateX(8px) scale(1.08)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #a9d5bd08}}
@media(max-width:1200px){.hero{grid-template-columns:1fr 38%;padding-left:5vw;padding-right:5vw}.hero h1{font-size:clamp(62px,8vw,104px)}.hero-art{transform:translateX(0)}.capability{grid-template-columns:42px minmax(180px,.7fr) minmax(220px,1fr) 24px}}
@media(max-width:850px){.site-header{gap:20px}.site-nav{gap:14px}.site-nav a{font-size:12px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:165px;padding-bottom:80px}.hero-copy{max-width:700px}.hero-art{width:min(580px,75%);justify-self:center;margin-top:-20px}.hero-foot{bottom:30px}.section-heading,.products,.method-heading{grid-template-columns:1fr}.section-heading{gap:25px;margin:60px 0}.section-heading p{margin:0}.product-lead{position:static}.product-groups{padding-top:0}.method-heading{gap:25px}.capability{grid-template-columns:35px minmax(0,1fr) 25px;gap:12px}.capability h3{grid-column:2}.capability p{grid-column:2;margin-top:7px}.capability>div{display:block}.cap-number{grid-row:1}.cap-arrow{grid-column:3;grid-row:1}.steps{gap:14px}}
@media(max-width:620px){.site-header{height:70px;padding:0 20px}.wordmark{font-size:22px}.wordmark-mark{width:26px;height:26px}.site-nav{display:none}.header-cta{margin-left:auto;padding:10px 12px;gap:8px;font-size:11px}.hero{padding:145px 22px 65px}.hero h1{font-size:clamp(38px,11.6vw,62px);line-height:1.04}.hero h1 .line{white-space:normal}.hero-description{max-width:360px;margin-top:27px}.hero-actions{gap:18px}.hero-art{width:105%;margin:30px -10% 0 0}.hero-foot{position:relative;left:auto;right:auto;bottom:auto;grid-column:1;margin-top:20px;font-size:9px}.hero-foot span:first-child{display:none}.capabilities,.products,.method,.closing{padding-left:22px;padding-right:22px}.capabilities,.products,.method{padding-top:78px;padding-bottom:80px}.section-note{display:none}.section-heading h2,.product-lead h2,.method-heading h2{font-size:clamp(53px,11vw,73px)}.capability{padding:24px 0}.capability h3{font-size:34px}.capability p{font-size:14px}.product-lead h2{margin:37px 0 24px}.product-group p{font-size:28px}.method-heading{margin:55px 0 55px}.steps{grid-template-columns:1fr;gap:17px}.step h3{margin:28px 0 12px}.closing{min-height:450px;padding-top:80px;padding-bottom:90px}.closing h2{font-size:clamp(58px,12vw,90px)}.site-footer{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.site-footer>div{justify-content:flex-start;flex-wrap:wrap}.site-footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero h1 .line,.hero-description,.hero-actions,.hero-art,.signal,.art-object,.art-orbit,.art-halo,.art-shadow{animation:none!important}.button,.capability,.capability h3,.cap-arrow{transition:none!important}}

/* Cromaya: misma tipografía, y con punto sutil. */
.wordmark-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;letter-spacing:0;font-family:"DM Sans",sans-serif;font-weight:700;font-size:35px;line-height:1}
.wordmark-mark span{position:absolute;top:-3px;left:50%;transform:translateX(-50%);font-size:17px;line-height:1;color:currentColor}

/* Las nuevas fases comparten el mismo lenguaje editorial de la portada. */
#marcas{scroll-margin-top:80px}.channel-availability{color:#556158;font-size:13px;line-height:1.65;max-width:84ch;margin:25px 0 0}.cap-arrow{min-width:44px;min-height:44px;display:grid;place-items:center}.steps{row-gap:42px}.brand-space{padding:105px clamp(24px,6vw,100px) 110px}.brand-space .section-heading h2{font-size:clamp(46px,5.3vw,84px)}.brand-space-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.brand-space-links a{padding-top:23px;border-top:1px solid #b4bbb0;display:flex;flex-direction:column;gap:12px}.brand-space-links strong{font-size:23px;font-weight:500;letter-spacing:-.04em}.brand-space-links span{font-size:14px;line-height:1.6;color:#556158}.brand-space-links a:hover strong{text-decoration:underline;text-underline-offset:5px}.closing h2{font-size:clamp(50px,6.6vw,104px);max-width:20ch;line-height:1.02}.hero-foot{flex-wrap:wrap}.site-footer>div{flex-wrap:wrap}
@media(max-width:850px){.brand-space-links{grid-template-columns:1fr}.brand-space .section-heading{gap:28px}.brand-space .section-heading p{margin:0}}
@media(max-width:620px){.brand-space{padding:78px 22px 80px}.closing h2{font-size:clamp(40px,10vw,62px)}.hero-eyebrow{font-size:9px;letter-spacing:.09em}.hero-eyebrow .eyebrow-index{display:none}}