@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--ink:#172019;--forest:#273329;--paper:#e8ece2;--sage:#a6b39e;--cream:#f7f3e9;--line:#17201935;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.45}a{color:inherit;text-decoration:none}.demo-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 4vw;border-bottom:1px solid var(--line);background:#e8ece2ed;backdrop-filter:blur(16px);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.demo-top p{margin:0}.demo-top small{color:#5d6c5b}.demo-toggle{display:inline-flex;gap:5px}.demo-toggle button{border:1px solid var(--line);padding:7px 10px;color:var(--ink);background:transparent;font:inherit;font-size:10px;letter-spacing:.08em;cursor:pointer}.demo-toggle button[aria-pressed=true]{color:var(--cream);background:var(--forest)}.desktop-home{display:block}.mobile-home{display:none}.force-mobile .desktop-home{display:none}.force-mobile .mobile-home{display:block}.force-desktop .desktop-home{display:block}.force-desktop .mobile-home{display:none}.desktop-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:calc(100svh - 54px);background:var(--forest);color:var(--cream)}.desktop-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:9vw}.desktop-hero-copy small,.desktop-section>small{color:#b9c9b5;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.desktop-hero h1{margin:22px 0 0;font:400 clamp(70px,10vw,170px)/.8 var(--serif);letter-spacing:-.08em}.desktop-hero h1 em,.desktop-section h2 em{color:var(--sage);font-style:italic}.desktop-hero p{max-width:290px;margin:32px 0 0;color:#cdd8c9}.desktop-hero-media{min-height:620px}.desktop-hero-media img,.desktop-section img{width:100%;height:100%;object-fit:cover}.desktop-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--paper)}.desktop-section-copy{display:flex;flex-direction:column;justify-content:center;padding:9vw}.desktop-section h2{margin:18px 0 0;font:400 clamp(55px,7vw,110px)/.82 var(--serif);letter-spacing:-.08em}.desktop-section p{max-width:350px;margin:28px 0 0;color:#59675a}.desktop-section.dark{background:var(--forest);color:var(--cream)}.desktop-section.dark p{color:#c8d4c4}.mobile-home{max-width:440px;margin:0 auto;background:var(--paper);box-shadow:0 0 0 1px #17201912}.mobile-home .mobile-progress{position:fixed;z-index:25;right:14px;top:50%;display:grid;gap:10px;transform:translateY(-50%)}.mobile-progress a{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;background:transparent}.mobile-progress a.active{background:currentColor;transform:scale(1.6)}.mobile-hero{position:relative;height:calc(100svh - 52px);min-height:620px;overflow:hidden;background:var(--forest);color:var(--cream)}.mobile-hero>img{display:block;width:100%;height:100%;object-fit:cover}.mobile-hero:after,.mobile-visual:after,.mobile-story-image:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#142016d1,transparent 63%)}.mobile-hero-copy{position:absolute;z-index:2;right:25px;bottom:34px;left:25px}.mobile-hero-copy small,.mobile-story-copy small{display:block;margin-bottom:14px;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.mobile-hero h1{margin:0;font:400 68px/.8 var(--serif);letter-spacing:-.08em}.mobile-hero h1 em,.mobile-story-copy h2 em,.mobile-materials h2 em{color:var(--sage);font-style:italic}.mobile-hero-copy p{max-width:280px;margin:22px 0 0;color:#d0dbcc;font-size:13px}.mobile-intro{padding:64px 24px 40px;background:var(--paper)}.mobile-intro small{color:#587054;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.mobile-intro h2{margin:18px 0 0;font:400 50px/.84 var(--serif);letter-spacing:-.07em}.mobile-intro h2 em{color:#587054;font-style:italic}.mobile-intro p{margin:22px 0 0;color:#59675a;font-size:14px}.mobile-track{display:flex;gap:9px;overflow:auto;padding:0 12px 24px;background:var(--paper);scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-track::-webkit-scrollbar{display:none}.mobile-track a{position:relative;flex:0 0 86%;height:360px;overflow:hidden;scroll-snap-align:start;background:#81907f}.mobile-track img{width:100%;height:100%;object-fit:cover}.mobile-track a:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#142016c9,transparent 56%)}.mobile-track span{position:absolute;z-index:2;right:18px;bottom:18px;left:18px;color:var(--cream)}.mobile-track b{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.18em}.mobile-track strong{font:400 42px/.85 var(--serif);letter-spacing:-.06em}.mobile-materials{padding:65px 24px;background:#d4dfd0}.mobile-materials h2{margin:18px 0 30px;font:400 54px/.84 var(--serif);letter-spacing:-.07em}.mobile-material-list{display:grid;gap:10px}.mobile-material-list a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;border-top:1px solid #17201945;padding:17px 0}.mobile-material-list b{color:#587054;font-size:10px}.mobile-material-list span{font:400 25px/.9 var(--serif)}.mobile-material-list i{font-style:normal;font-size:17px}.mobile-visual{position:relative;height:470px;overflow:hidden;background:var(--forest);color:var(--cream)}.mobile-visual img{width:100%;height:100%;object-fit:cover}.mobile-visual-copy{position:absolute;z-index:2;right:24px;bottom:28px;left:24px}.mobile-visual-copy h2{margin:0;font:400 54px/.82 var(--serif);letter-spacing:-.07em}.mobile-visual-copy p{max-width:300px;margin:20px 0 0;color:#d0dbcc;font-size:13px}.mobile-cta{display:grid;gap:0;padding:42px 24px;background:var(--forest);color:var(--cream)}.mobile-cta a{display:flex;justify-content:space-between;border-top:1px solid #f7f3e944;padding:19px 0;font:400 24px/.9 var(--serif)}.mobile-cta i{font-style:normal;font-family:var(--sans);font-size:18px}.mobile-revista-intro{padding:75px 24px 42px;background:#d4dfd0}.mobile-revista-intro h1{margin:18px 0 0;font:400 65px/.8 var(--serif);letter-spacing:-.08em}.mobile-revista-intro h1 em{color:#587054;font-style:italic}.mobile-revista-intro p{max-width:310px;margin:25px 0 0;color:#59675a}.mobile-story-image{position:relative;height:430px;overflow:hidden}.mobile-story-image img{width:100%;height:100%;object-fit:cover}.mobile-story-copy{position:absolute;z-index:2;right:24px;bottom:24px;left:24px;color:var(--cream)}.mobile-story-copy h2{margin:0;font:400 51px/.82 var(--serif);letter-spacing:-.07em}.mobile-story-copy p{max-width:280px;margin:19px 0 0;color:#d8e0d5;font-size:13px}.mobile-chapter{padding:62px 24px;background:var(--paper)}.mobile-chapter>small{color:#587054;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.mobile-chapter h2{margin:18px 0 30px;font:400 50px/.84 var(--serif);letter-spacing:-.07em}.mobile-chapter h2 em{color:#587054;font-style:italic}.mobile-chapter p{margin:0 0 28px;color:#59675a;font-size:14px}.mobile-chapter a{display:inline-flex;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.mobile-revista-materials{padding:62px 24px;background:#b3c0af}.mobile-revista-materials h2{margin:18px 0 27px;font:400 52px/.84 var(--serif);letter-spacing:-.07em}.mobile-revista-materials h2 em{color:#587054;font-style:italic}.mobile-revista-materials a{position:relative;display:block;height:142px;margin-top:10px;overflow:hidden;background:#879685}.mobile-revista-materials img{width:100%;height:100%;object-fit:cover;opacity:.82}.mobile-revista-materials a:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#172019bf,transparent 76%)}.mobile-revista-materials span{position:absolute;z-index:1;top:50%;left:18px;color:var(--cream);font:400 29px/.9 var(--serif);transform:translateY(-50%)}.mobile-footer{padding:58px 24px 75px;background:var(--forest);color:var(--cream)}.mobile-footer small{color:#b9c9b5;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.mobile-footer h2{margin:19px 0 0;font:400 52px/.82 var(--serif);letter-spacing:-.07em}.mobile-footer h2 em{color:var(--sage);font-style:italic}.mobile-footer a{display:inline-flex;margin-top:28px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:760px){.demo-top{padding-inline:18px}.demo-top .demo-toggle{display:none}.desktop-home{display:none}.mobile-home{display:block}.mobile-demo-head{font-size:10px}}@media(min-width:761px){.mobile-home{max-width:440px;margin:34px auto 100px}.mobile-home::before{display:block;margin:0 0 16px;color:#587054;content:'Vista móvil simulada · 430 px';font-size:10px;font-weight:700;letter-spacing:.15em;text-align:center;text-transform:uppercase}.mobile-home .mobile-progress{position:absolute}.force-mobile .mobile-home{margin-top:0;max-width:440px}.force-mobile .mobile-home::before{display:none}.force-mobile .demo-top{position:sticky}}
.mobile-track-sequence{display:flex;flex:none;gap:9px;padding-right:9px}.mobile-track[data-auto-carousel]{overflow-x:auto;scroll-behavior:auto}.mobile-track[data-auto-carousel] .mobile-track-sequence{scroll-snap-type:none}.mobile-track[data-auto-carousel] a{scroll-snap-align:none}.mobile-track[data-auto-carousel]:focus-within,.mobile-track[data-auto-carousel]:hover{scrollbar-width:none}
.mobile-materials{padding:18px 24px 58px;background:#b3c0af}.mobile-materials h2{margin:14px 0 23px;font-size:54px}.mobile-material-list{display:grid;gap:10px}.mobile-material-list a{position:relative;display:block;height:142px;overflow:hidden;padding:0;background:#839181}.mobile-material-list a::after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#172019bf,transparent 78%)}.mobile-material-list img{display:block;width:100%;height:100%;object-fit:cover}.mobile-material-list b{display:none}.mobile-material-list span{position:absolute;z-index:1;top:50%;left:18px;color:var(--cream);font:400 29px/.9 var(--serif);transform:translateY(-50%)}.mobile-material-list i{display:none}