@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#173637;--muted:#526768;--green:#a1b83b;--paper:#fff;--line:#dce4e2;--soft:#f2f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #14879a;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:20;background:white;padding:12px}header{height:108px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.logo{width:190px;height:auto;display:block}nav{display:flex;gap:32px;font-size:14px;font-weight:500}nav a:hover,footer a:hover{color:#6c8520}.button{display:inline-flex;align-items:center;gap:35px;background:var(--ink);color:white;padding:17px 23px;border-radius:3px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#2d5454;transform:translateY(-2px)}.button span{font-size:21px}.button.small{padding:12px 18px;font-size:14px;gap:20px}.hero{display:grid;grid-template-columns:1.07fr 1fr;min-height:665px;padding:48px 5.5% 52px;gap:5%}.hero-copy{padding-top:23px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;margin:0 0 24px;color:#587225}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.15;font-weight:600;margin:0}h1{font-size:clamp(42px,4.25vw,68px);letter-spacing:-.055em}em{font-style:normal;color:#799322}.intro{font-size:18px;max-width:465px;color:var(--muted);margin:27px 0 30px}.hero-note{display:flex;gap:24px;margin-top:43px;font-size:11px;letter-spacing:.15em;color:var(--muted)}.hero-art{position:relative;min-height:550px;background:#234b4c;overflow:hidden;border-radius:3px}.hero-art>img{width:100%;height:100%;object-fit:cover;position:absolute;filter:saturate(.7)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(10,44,46,.94))}.image-caption{position:absolute;bottom:34px;left:35px;right:30px;z-index:1;color:white}.image-caption span{font-size:11px;letter-spacing:.14em;color:#d4e69b}.image-caption p{font-family:Manrope,sans-serif;font-size:29px;line-height:1.3;letter-spacing:-.025em;margin:14px 0 0}.vertical-label{position:absolute;right:16px;top:25px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em;z-index:1;color:white}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 5.5%;background:var(--ink);color:white;gap:30px}.value-strip>div{display:flex;gap:23px;align-items:flex-start;padding-left:20px;border-left:1px solid #597070}.value-strip span{font-size:13px;color:#bfd370}.value-strip h2{font-size:21px;line-height:1.4;font-weight:500}.section{padding:96px 5.5%}.section-heading{max-width:710px}.section-heading h2,.portal h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.045em}.section-heading>p:last-child{max-width:620px;color:var(--muted);font-size:18px;margin:24px 0 0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:58px}.services article{border-top:1px solid #91a298;padding-top:21px}.number{font-size:13px;color:#789226}.services h3{font-size:23px;letter-spacing:-.035em;margin:31px 0 18px;min-height:54px}.services p,.cases p{color:var(--muted);font-size:16px}.service-detail{display:block;font-size:12px;padding-top:17px;color:#54732c}.portal{background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.portal-copy>p:not(.eyebrow){color:var(--muted);margin:25px 0}.portal ul{list-style:none;padding:0;margin:28px 0 0}.portal li{border-bottom:1px solid #d7e0d8;padding:13px 0;font-size:16px}.portal li:before{content:'✓';color:#789226;margin-right:13px}.portal-visual{background:#fff;box-shadow:0 25px 65px #163a3812;padding:17px;border:1px solid #dae1da;transform:rotate(-2deg)}.window-label{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);padding:0 0 15px}.portal-visual img{width:100%;height:auto;display:block}.portal-visual p{margin:15px 0 3px;font-size:13px;text-align:center;color:var(--muted)}.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.cases article{border-top:1px solid var(--line);padding-top:25px}.client{height:78px;display:flex;align-items:center;margin-bottom:30px}.client img{max-width:130px;max-height:65px;width:auto;height:auto;object-fit:contain}.cases h3{font-size:24px;letter-spacing:-.025em}.cases article>span{display:block;font-size:11px;letter-spacing:.16em;margin-top:25px;color:#527225}.source-note{font-size:12px;color:var(--muted);margin-top:35px}.commitment{padding:80px 8%;text-align:center;background:#d8e6ad}.commitment h2{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.05em}.commitment>p:not(.eyebrow){max-width:640px;margin:25px auto 30px;font-size:18px}.commitment .eyebrow{color:#466023}footer{display:flex;align-items:center;gap:45px;padding:35px 5.5%}footer p{font-size:13px;color:var(--muted);max-width:290px}footer a{margin-left:auto;font-size:14px}@media(min-width:1600px){header,.hero,.section,.value-strip,footer{padding-left:max(5.5%,calc((100vw - 1440px)/2));padding-right:max(5.5%,calc((100vw - 1440px)/2))}}@media(max-width:1050px){header{height:95px}nav{gap:18px}header .small{display:none}.hero{gap:30px;min-height:600px}h1{font-size:48px}.hero-art{min-height:510px}.services{grid-template-columns:repeat(2,1fr)}.portal{gap:35px}.cases{gap:26px}}@media(max-width:700px){html{scroll-padding-top:20px}header{height:auto;min-height:95px;padding:17px 6%;flex-wrap:wrap;gap:16px}.logo{width:157px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.hero{grid-template-columns:1fr;padding:36px 6% 35px;gap:35px}.hero-copy{padding:0}h1{font-size:clamp(39px,9.6vw,58px)}.intro{font-size:17px}.hero-note{margin-top:28px;gap:21px;font-size:10px}.hero-art{min-height:340px}.image-caption{left:25px;bottom:25px}.image-caption p{font-size:25px}.value-strip{padding:26px 6%;gap:23px;grid-template-columns:1fr}.value-strip>div{padding-left:16px;gap:20px}.value-strip h2{font-size:18px}.value-strip br{display:none}.section{padding:60px 6%}.section-heading h2,.portal h2{font-size:34px}.section-heading>p:last-child{font-size:17px}.services{grid-template-columns:1fr;gap:28px;margin-top:35px}.services h3{min-height:0;margin:18px 0 12px}.services p{margin-bottom:10px}.service-detail{padding-top:5px}.portal{grid-template-columns:1fr;gap:40px}.cases{grid-template-columns:1fr;gap:35px;margin-top:35px}.client{margin-bottom:20px}.cases h3{font-size:24px}.commitment{padding:55px 6%}footer{flex-wrap:wrap;padding:30px 6%;gap:12px}footer p{width:100%;max-width:none}footer a{margin:0}.button{font-size:14px;padding:16px 19px;gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Identidad del brochure corporativo de Luserra */
:root{--ink:#292e31;--muted:#586267;--green:#91b236;--soft:#f1f6f7}.logo{width:76px;height:auto;border-radius:4px}header{height:112px;border-top:5px solid #00a8b4}.hero-art>img{object-fit:cover;object-position:30% center;filter:none}.hero-art:after{background:linear-gradient(180deg,transparent 40%,rgba(0,69,78,.93))}.hero-art{background:#009aa9}.eyebrow{color:#007c8c}em{color:#008ba7}.button{background:#00839a}.button:hover{background:#006a7c}.value-strip{background:#30363a;border-bottom:5px solid #ebbd00}.value-strip>div:nth-child(1){border-color:#a7c83e}.value-strip>div:nth-child(2){border-color:#f5c000}.value-strip>div:nth-child(3){border-color:#00b5cb}.value-strip span{color:#ffce18}.services article:nth-child(1){border-top:3px solid #8bad2a}.services article:nth-child(2){border-top:3px solid #e8b900}.services article:nth-child(3){border-top:3px solid #00a9bd}.services article:nth-child(4){border-top:3px solid #00899b}.commitment{background:#f2c000}.commitment .eyebrow{color:#45451d}.commitment .button{background:#30363a}.hero-art .vertical-label{color:#fff}.image-caption span{color:#fff}.portal-visual{transform:none}.number,.service-detail,.cases article>span{color:#627d1d}footer .logo{width:74px}@media(max-width:700px){header{height:auto;min-height:112px}.logo{width:66px}.hero-art{min-height:330px}header>a:first-child{margin:auto}nav{font-size:13px}}