:root{--ink:#0f172a;--blue:#2563eb;--teal:#14b8a6;--muted:#526074;--paper:#f8fafc;--line:#dce3ed;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{max-width:100%;height:auto}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;width:max-content}.brand span{font-size:29px;font-weight:750;letter-spacing:.1em}.header nav{display:flex;gap:36px;font-size:14px;font-weight:600}.header nav a:hover,.footer a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;padding-block:84px 90px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.6;margin:0 0 26px}h1{font-size:clamp(42px,4.45vw,66px);letter-spacing:-.055em;line-height:1.09;font-weight:650;margin:0}h1 span{color:var(--blue)}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:470px;margin:29px 0}.button{display:inline-flex;gap:32px;align-items:center;background:var(--blue);color:white;padding:17px 22px;font-size:15px;font-weight:600;border-radius:5px;transition:background .2s}.button:hover{background:#1d4ed8}.button span{font-size:22px}.hero-symbol{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;padding:22px 0 8px}.hero-symbol>img{width:100%;max-width:510px;align-self:center}.symbol-caption{font-size:11px;letter-spacing:.14em;color:var(--muted);text-align:center}.symbol-footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-inline:20px}.principle{border-block:1px solid var(--line);background:white}.principle .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:27px}.principle p{font-size:22px;letter-spacing:-.03em;margin:0}.principle strong{font-weight:600}.principle span{font-size:11px;letter-spacing:.15em;color:var(--muted)}.section{padding-block:105px;scroll-margin-top:20px}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:0 80px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(32px,3.3vw,47px);line-height:1.15;letter-spacing:-.045em;font-weight:600;margin:0}.section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.7;margin:0;align-self:end}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line)}.services article{padding:30px 30px 0;border-right:1px solid var(--line)}.services article:first-child{padding-left:0}.services article:last-child{border-right:0;padding-right:0}.number{color:var(--blue);font-size:13px;font-weight:600}.services h3{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:30px 0 18px}.services p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}.services ul{padding:23px 0 0;list-style:none;margin:24px 0 0;border-top:1px solid var(--line)}.services li{font-size:14px;line-height:1.6;margin-bottom:10px}.services li:before{content:'—';color:var(--blue);margin-right:10px}.method{background:var(--ink);color:white}.method-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.method .eyebrow{color:#5eead4}.method-intro{color:#b7c4d7;font-size:18px;line-height:1.7;max-width:370px;margin-top:30px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #344055}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.steps>li>span{color:#5eead4;font-size:13px;margin-top:5px}.steps h3{font-size:21px;font-weight:500;margin:0 0 10px;letter-spacing:-.02em}.steps p{color:#b7c4d7;font-size:16px;line-height:1.65;margin:0}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.about h2 span{color:var(--blue)}.about-copy{padding-top:44px}.about-copy p{color:var(--muted);font-size:17px;line-height:1.8}.about-copy .large{font-size:25px;color:var(--ink);margin-top:0}.large strong{font-weight:600}.about-copy .signature{border-top:1px solid var(--line);padding-top:24px;color:var(--ink);font-weight:600}.footer{background:white;border-top:1px solid var(--line);padding:32px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand span{font-size:22px}.footer p,.footer>a,.footer .wrap>a:last-child{font-size:13px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:white;z-index:5}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-block:105px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:18px;padding-block:60px}.hero h1{font-size:44px}.symbol-footer{flex-direction:column;text-align:center}.section{padding-block:72px}.section-heading,.method-grid,.about{gap:40px}.services article{padding-inline:22px}.services h3{font-size:25px}.header nav{gap:20px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{min-height:110px;flex-wrap:wrap;justify-content:center;gap:14px;padding-block:18px}.brand span{font-size:25px}.header nav{width:100%;justify-content:center;gap:24px;font-size:13px}.hero{grid-template-columns:1fr;padding-block:45px 32px;gap:36px}.hero h1{font-size:clamp(36px,8.7vw,54px)}.eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:22px}.lead{font-size:17px}.hero-symbol{padding:10px 0}.hero-symbol>img{max-width:340px}.symbol-footer{flex-direction:row;font-size:11px;margin-inline:0}.symbol-caption{font-size:10px}.principle .wrap{display:block;padding-block:24px}.principle p{font-size:21px}.principle span{display:block;margin-top:12px;font-size:10px}.section-heading,.method-grid,.about{grid-template-columns:1fr;gap:26px}.section-heading .eyebrow{margin:0}.section-heading>p:last-child{font-size:16px}.services{grid-template-columns:1fr;margin-top:35px}.services article,.services article:first-child,.services article:last-child{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.services article:last-child{border-bottom:0;padding-bottom:0}.services h3{margin-top:18px;font-size:29px}.services ul{margin-top:18px;padding-top:18px}.method-intro{font-size:17px}.steps{margin-top:10px}.about-copy{padding-top:0}.footer .wrap{flex-wrap:wrap;justify-content:flex-start;gap:12px 30px}.footer p{width:100%;margin:0}.section{padding-block:58px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.contact{background:#2563eb;color:white}.contact h2{font-size:clamp(34px,4vw,56px)}.contact p:not(.eyebrow){font-size:18px;line-height:1.7;color:#e4edff;margin-block:26px}.contact .wrap>a{display:inline-flex;align-items:center;gap:40px;font-size:clamp(25px,4vw,42px);font-weight:500;border-bottom:1px solid #93b5ff;padding-bottom:10px}.contact a:focus-visible{outline-color:white}@media(max-width:650px){.header nav{gap:16px;font-size:12px}}

/* NODAR Logic: deep-blue brand direction */
:root{--paper:#0f172a;--ink:#f8fafc;--muted:#b7c4d7;--line:#2b3950;--accent:#82b4ff;color-scheme:dark}
.header nav{gap:25px}.header nav a:hover,.footer a:hover,h1 span,.about h2 span,.number{color:var(--accent)}
.eyebrow,.services li:before{color:#5eead4}.principle,.footer{background:#111d32}.method{background:#0f172a;border-block:1px solid var(--line)}
.hero-symbol>img{filter:drop-shadow(0 16px 50px rgba(0,139,215,.12))}.skip{background:#f8fafc;color:#0f172a}
.contact{background:#13243e;border-top:1px solid #2b4363}.contact .wrap>a{color:#8fbdff;border-color:#496b9c}.contact p:not(.eyebrow){color:#b7c4d7}
.projects{background:#111d32;border-bottom:1px solid var(--line)}
.project-card{display:grid;grid-template-columns:1fr 1.15fr;margin-top:52px;border:1px solid #35465e;border-radius:12px;overflow:hidden}
.project-identity{display:flex;align-items:center;justify-content:center;gap:22px;background:#172c3d;padding:70px 34px;min-height:390px}
.project-identity h3{font-size:clamp(29px,3vw,43px);font-weight:600;letter-spacing:.12em;margin:0 0 7px}.endorsement{font-size:16px;color:#b7d5d5;letter-spacing:.09em;margin:0}.endorsement strong{font-weight:650;color:white}
.project-description{padding:44px;background:#142138}.demo-label{display:inline-block;font-size:11px;letter-spacing:.11em;color:#87e2d3;border:1px solid #32625f;border-radius:4px;padding:7px 10px}
.project-description h4{font-size:32px;font-weight:550;line-height:1.2;letter-spacing:-.03em;margin:24px 0 17px}.project-description>p{font-size:16px;line-height:1.75;color:var(--muted)}
.project-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.project-tags span{font-size:12px;color:#c9d8eb;padding:6px 10px;border-radius:4px;background:#203149}
.project-description .demo-note{font-size:12px;margin:22px 0 0;color:#a9bbcf}.about-copy strong{color:#f8fafc;font-weight:600}
@media(max-width:950px){.header nav{gap:16px}.project-identity{flex-direction:column;text-align:center}.project-description{padding:30px}}
@media(max-width:650px){.header nav{flex-wrap:wrap;gap:12px 18px;font-size:14px}.project-card{grid-template-columns:1fr;margin-top:30px}.project-identity{min-height:260px;padding:38px 24px;flex-direction:row;text-align:left;gap:16px}.project-identity img{width:74px}.project-identity h3{font-size:29px}.project-description{padding:26px}.project-description h4{font-size:29px}}

/* Brand experience: editorial rhythm, restrained motion and progressive enhancement. */
:root{scroll-padding-top:120px}
.header{position:sticky;top:12px;z-index:20;min-height:78px;width:min(1300px,calc(100% - 48px));padding:12px 26px;margin-top:16px;border:1px solid #34425b;border-radius:12px;background:rgba(15,23,42,.94);backdrop-filter:blur(16px)}
.header .brand span{font-size:23px}.header .brand img{width:39px}.header nav{gap:26px;font-size:14px}.header nav a{position:relative;padding:10px 0}.header nav a[aria-current]{color:#6ae3cf}.header nav a[aria-current]:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:0;background:#5eead4}
.menu-toggle{display:none;font:inherit;color:#f8fafc;background:#1d2e46;border:1px solid #425978;border-radius:5px;padding:10px 14px;cursor:pointer}
.hero{padding-block:94px 98px;gap:36px;min-height:700px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:clamp(44px,4.7vw,70px);line-height:1.05;letter-spacing:-.052em}.hero h1 span{color:#85bdff}.hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em}.eyebrow-line{width:26px;height:2px;background:#5eead4;flex-shrink:0}.lead{max-width:455px;font-size:18px;margin-block:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:23px;align-items:center}.button{padding:16px 21px;border:1px solid #649bff;border-radius:6px;box-shadow:0 6px 24px #0002;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.text-link{font-size:14px;color:#c7d7ed;display:flex;gap:12px;align-items:center;padding-block:12px}.text-link:hover{color:#5eead4}
.hero-symbol{isolation:isolate;padding:34px 0 18px;border:1px solid #2e4664;border-radius:50% 50% 12px 12px;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#133d5b 0%,#10243c 44%,#0f172a 75%)}.symbol-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#42607822 1px,transparent 1px),linear-gradient(90deg,#42607822 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent)}.hero-symbol>img{width:91%;filter:drop-shadow(0 20px 30px #00112880);animation:symbol-arrive 1.3s cubic-bezier(.2,.7,.2,1) both}.symbol-caption{font-size:10px;letter-spacing:.12em;color:#c4d3e9}.symbol-footer{font-size:11px;color:#bbcce3;border-color:#34516b;position:relative;margin-inline:24px;padding-top:16px}
.principle{background:#122238}.principle .wrap{padding-block:32px}.principle p{font-size:25px}.principle strong{color:#77e3d3}.principle span{font-size:10px;letter-spacing:.11em}
.section{padding-block:112px}.section-heading h2{font-size:clamp(35px,3.7vw,52px)}.services{gap:16px;border:0;margin-top:44px}.services article,.services article:first-child,.services article:last-child{padding:32px;border:1px solid #30415c;border-radius:8px;background:#132137;transition:border-color .25s,transform .25s,background .25s}.services article:hover{transform:translateY(-6px);border-color:#4a9cac;background:#152840}.services h3{font-size:29px}.services li{font-size:14px}.services ul{border-color:#30415c}.number{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #3c576e;border-radius:50%;font-size:12px;color:#79e4d3}
.method{background:#101d31}.method-grid{gap:75px}.steps li,.steps li:first-child,.steps li:last-child{display:block;padding:0;border-bottom:1px solid #344055}.steps details{width:100%}.steps summary{list-style:none;display:flex;align-items:center;gap:21px;padding:25px 0;cursor:pointer}.steps summary::-webkit-details-marker{display:none}.steps summary>span:first-child{color:#6ee7d4;font-size:13px}.steps summary h3{font-size:21px;margin:0;flex:1}.steps .expand{font-size:25px;font-weight:300;color:#96b4d3;transition:transform .2s}.steps details[open] .expand{transform:rotate(45deg);color:#6ee7d4}.steps details[open] summary{color:#90c0ff}.steps details p{padding:0 0 25px 40px;max-width:470px;animation:copy-arrive .25s ease-out}.steps summary:focus-visible,.brand-tabs button:focus-visible,.menu-toggle:focus-visible{outline:2px solid #7dd3fc;outline-offset:5px}
.projects{background:#0f172a}.project-card{border-radius:10px;transition:border-color .25s}.project-card:hover{border-color:#5a8b91}.project-identity{background:radial-gradient(ellipse at 45% 45%,#225049,#172c3d 75%)}.project-identity img{transition:transform .35s}.project-card:hover .project-identity img{transform:translateY(-5px)}.project-description{background:#152238}
.about{border-bottom:1px solid var(--line)}.brand-explorer{margin-top:28px;border:1px solid #354c65;border-radius:8px;background:#14253b;padding:22px}.brand-tabs{display:none;align-items:center;gap:10px;flex-wrap:wrap}.enhanced .brand-tabs{display:flex}.brand-tabs>span{font-size:14px;color:#9fb2c8}.brand-tabs button{font:inherit;font-size:16px;padding:9px 12px;color:#becfe2;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer}.brand-tabs button[aria-selected=true]{color:#8ef0d9;border-color:#447267;background:#1d393e}.about-copy .meaning-title{font-size:19px;line-height:1.4;color:#f8fafc;margin:22px 0 10px}.about-copy .meaning-copy{font-size:15px;line-height:1.7;margin:0}.brand-explorer [role=tabpanel]{min-height:140px}.brand-explorer [role=tabpanel]:focus-visible{outline:2px solid #7dd3fc;outline-offset:5px}
.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 100%,#184257 0%,#14253d 50%,#101c30 90%)}.contact h2{font-size:clamp(36px,4.5vw,66px);max-width:850px}.contact .wrap>a{transition:color .2s,gap .2s}.contact .wrap>a:hover{color:#7aead6;gap:54px}.footer{background:#0c1525}.arrived{animation:section-arrive .65s cubic-bezier(.2,.65,.2,1) both}
@keyframes symbol-arrive{from{opacity:.25;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes section-arrive{from{transform:translateY(20px);opacity:.5}to{transform:none;opacity:1}}@keyframes copy-arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{padding-block:110px}}
@media(max-width:1050px){.header nav{gap:18px;font-size:13px}.hero{min-height:0;padding-block:65px}.hero h1{font-size:48px}.hero .eyebrow{font-size:10px}.services article,.services article:first-child,.services article:last-child{padding:25px}.services h3{font-size:26px}.method-grid{gap:40px}.symbol-footer{flex-direction:column;text-align:center}.principle .wrap{gap:28px}}
@media(max-width:760px){:root{scroll-padding-top:100px}.header{top:8px;min-height:66px;width:calc(100% - 24px);padding:10px 16px;margin-top:10px;flex-wrap:wrap;justify-content:space-between;gap:10px}.header .brand img{width:34px}.header .brand span{font-size:22px}.header nav{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:12px 18px;font-size:14px}.enhanced .menu-toggle{display:inline-flex;align-items:center;gap:20px}.enhanced .header nav{display:none}.enhanced .header.menu-open nav{display:flex;flex-direction:column;align-items:stretch;padding:10px 0;gap:0}.header nav a{padding:12px 4px}.header nav a[aria-current]:after{display:none}.hero{grid-template-columns:1fr;padding-block:54px 44px;gap:42px}.hero h1{font-size:clamp(38px,8.3vw,58px)}.hero .eyebrow{font-size:10px;letter-spacing:.06em}.hero-actions{gap:10px 20px}.hero-symbol{width:min(100%,460px);margin-inline:auto;min-height:0;padding-top:30px}.hero-symbol>img{max-width:360px}.symbol-footer{flex-direction:row;font-size:11px}.principle .wrap{display:block;padding-block:24px}.principle p{font-size:22px}.principle span{display:block;margin-top:14px;font-size:10px}.section{padding-block:72px}.services{grid-template-columns:1fr;gap:14px}.services article,.services article:first-child,.services article:last-child{padding:27px;border:1px solid #30415c}.services h3{font-size:29px;margin-top:20px}.section-heading,.method-grid,.about{grid-template-columns:1fr;gap:28px}.section-heading h2{font-size:36px}.method-grid h2{font-size:35px}.steps summary{gap:15px}.steps summary h3{font-size:19px}.steps details p{padding-left:32px}.brand-explorer{padding:18px}.brand-tabs{gap:5px}.brand-tabs button{padding:8px 10px}.contact h2{font-size:38px}.footer .wrap{gap:18px}.about-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.services article:hover,.project-card:hover .project-identity img,.button:hover{transform:none}}


/* Formulario de contacto */
.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}
.contact-intro .contact-mail{display:inline-flex;align-items:center;gap:16px;margin-top:8px;font-size:22px;font-weight:500;color:#8fbdff;border-bottom:1px solid #496b9c;padding-bottom:8px;transition:color .2s,gap .2s}
.contact-intro .contact-mail:hover{color:#7aead6;gap:20px}
.contact-form{display:grid;gap:18px;background:#14253b;border:1px solid #2b4363;border-radius:12px;padding:32px}
.form-row{display:grid;gap:8px}
.form-row label{font-size:13px;color:#c7d7ed;font-weight:600}
.form-row label span{font-weight:400;color:#7d90a8}
.form-row input,.form-row textarea{font:inherit;font-size:15px;color:#f8fafc;background:#0f1c30;border:1px solid #34516b;border-radius:6px;padding:12px 14px;width:100%}
.form-row input:focus-visible,.form-row textarea:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px;border-color:#7dd3fc}
.contact-form .button{justify-self:start;border:none;cursor:pointer}
.contact-form .form-status{margin:0;font-size:14px;min-height:20px}
.contact-form .form-status[data-state="ok"]{color:#7aead6}
.contact-form .form-status[data-state="error"]{color:#ff9d9d}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:36px}}