/* Brand direction: mineral surfaces, typographic scale and connected chapters. */
:root{--ink:#0b1011;--ink-soft:#151b1d;--gold:#e0b968;--paper:#e9e7df;--line:#ffffff1c}
body{background:var(--ink)}.header{height:88px;background:#0b1011f5;padding-block:16px}.brand{width:170px}.brand img{filter:brightness(1.5)}.header nav{font-size:12px;gap:28px}.header-contact{border:1px solid #e0b96860;border-radius:100px;padding:10px 18px}.button{border-radius:100px;padding:17px 26px;box-shadow:0 0 0 transparent;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #e0b96820}.eyebrow{font-size:10px;letter-spacing:.2em}.wrap{width:min(1380px,calc(100% - 120px))}
.hero{height:175svh;min-height:1200px}.hero-sticky{min-height:100svh;background:var(--ink)}.hero-grid{grid-template-columns:.9fr 1.1fr;padding-block:75px}.hero-copy{padding-left:0}.hero-copy h1{font-size:clamp(68px,6.8vw,112px);line-height:1;letter-spacing:-.075em;margin:28px 0}.hero-copy h1 em{background:linear-gradient(115deg,#ffe1a3,#c29644);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:18px;max-width:460px}.hero-detail{font-size:13px;max-width:400px}.hero-visual .media-frame::after{background:linear-gradient(90deg,#0b101126 0%,#0b101144 29%,#0b1011b3 47%,#0b1011f2 61%,#0b1011 100%),linear-gradient(0deg,#0b1011 0%,transparent 25%,transparent 78%,#0b101170 100%)}.hero-visual .media-frame>img,.hero-visual .media-frame>video{object-position:35% center}.hero-bottom{margin-top:auto;font-size:9px}.hero-actions{margin-top:32px}.hero-bottom>a{display:flex;align-items:center;gap:15px}.hero-bottom>a::before{content:'';width:22px;height:36px;border:1px solid #e0b96880;border-radius:20px;background:linear-gradient(var(--gold),var(--gold)) center 8px/2px 8px no-repeat}.hero-bottom>a span{display:none}
.chapter-rail{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:18;display:flex;flex-direction:column;gap:17px}.chapter-rail a{display:flex;align-items:center;gap:7px;color:#939c98;font-size:9px;padding:4px}.chapter-rail a::before{content:'';width:2px;height:17px;background:#ffffff25}.chapter-rail a.is-current{color:var(--gold)}.chapter-rail a.is-current::before{background:var(--gold)}.scroll-line{position:fixed;top:0;left:0;z-index:40;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}
.solutions{background:#101617;color:var(--text);padding:100px 0 115px;position:relative;overflow:hidden}.solutions::before{content:'CONECTAR';position:absolute;top:0;right:-30px;font-size:clamp(90px,16vw,250px);font-weight:800;letter-spacing:-.08em;line-height:1;color:#ffffff05;pointer-events:none}.solutions .eyebrow{color:var(--gold)}.solutions .section-heading{display:grid;grid-template-columns:1.4fr .65fr;column-gap:8%;align-items:end}.solutions .section-heading .eyebrow{grid-column:1/-1}.solutions .section-heading h2{font-size:clamp(42px,4.6vw,72px);margin-bottom:0}.solutions .section-heading>p:last-child{color:#acb4b0;max-width:320px;padding-bottom:7px;font-size:15px}.solutions .muted-heading{color:#707b76}.service-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:18px;border:0;margin-top:60px}.service-card,.service-card:first-child,.service-card:last-child{position:relative;overflow:hidden;padding:35px;border:1px solid #ffffff20;border-radius:3px;background:linear-gradient(125deg,#21292b,#151c1e);min-height:300px;transition:background .3s,border-color .3s,transform .3s}.service-card:nth-child(2){margin-top:50px}.service-card:nth-child(3){margin-top:-50px}.service-card::after{content:attr(data-number);position:absolute;right:20px;top:18px;font-size:130px;font-weight:300;line-height:1;letter-spacing:-.08em;color:#ffffff0b;pointer-events:none}.service-card:hover{background:linear-gradient(125deg,#293235,#1c2527);border-color:#e0b96885;transform:translateY(-5px)}.service-card h3{font-size:39px;margin:30px 0 16px;max-width:300px}.service-card p{max-width:370px;font-size:14px;color:#b7beb9}.service-number{color:var(--gold);font-size:10px;letter-spacing:.13em}.service-card .card-label{max-width:none;padding-top:25px;border-top:1px solid #ffffff15;font-size:11px}.card-label span{color:var(--gold)}
.story{height:175svh;min-height:1250px;border:0}.story-sticky,.story-reverse .story-sticky{padding-inline:max(60px,calc((100vw - 1380px)/2));background:var(--ink)}.story h2{font-size:clamp(48px,5.4vw,84px);line-height:1.04;letter-spacing:-.065em}.story-media .media-frame::after{background:linear-gradient(90deg,#0b101108 0%,#0b101155 37%,#0b1011ef 62%,#0b1011 100%),linear-gradient(0deg,#0b1011,transparent 23%,transparent 80%,#0b1011)}.story-reverse .media-frame::after{background:linear-gradient(90deg,#0b1011 0%,#0b1011f0 30%,#0b101190 48%,#0b10111a 75%),linear-gradient(0deg,#0b1011,transparent 23%,transparent 80%,#0b1011)}.story-copy{transform:translateY(var(--copy-offset,0px))}.hero-visual .media-frame,.story-media .media-frame{transform:scale(var(--scene-scale,1));transform-origin:center;will-change:transform}.story-copy>p:not(.eyebrow){font-size:15px}.service-detail{padding-top:14px;margin-top:18px}.story .text-link{border:1px solid #e0b96865;border-radius:100px;padding:12px 20px;margin-top:25px;font-size:12px}.story .feature-list{font-size:13px}.scene-index{position:absolute;bottom:28px;left:max(60px,calc((100vw - 1380px)/2));right:60px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:13px;font-size:9px;letter-spacing:.15em;color:#bac1bd;z-index:3}.scene-index strong{font-weight:500;color:var(--gold)}.scene-index .scene-track{height:2px;width:100px;background:#ffffff20;align-self:center;position:relative}.scene-track::after{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.essence,.process,#metodo-top-1{background:var(--paper)}.essence{padding:100px 0}.essence h2{font-size:clamp(46px,5vw,76px)}.principles span{padding:16px 0}.process-grid{gap:24px}.process-grid article{position:relative;padding:28px;border:1px solid #11151625}.process-grid article>span{display:block;font-size:48px;line-height:1;color:#a18b5c}.process-grid h3{font-size:29px}.faq{background:#101617}.contact{position:relative;background:radial-gradient(ellipse at 90% 30%,#51401b55,transparent 60%),#111718;border-top:1px solid #e0b96830}.contact h2{font-size:clamp(60px,6.4vw,104px)}footer{background:#0b1011}.reveal.is-revealed{transition-duration:.55s}.page-card{border-radius:3px}.page-hero h1{font-size:clamp(46px,5.8vw,86px);letter-spacing:-.065em}.page-hero .media-frame::after{background:linear-gradient(90deg,#0b101111,#0b101175 38%,#0b1011ed 60%,#0b1011),linear-gradient(0deg,#0b1011,transparent 30%,transparent 80%,#0b1011)}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.hero-copy h1{font-size:clamp(55px,7vw,78px)}.chapter-rail{left:7px}.story-sticky,.story-reverse .story-sticky{padding-inline:40px}.scene-index{left:40px;right:40px}.service-card h3{font-size:34px}}
@media(max-width:760px){.header{height:78px;padding:12px 20px}.header nav{top:78px}.brand{width:145px}.wrap{width:calc(100% - 40px)}.chapter-rail{display:none}.hero{height:165svh;min-height:1150px}.hero-sticky{min-height:850px}.hero-grid{display:block;padding-top:38px;padding-bottom:285px}.hero-copy h1{font-size:clamp(49px,13vw,76px);margin:24px 0;line-height:1.02}.hero-description{font-size:16px;max-width:330px}.hero-detail{font-size:12px}.hero-visual .media-frame>img,.hero-visual .media-frame>video{bottom:40px;object-position:center;object-fit:contain}.hero-visual .media-frame::after{background:linear-gradient(0deg,#0b1011 0%,transparent 12%,transparent 25%,#0b1011 39%)}.hero-bottom{padding-bottom:18px;gap:12px;letter-spacing:0}.hero-bottom>a{font-size:11px}.motion-control{font-size:10px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;padding:15px 20px}.hero-actions .text-link{font-size:12px}.solutions{padding:65px 0 75px}.solutions .section-heading{display:block}.solutions .section-heading h2{font-size:42px;margin:22px 0}.solutions .section-heading>p:last-child{max-width:none}.service-grid{grid-template-columns:1fr;gap:14px;margin-top:35px}.service-card,.service-card:first-child,.service-card:last-child{margin:0;padding:25px;min-height:265px;border:1px solid #ffffff20}.service-card h3{font-size:34px;margin-top:25px}.service-card h3 br{display:none}.service-card p{max-width:260px}.service-card::after{font-size:100px}.story{height:165svh;min-height:1300px}.story-sticky,.story-reverse .story-sticky{display:block;padding:55px 20px 280px;min-height:950px}.story h2{font-size:47px}.story-copy{transform:none}.story-media .media-frame>img,.story-media .media-frame>video{bottom:55px}.story-media .media-frame::after,.story-reverse .media-frame::after{background:linear-gradient(0deg,#0b1011 0%,transparent 12%,transparent 25%,#0b1011 39%)}.scene-index{left:20px;right:20px;bottom:18px;font-size:8px}.scene-track{max-width:65px}.essence,.process{padding:65px 0}.process-grid article{padding:25px}.page-hero h1{font-size:43px}.contact h2{font-size:58px}.reading-mode .hero-sticky{min-height:850px}.reading-mode .story-sticky{min-height:950px}}
.reading-mode .story-copy,.reading-mode .media-frame{transform:none!important}.reading-mode .scene-index,.reading-mode .chapter-rail,.reading-mode .scroll-line{display:none}
@media(prefers-reduced-motion:reduce){body:not(.motion-preview) .story-copy,body:not(.motion-preview) .hero-visual .media-frame,body:not(.motion-preview) .story-media .media-frame{transform:none!important}body:not(.motion-preview) .scene-index,body:not(.motion-preview) .chapter-rail,body:not(.motion-preview) .scroll-line{display:none}body:not(.motion-preview) .button:hover,body:not(.motion-preview) .service-card:hover{transform:none}}
/* Keep the complete artwork inside its own composition, including its wordmark. */
.hero-visual .media-frame,.story-media .media-frame{transform:none!important;will-change:auto}
.story-sticky.wrap,.story-reverse .story-sticky.wrap{width:100%;margin-inline:0}
.hero-visual .media-frame>img,.hero-visual .media-frame>video,.story-media .media-frame>img,.story-media .media-frame>video{width:48%;height:100%;left:0;right:auto;top:0;bottom:auto;object-fit:contain;object-position:center}
.hero-visual .media-frame::after,.story-media .media-frame::after{background:linear-gradient(90deg,transparent 0%,transparent 42%,#0b1011 52%),linear-gradient(0deg,#0b1011 0%,transparent 14%,transparent 86%,#0b1011 100%)}
.story-reverse .story-media .media-frame>img,.story-reverse .story-media .media-frame>video{left:auto;right:0}
.story-reverse .media-frame::after{background:linear-gradient(90deg,#0b1011 48%,transparent 58%),linear-gradient(0deg,#0b1011 0%,transparent 14%,transparent 86%,#0b1011 100%)}
.page-hero-grid>div:last-child{width:48%;right:auto;left:0}.page-hero-grid .media-frame>img{object-fit:contain;object-position:center}.page-hero-grid .media-frame::after,.page-hero .media-frame::after{background:linear-gradient(0deg,#0b1011 0%,transparent 15%,transparent 85%,#0b1011 100%)}
.process-grid,.page-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-two-col,.essence-grid,.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page-section .process-grid article>span{font-size:15px;letter-spacing:.06em;line-height:1.5}.process-grid article,.page-card{min-width:0}.process-grid h3,.page-card h3{overflow-wrap:anywhere}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-article{max-width:850px;margin:auto;padding-block:65px}.guide-article h2{font-size:32px;margin:36px 0 18px}.guide-article p{margin:16px 0;color:var(--muted)}.guide-article ul,.guide-article ol{padding-left:24px;color:var(--muted)}.guide-article li{margin:10px 0}.guide-article a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.guide-category{padding:65px 0}.guide-category h2{margin:18px 0 28px}.guide-jump-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.guide-jump-links a{font-size:13px;border:1px solid var(--line);border-radius:50px;padding:10px 16px}.guide-answer{border-left:2px solid var(--gold);padding-left:24px}.motion-control{display:none}
@media(max-width:1100px) and (min-width:761px){.process-grid{gap:16px}.process-grid article{padding:22px}.process-grid h3{font-size:25px}}
@media(max-width:760px){.hero-visual .media-frame>img,.hero-visual .media-frame>video,.story-media .media-frame>img,.story-media .media-frame>video{width:100%;height:255px;top:auto;bottom:48px;left:0;right:0;object-fit:contain}.hero-visual .media-frame::after,.story-media .media-frame::after,.story-reverse .media-frame::after{background:linear-gradient(0deg,#0b1011 0%,transparent 8%,transparent 27%,#0b1011 42%)}.page-hero-grid>div:last-child{width:100%}.page-hero-grid .media-frame>img{height:210px;bottom:0;top:auto;object-fit:contain}.page-hero-grid .media-frame::after,.page-hero .media-frame::after{background:linear-gradient(0deg,transparent 0%,transparent 23%,#0b1011 35%)}.process-grid,.page-card-grid,.page-two-col,.essence-grid,.contact-grid,.hub-grid{grid-template-columns:minmax(0,1fr)}.guide-article{padding-block:40px}.guide-article h2{font-size:27px}.guide-category{padding:45px 0}}
.light-section .page-two-col p{color:#44504a}.page-section:not(.light-section) .page-card p{color:#b4bdb7}.page-section:not(.light-section) .page-card{border-color:#ffffff25}.page-section:not(.light-section) .page-card:hover{background:#192124}
@media(min-width:761px){.hero-visual .media-frame>img,.hero-visual .media-frame>video,.story-media .media-frame>img,.story-media .media-frame>video{height:auto;aspect-ratio:16/9;top:50%;transform:translateY(-50%);mask-image:linear-gradient(0deg,transparent,black 15%,black 85%,transparent)}.page-hero-grid .media-frame>img{height:auto;aspect-ratio:16/9;top:50%;transform:translateY(-50%);mask-image:linear-gradient(0deg,transparent,black 15%,black 85%,transparent)}}
/* One continuous canvas: dissolve all four edges, including poster fallbacks. */
.hero-visual .media-frame,.story-media .media-frame,.page-hero .media-frame,.page-hero-grid>div:last-child{background:transparent!important;border:0;box-shadow:none}
.hero-visual .media-frame>img,.hero-visual .media-frame>video,.story-media .media-frame>img,.story-media .media-frame>video,.page-hero .media-frame>img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 83%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 24%,#000 76%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 83%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 24%,#000 76%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.hero-visual::before,.story-media::before,.page-hero-grid>div:last-child::before{content:'';position:absolute;inset:5% -5%;background:radial-gradient(ellipse at 35% 50%,#aa82310e,transparent 60%);pointer-events:none}
.hero-visual .media-frame::after,.story-media .media-frame::after,.story-reverse .media-frame::after,.page-hero .media-frame::after{background:none}
@media(max-width:760px){.hero-visual .media-frame>img,.hero-visual .media-frame>video,.story-media .media-frame>img,.story-media .media-frame>video,.page-hero .media-frame>img{height:auto;aspect-ratio:16/9;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}}
