:root{--navy:#091b31;--ink:#10243e;--gold:#c59b5e;--sand:#f3eee6;--cream:#faf8f4;--white:#fff;--muted:#687486;--line:#e5dfd6;--green:#1f9d68}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}.site-header{height:82px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);background:#fffefcf2;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;text-decoration:none;color:var(--navy);letter-spacing:.16em;font-size:.78rem;white-space:nowrap}.brand>span{width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;margin-right:10px;color:var(--gold);font:600 1.15rem "Playfair Display",serif}.brand em{font-style:normal;color:var(--gold);margin-left:6px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:30px}.nav-link{border:0;background:transparent;color:#6d7785;font:500 .89rem "DM Sans";padding:28px 0 25px;cursor:pointer;border-bottom:2px solid transparent}.nav-link:hover,.nav-link.active{color:var(--navy);border-color:var(--gold)}button{font-family:inherit}.header-cta,.primary-btn,.light-btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-weight:600}.header-cta{background:var(--navy);color:white;padding:12px 18px}.header-cta span{color:var(--gold)}.menu-toggle{display:none}.tab-panel{animation:fade .32s ease}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;padding:76px clamp(22px,7vw,110px) 84px;gap:7vw;align-items:center;background:linear-gradient(112deg,#fff 0 49%,#f2ede5 49%)}.hero-copy{max-width:650px}.eyebrow{letter-spacing:.15em;font-size:.72rem;font-weight:600;color:#9d7540;margin:0 0 20px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}.hero h1,.page-intro h1,.demo-copy h1,.contact-copy h1{font:600 clamp(3rem,5.5vw,5.7rem)/.98 "Playfair Display",serif;letter-spacing:-.035em;margin:0;color:var(--navy)}.lead{font-size:1.15rem;line-height:1.75;color:var(--muted);max-width:610px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0}.primary-btn{background:var(--gold);color:#fff;padding:16px 21px;font-size:.92rem}.primary-btn:hover,.header-cta:hover{filter:brightness(.92)}.text-btn{border:0;background:transparent;color:var(--navy);font-weight:600;cursor:pointer;border-bottom:1px solid #b9a27f;padding:8px 0}.trust-row{display:flex;gap:30px;margin-top:48px;color:#6c7682;font-size:.78rem}.trust-row span:before{content:"✓";color:var(--gold);margin-right:7px}.hero-visual{position:relative;min-height:510px}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081a3057,transparent 55%)}.floating-chat{position:absolute;z-index:2;width:min(330px,85%);left:-42px;bottom:42px;background:#fff;padding:18px;box-shadow:0 22px 55px #07182e38}.mini-head{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:11px}.mini-avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-size:.68rem;margin-right:10px}.mini-head p{margin:0;display:flex;flex-direction:column;font-size:.78rem}.mini-head small{color:#7c8793}.mini-head i,.assistant-header i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.mini-bubble{background:#f3f0eb;margin:8px 0;padding:9px 11px;font-size:.72rem;max-width:88%}.mini-bubble.answer{background:var(--navy);color:white;margin-left:auto}.metric{position:absolute;z-index:3;right:-24px;top:30px;background:var(--gold);color:white;width:150px;padding:17px}.metric strong{font:600 2rem "Playfair Display";display:block}.metric span{font-size:.7rem;line-height:1.3;display:block}.statement{background:var(--navy);color:white;padding:45px clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:50px}.statement p{font:600 clamp(1.6rem,3vw,2.5rem) "Playfair Display";margin:0}.statement em{color:var(--gold)}.statement>span{color:#b6c0cc;max-width:470px}.services-preview,.tab-panel#servicios{padding:90px clamp(22px,7vw,110px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading h2,.home-cta h2{font:600 clamp(2rem,4vw,3.3rem)/1.05 "Playfair Display";margin:0;max-width:680px}.service-grid{display:grid;gap:14px}.service-grid.compact{grid-template-columns:repeat(3,1fr)}.service-card{background:white;border:1px solid var(--line);padding:30px;min-height:285px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #10243e12}.service-card.feature{background:var(--sand)}.service-card.dark{background:var(--navy);color:white}.service-card .number{font:600 1.05rem "Playfair Display";color:var(--gold)}.tag{font-size:.68rem;letter-spacing:.14em;color:#9d7540;font-weight:600}.service-card h3,.service-card h2{font:600 1.75rem/1.15 "Playfair Display";margin:8px 0 12px}.service-card p{color:var(--muted);margin:0}.service-card.dark p,.service-card.dark li{color:#bdc6d1}.service-card ul{padding:0;margin:22px 0 0;list-style:none;color:#576477;font-size:.9rem}.service-card li{border-top:1px solid var(--line);padding:8px 0}.service-card li:before{content:"—";color:var(--gold);margin-right:8px}.home-cta{margin:10px clamp(22px,7vw,110px) 100px;background:var(--gold);color:white;padding:60px;position:relative;overflow:hidden}.home-cta:after{content:"AI";position:absolute;right:-12px;bottom:-80px;font:600 15rem "Playfair Display";color:#ffffff0d}.home-cta p{letter-spacing:.12em;font-size:.72rem}.home-cta h2{max-width:760px;margin-bottom:28px}.light-btn{background:white;color:var(--navy);padding:15px 20px;position:relative;z-index:2}.page-intro{max-width:900px;margin-bottom:60px}.page-intro>p:last-child,.demo-copy>p,.contact-copy>p{font-size:1.08rem;color:var(--muted);max-width:760px;margin-top:28px}.service-grid.full{grid-template-columns:repeat(2,1fr)}.service-grid.full .service-card{min-height:400px}.service-grid.full .service-card:last-child{grid-column:1/-1;min-height:330px}.services-note{margin-top:16px;background:white;border:1px solid var(--line);padding:34px;display:grid;grid-template-columns:.5fr 1.3fr auto;gap:30px;align-items:center}.services-note strong{font:600 1.5rem "Playfair Display"}.services-note p{color:var(--muted)}.demo-layout,.contact-layout{min-height:calc(100vh - 82px);display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;padding:70px clamp(22px,7vw,110px);align-items:center}.demo-copy h1,.contact-copy h1,.page-intro h1{font-size:clamp(3rem,5vw,5rem)}.demo-points{margin:32px 0}.demo-points p{border-top:1px solid var(--line);padding:13px 0;margin:0}.demo-points span{color:var(--gold);font:600 .8rem "Playfair Display";margin-right:16px}.demo-copy small{color:#8993a0}.assistant-panel{height:650px;display:flex;flex-direction:column;background:#fbfaf8;box-shadow:0 25px 65px #0b1d3421;min-width:0}.assistant-header{height:86px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid var(--line);background:white}.avatar{width:43px;height:43px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:.75rem;margin-right:12px}.assistant-header>div:nth-child(2){display:flex;flex-direction:column}.assistant-header strong{font-size:.94rem}.assistant-header span{font-size:.74rem;color:#667085}.assistant-header button{margin-left:auto;border:0;background:transparent;color:#7c8796;font-size:1.25rem;cursor:pointer;padding:10px}.chat{flex:1;padding:24px 30px;overflow:auto;display:flex;flex-direction:column;gap:12px}.day{align-self:center;color:#98a0aa;font-size:.65rem}.message{max-width:84%;padding:13px 15px;border-radius:3px;box-shadow:0 5px 15px #10243e0a;font-size:.88rem;line-height:1.5;animation:fade .25s ease}.message p{margin:0 0 7px}.message p:last-of-type{margin-bottom:0}.message time{display:block;font-size:.64rem;color:#9aa2ad;margin-top:7px}.message.bot{align-self:flex-start;background:white;border:1px solid #ece7df}.message.user{align-self:flex-end;background:var(--ink);color:white}.message.user time{color:#afbac8;text-align:right}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:86%}.quick-actions button{background:transparent;border:1px solid #c9b08a;color:var(--ink);padding:10px;font:500 .78rem "DM Sans";cursor:pointer}.typing{align-self:flex-start;background:white;border:1px solid #ece7df;padding:10px 14px;color:#8d96a1}.composer{margin:0 30px 9px;display:flex;background:white;border:1px solid #dcd6cd;min-height:52px}.composer:focus-within{border-color:var(--gold)}.composer input{flex:1;border:0;outline:0;padding:0 15px;font:1rem "DM Sans";min-width:0}.composer button{border:0;background:var(--gold);color:white;width:52px;font-size:1.2rem;cursor:pointer}.privacy{text-align:center;color:#949ba5;font-size:.68rem;margin:0 20px 15px}.contact-layout{align-items:start;padding-top:100px}.contact-copy{position:sticky;top:150px}.contact-detail{margin-top:65px;border-left:2px solid var(--gold);padding-left:20px}.contact-detail span{letter-spacing:.15em;font-size:.72rem;color:#9d7540}.contact-detail p{margin:3px 0;color:#586577}.contact-form{background:white;border:1px solid var(--line);padding:38px}.field{display:flex;flex-direction:column;margin-bottom:23px}.field label{font-size:.78rem;font-weight:600;margin-bottom:7px}.field input,.field textarea{border:0;border-bottom:1px solid #cfc8bd;background:transparent;padding:10px 2px;font:1rem "DM Sans";color:var(--ink);outline:0;border-radius:0}.field input:focus,.field textarea:focus{border-color:var(--gold)}.form-note{font-size:.72rem;color:#89929e;margin-top:16px}.form-result{background:#eef8f3;color:#176f4d;padding:15px;margin-top:18px;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{background:#07182d;color:#aab4c0;padding:34px clamp(22px,5vw,72px);display:flex;align-items:center;gap:35px;font-size:.78rem}footer .brand{color:white}footer p{margin-left:auto}footer>span{color:#788594}@keyframes fade{from{opacity:0;transform:translateY(4px)}}
@media(max-width:920px){.site-header{height:72px;gap:12px}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:white;padding:8px 12px;color:var(--ink)}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:10px 22px 18px;box-shadow:0 15px 30px #10243e15;align-items:stretch;gap:0}.main-nav.open{display:flex;flex-direction:column}.nav-link{text-align:left;padding:12px 0;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:55px;background:white}.hero-visual{min-height:450px;margin-top:15px}.floating-chat{left:18px}.metric{right:16px}.statement{align-items:flex-start;flex-direction:column;gap:12px}.service-grid.compact,.service-grid.full{grid-template-columns:1fr}.service-grid.full .service-card:last-child{grid-column:auto}.services-note{grid-template-columns:1fr}.demo-layout,.contact-layout{grid-template-columns:1fr}.contact-copy{position:static}.assistant-panel{height:620px}.contact-layout{padding-top:60px}footer{flex-wrap:wrap}footer p{margin-left:0}}
@media(max-width:560px){.site-header{padding:0 18px}.brand strong{font-size:.72rem}.hero{padding:44px 20px 60px}.hero h1{font-size:3.05rem}.lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.trust-row{flex-wrap:wrap;gap:8px 18px;margin-top:30px}.hero-visual{min-height:390px}.floating-chat{width:88%;left:6%;bottom:24px}.metric{display:none}.statement,.services-preview,.tab-panel#servicios,.demo-layout,.contact-layout{padding-left:20px;padding-right:20px}.statement{padding-top:32px;padding-bottom:32px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.service-grid.compact{grid-template-columns:1fr}.service-card{min-height:255px}.home-cta{margin:0 20px 65px;padding:38px 26px}.page-intro h1,.demo-copy h1,.contact-copy h1{font-size:3rem}.demo-layout{padding-top:45px}.assistant-panel{height:610px;margin:0 -8px}.assistant-header{padding:0 20px}.chat{padding:20px 16px}.composer{margin-left:16px;margin-right:16px}.quick-actions{max-width:100%}.contact-form{padding:26px 20px}footer{padding:28px 20px;align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}}