:root{--ink:#0a2225;--deep:#061719;--gold:#c99b51;--cream:#f7f3ec;--sand:#e7ddd0;--muted:#aebdba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',serif;letter-spacing:-.04em}em{font-style:italic;color:var(--gold)}header{height:83px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:sticky;top:0;z-index:4;border-bottom:1px solid #e5ded4}.brand{display:grid;line-height:.85;letter-spacing:.17em;font-weight:700}.brand span{font-size:1.38rem}.brand small{font-size:.48rem;letter-spacing:.12em;margin-top:6px}nav{display:flex;gap:2.2rem}nav a,.text-link{color:inherit;text-decoration:none;font-size:.83rem;font-weight:600}.header-cta,.button{border:0;text-decoration:none;display:inline-flex;align-items:center;gap:1.5rem;padding:14px 18px;font-weight:700;font-size:.78rem;letter-spacing:.03em;cursor:pointer}.header-cta{background:var(--ink);color:white}.hero{min-height:645px;background:var(--deep);color:white;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;padding-left:6vw}.hero-copy{max-width:720px;padding:112px 4vw 80px 0;position:relative;z-index:1}.eyebrow{font-size:.67rem;font-weight:700;letter-spacing:.17em;color:var(--gold);margin-bottom:20px}.hero h1{font-size:clamp(3.2rem,5.8vw,6.1rem);line-height:.99;margin-bottom:29px}.lead{font-size:1.07rem;line-height:1.7;color:#c5d0ce;max-width:570px}.hero-actions{display:flex;align-items:center;gap:31px;margin:36px 0 62px}.gold{background:var(--gold);color:var(--deep)}.text-link{color:white;border-bottom:1px solid #80908d;padding-bottom:5px}.trust{display:flex;gap:16px;align-items:center;color:#c6d0ce;font-size:.72rem}.trust strong{font-family:'Playfair Display';font-size:2.1rem;color:var(--gold);margin-right:5px}.trust i{height:27px;border-left:1px solid #526564}.hero-art{position:relative;background:linear-gradient(140deg,#0d3b3a,#092c30);min-height:550px;overflow:hidden}.orb{width:600px;height:600px;border:1px solid #c99b5166;border-radius:50%;position:absolute;top:-85px;left:7%;box-shadow:0 0 0 70px #c99b5111,0 0 0 145px #c99b510b}.grid-lines{position:absolute;inset:0;background:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:62px 62px;transform:perspective(450px) rotateX(58deg) translateY(260px)}.monogram{position:absolute;font:700 25rem/1 'Playfair Display';right:-20px;bottom:-100px;color:#ffffff08}.site-card{position:absolute;left:11%;bottom:80px;border:1px solid #ffffff48;background:#073034d9;backdrop-filter:blur(10px);padding:28px;width:275px}.site-card span,.tag{font-size:.63rem;letter-spacing:.15em;color:var(--gold);font-weight:bold}.site-card strong{font:600 1.6rem/1.15 'Playfair Display';display:block;margin:13px 0}.site-card p{font-size:.76rem;line-height:1.5;color:#c9d5d2;margin:0}.logos{padding:25px 6vw;background:#f0ebe3;display:flex;justify-content:space-between;align-items:center;gap:30px}.logos span{font-size:.62rem;letter-spacing:.1em;color:#6c7775;font-weight:bold}.logos div{display:flex;gap:32px;color:#71807c;font-size:.8rem;letter-spacing:.06em}.solutions{padding:122px 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:51px}.section-heading h2,.process h2,.statement h2,.quote-section h2{font-size:clamp(2.25rem,4vw,4.2rem);line-height:1.08;margin:0}.section-heading>p{max-width:310px;line-height:1.6;color:#64716e}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{border:1px solid #d9d1c5;padding:30px;min-height:370px;display:flex;flex-direction:column;align-items:flex-start;transition:.25s}.solution-card:hover{transform:translateY(-7px);box-shadow:0 20px 30px #07202413}.featured{background:var(--ink);color:white;border-color:var(--ink)}.number{font:600 2rem 'Playfair Display';color:#a7b5b2}.solution-card h3{font:600 2rem 'Playfair Display';margin:20px 0 10px}.solution-card>p:not(.tag){font-size:.86rem;line-height:1.7;color:#7f8b88}.featured>p:not(.tag){color:#b9c6c2}.solution-card button{padding:0;border:0;background:none;color:inherit;font-weight:bold;font-size:.8rem;margin-top:auto;cursor:pointer}.process{background:#dfe5e1;padding:100px 6vw;display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.process ol{margin:0;padding:0;list-style:none}.process li{display:flex;gap:25px;border-top:1px solid #afc0ba;padding:19px 0}.process li span{font:600 1.5rem 'Playfair Display';color:var(--gold)}.process li b{font-size:1rem}.process li p{font-size:.85rem;color:#64716e;margin:8px 0 0}.statement{display:grid;grid-template-columns:1.15fr .85fr;padding:120px 6vw;gap:60px;background:#fff}.statement>div>p:not(.eyebrow){max-width:500px;line-height:1.7;color:#687673;margin:25px 0}.outline{border:1px solid var(--ink);background:none;color:var(--ink)}.statement aside{background:var(--gold);padding:45px;display:flex;flex-direction:column;justify-content:space-between}.quote{font:600 2.1rem/1.18 'Playfair Display'}.statement aside span{font-size:.62rem;line-height:1.7;letter-spacing:.12em}.quote-section{background:var(--deep);color:white;padding:110px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.quote-section>div>p:not(.eyebrow){color:#bbcac6;max-width:340px;line-height:1.7;margin:24px 0 55px}.contact{font-size:.76rem;color:#bdcac8}.contact a{display:block;color:var(--gold);font-size:1.3rem;text-decoration:none;margin-top:8px}form{background:#fff;color:var(--ink);padding:36px}.form-title{border-bottom:1px solid #ddd5ca;margin-bottom:22px;padding-bottom:18px;display:grid;gap:6px}.form-title span,label{font-size:.64rem;letter-spacing:.11em;font-weight:bold}.form-title strong{font:600 1.3rem 'Playfair Display'}label{display:block;margin-bottom:15px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #d5d1ca;padding:9px 0;color:var(--ink);font:400 .9rem 'DM Sans';outline:none;background:transparent}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.privacy{font-size:.67rem;color:#75817e;margin:13px 0 0}#form-status{font-size:.8rem;margin-top:12px;color:#28704e}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 6vw;background:#041315;color:#9eadaa;font-size:.7rem}footer p{margin:0}footer button{background:none;border:0;color:#c99b51;cursor:pointer;font-size:.7rem}dialog{border:0;padding:34px;max-width:920px;width:92%;background:#fbf9f5;color:var(--ink);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#001315b8}.close{float:right;border:0;background:none;font-size:1.8rem;cursor:pointer}.metrics,.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.metrics article,.charts>div{background:white;padding:20px}.metrics span{display:block;font-size:.62rem;letter-spacing:.1em}.metrics strong{display:block;font:600 2.2rem 'Playfair Display';margin-top:8px}.charts{margin:15px 0}.charts h3{font:600 1rem 'Playfair Display'}.bar-chart{display:flex;align-items:end;height:150px;gap:12px;border-bottom:1px solid #ddd}.bar{flex:1;min-width:28px;background:var(--gold);position:relative}.bar span{position:absolute;bottom:-32px;font-size:.6rem;word-break:break-word}.bar b{position:absolute;top:-20px;font-size:.65rem;width:100%;text-align:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.76rem}th,td{text-align:left;padding:10px;border-bottom:1px solid #ddd}th{font-size:.62rem;letter-spacing:.08em}@media(max-width:760px){header{padding:0 5vw}nav{display:none}.header-cta{font-size:0;padding:12px}.header-cta b{font-size:1rem}.hero,.statement,.quote-section,.process{grid-template-columns:1fr}.hero{padding:0}.hero-copy{padding:85px 6vw 65px}.hero-art{min-height:290px}.trust{flex-wrap:wrap}.logos,.section-heading{display:block}.logos div{margin-top:15px;gap:14px;flex-wrap:wrap}.solutions{padding:75px 6vw}.section-heading>p{margin-top:20px}.cards{grid-template-columns:1fr}.solution-card{min-height:285px}.process{padding:75px 6vw;gap:35px}.statement{padding:75px 6vw}.statement aside{min-height:280px}.quote-section{padding:75px 6vw;gap:45px}.two{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}.metrics,.charts{grid-template-columns:1fr}}
/* Obra 2026 — visual corporativo tecnológico */
:root{--ink:#061b45;--deep:#03163a;--gold:#ffd028;--cream:#f6f8fc;--sand:#dce7f5;--blue:#0855bd;--electric:#2d88ff}body{background:var(--cream)}header{background:#fff;border-color:#e1e9f4}.brand span{color:var(--ink)}.header-cta{background:var(--ink);box-shadow:inset 0 -2px 0 var(--gold)}.hero{background:radial-gradient(circle at 22% 20%,#0e5cb9 0,#061f54 34%,#031334 77%)}.hero:before{content:'';position:absolute;width:530px;height:530px;border-radius:50%;left:-200px;top:120px;background:#1779e022;filter:blur(12px)}.hero-copy{z-index:2}.eyebrow{color:#d09b00}.hero h1 em{color:#ffd028}.gold{background:var(--gold);box-shadow:0 10px 26px #ffcc2429}.hero-art{background:#061b45}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.1)}.photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#041b48d6,#052a61a5 42%,#04143445),linear-gradient(0deg,#00153fb8,transparent 53%)}.grid-lines{opacity:.75;background:linear-gradient(#4cb1ff34 1px,transparent 1px),linear-gradient(90deg,#4cb1ff34 1px,transparent 1px);background-size:48px 48px}.orb{border-color:#ffd0288a;box-shadow:0 0 0 70px #187fff14,0 0 0 145px #187fff0c}.scan-line{position:absolute;top:0;bottom:0;left:37%;border-left:1px solid #ffd028aa;box-shadow:0 0 20px #ffd028}.site-card{border-color:#89c6ff8f;background:#062156df;box-shadow:0 20px 55px #00123188}.site-card span i{display:inline-block;width:7px;height:7px;background:#ffd028;border-radius:50%;box-shadow:0 0 10px #ffd028}.logos{background:#fff}.logos div b{color:#0a4ca2}.solutions{background:linear-gradient(120deg,#f7f9fd,#ecf3fc)}.solution-card{background:#fff;border-color:#d7e2f0}.solution-card:hover{border-color:#236cc5;box-shadow:0 24px 45px #062d6c1c}.featured{background:linear-gradient(145deg,#082b69,#041737);border-color:#041737}.featured:after{content:'?';color:#ffd028;font-size:2rem;margin-top:20px}.process{background:linear-gradient(120deg,#071d48,#0b428d);color:#fff}.process .eyebrow{color:#ffd028}.process h2 em{color:#ffd028}.process li{border-color:#ffffff35}.process li p{color:#c4d8f2}.statement{background:#fff}.leadership{padding:0!important;position:relative;overflow:hidden;background:#061b45!important}.leadership>img{width:100%;height:100%;min-height:410px;object-fit:cover;filter:saturate(.85)}.leadership:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03183ddb,transparent 64%)}.leadership-caption{position:absolute;z-index:1;bottom:32px;left:34px;right:30px;color:#fff;display:grid;gap:8px}.leadership-caption span{font-size:.61rem;letter-spacing:.15em;color:#ffd028}.leadership-caption strong{font:600 1.45rem/1.15 'Playfair Display'}.quote-section{background:linear-gradient(125deg,#031436,#062967)}.quote-section:before{content:'';position:absolute;right:7%;width:250px;height:250px;border:1px solid #ffd02844;border-radius:50%;transform:translateY(-65px)}.quote-section>*{position:relative;z-index:1}.contact a{color:#ffd028}form{box-shadow:0 25px 65px #0000003b}.form-title strong{color:#073278}input:focus,textarea:focus{border-color:#0d68d7}.bar{background:linear-gradient(#0d62cd,#ffd028)}footer{background:#031331}footer button{color:#ffd028}@media(max-width:760px){.hero-art{min-height:330px}.leadership>img{min-height:330px}}