:root{--ink:#272b26;--muted:#6b6b62;--cream:#f8f6f0;--gold:#ad8b5b;--dark:#1f2420}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3{font-family:Italiana,Georgia,serif;font-weight:400}h2{font-size:clamp(2.4rem,4vw,4.6rem);line-height:1.04}h2 em,h1 em{font-style:normal;color:var(--gold)}.container{max-width:1320px}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:9999;padding:10px}.skip:focus{top:10px}.progress-line{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gold);z-index:100}.topbar{background:var(--dark);color:#f6f2e8;font-size:12px}.top-inner,.top-contact,.social-icons{display:flex;align-items:center;gap:24px}.top-inner{justify-content:space-between;min-height:33px}.topbar i{margin-right:5px}.social-icons{gap:17px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s}.social-icons a:hover{transform:translateY(-3px);color:var(--gold)}.social-icons a:not([href]){opacity:.5;cursor:default}.header{position:sticky;top:0;z-index:50;background:rgba(248,246,240,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e8e3d9}.nav-shell{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:225px;max-height:65px;object-fit:contain}.desktop-nav{display:flex;gap:30px;font-size:13px;font-weight:600}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--gold)}.pill{background:var(--gold);border:1px solid var(--gold);color:white;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:50px;padding:14px 24px;font-size:12px;transition:transform .25s,background .25s;white-space:nowrap}.pill:hover{background:#917045;color:white;transform:translateY(-3px)}.menu-button{display:none;background:none;border:0;font-size:27px}.mobile-menu{display:none}.hero{min-height:670px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg, rgba(248, 246, 240, .97) 0%, rgba(248, 246, 240, .9) 37%, rgb(255 255 255 / 57%) 78%), url(../images/nortia-hero-diseno-estrategia-digital.webp);background-position:center,center;background-size:cover;animation:heroZoom 18s ease-out both}.hero-grid{position:relative;width:100%;padding-top:70px;padding-bottom:80px}.hero-copy{max-width:790px}.eyebrow{font-size:11px;letter-spacing:.24em;color:#9c7b4e;font-weight:700;display:block;margin-bottom:22px}.hero h1{font-size:clamp(3.4rem,6.1vw,7rem);line-height:.97;letter-spacing:-.035em;margin-bottom:26px}.hero-copy>p{max-width:550px;color:#565a55;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:27px}.text-link,.under-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:5px}.hero-note{position:absolute;right:14%;top:90px;transform:rotate(-11deg);font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1.15;text-align:center}.hero-note span{display:block;font-size:35px}.scroll-cue{position:absolute;bottom:20px;right:4%;font-size:10px;letter-spacing:.2em;display:flex;gap:15px}.benefits{border-block:1px solid #e9e4da;background:#faf8f3}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:28px;padding-bottom:28px}.benefit-grid>div{display:flex;gap:16px;align-items:center;padding:0 24px;border-right:1px solid #ddd2c3}.benefit-grid>div:first-child{padding-left:0}.benefit-grid>div:last-child{border:0}.benefit-grid i{font-size:29px;color:var(--gold)}.benefit-grid p{margin:0}.benefit-grid strong{display:block;font-size:13px}.benefit-grid small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-head h2{margin:0}.section-head>p{max-width:345px;color:var(--muted);line-height:1.75}.service-grid,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card .photo{height:265px;position:relative;overflow:hidden;border-radius:5px}.photo img,.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.service-card:hover img,.project-card:hover img{transform:scale(1.09)}.photo-icon{position:absolute;bottom:0;left:0;background:var(--cream);width:65px;height:65px;border-radius:0 35px 0 0;display:grid;place-items:center;font-size:25px}.service-card h3{font-size:30px;margin:20px 0 8px}.service-card p{color:var(--muted);line-height:1.75;min-height:122px;font-size:13px}.under-link{font-size:12px}.projects{border-top:1px solid #e9e4da;padding-top:85px}.project-card{height:340px;position:relative;overflow:hidden;border-radius:6px;color:white}.project-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.project-card>div{position:absolute;bottom:24px;left:23px;z-index:2}.project-card small{font-size:10px;letter-spacing:.1em}.project-card h3{font-size:30px;margin:5px 0 0}.circle-arrow{position:absolute;right:22px;bottom:25px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--ink);z-index:2}.disclaimer{font-size:11px;color:var(--muted);margin-top:17px}.hotel-feature{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:var(--dark);color:white}.hotel-photo{overflow:hidden}.hotel-photo img{width:100%;height:100%;object-fit:cover}.hotel-copy{padding:70px clamp(30px,5vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hotel-copy h2{font-size:clamp(3rem,4.5vw,5.6rem)}.hotel-copy p{max-width:540px;color:#d1d3cc;line-height:1.7}.hotel-perks{display:flex;gap:23px;margin:20px 0 35px;flex-wrap:wrap}.hotel-perks>div{display:flex;align-items:center;gap:10px;font-size:12px}.hotel-perks i{border:1px solid var(--gold);color:#c8a46d;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:18px}.process-grid{display:grid;grid-template-columns:28% 1fr;gap:30px}.process-intro{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{position:relative}.steps article:before{content:"";position:absolute;left:42px;right:0;top:22px;height:1px;background:#ddcbb6}.steps article:last-child:before{display:none}.steps article>span{width:45px;height:45px;border:1px solid #dfd0bb;background:#f2e9dc;border-radius:50%;display:grid;place-items:center;color:#9c7b4e}.steps h3{font-size:24px;margin-top:20px}.steps p{font-size:12px;color:var(--muted)}.testimonial{background:#f0ede6;padding-top:70px;padding-bottom:85px}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.quote-card{background:#faf8f3;padding:35px;border-radius:10px}.quote-card i{font-size:28px;color:var(--gold)}.quote-card h3{font-size:31px;margin:14px 0}.quote-card p{color:var(--muted)}.cta-band{background:linear-gradient(90deg,rgba(25,32,26,.77),rgba(25,32,26,.22)),url('../images/nortia-proyecto-hotel-boutique.webp') center 56%/cover;color:white}.cta-inner{min-height:180px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:clamp(2.3rem,4vw,4.4rem);margin:0}.cta-inner p{margin:10px 0 0}.contact-grid{display:grid;grid-template-columns:43% 1fr;gap:60px}.contact-grid>div>p{color:var(--muted);line-height:1.7}.contact-info{display:flex;flex-direction:column;gap:14px;margin-top:35px}.contact-info i{color:var(--gold);margin-right:10px}.form-panel{background:white;border:1px solid #e9e3d9;border-radius:15px;padding:30px}.form-panel h3{font-size:33px}.form-panel iframe{width:100%;height:650px;border:0}.form-panel>p{font-size:12px;color:var(--muted)}.form-panel>p a{text-decoration:underline}.footer{background:#f1eee7;padding-top:70px}.footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.3fr;gap:35px;padding-bottom:55px}.footer-logo{width:230px}.footer-grid p{font-size:13px;color:var(--muted);margin-top:15px}.footer-grid h3{font:600 14px 'DM Sans',sans-serif;margin-bottom:18px}.footer-grid>div:not(:first-child)>a,.footer-grid>div>span{display:block;font-size:12px;color:#555b53;margin-bottom:11px}.footer-grid>div>a:hover{color:var(--gold)}.footer-social{margin-top:22px}.footer-social a{font-size:19px}.footer-bottom{border-top:1px solid #ded8cc;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:11px;color:#6b6b62}.footer-bottom div{display:flex;gap:24px}.whatsapp{position:fixed;bottom:22px;right:22px;z-index:45;width:52px;height:52px;border-radius:50%;background:#277c51;color:white;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 30px #0002;transition:transform .2s}.whatsapp:hover{color:white;transform:translateY(-4px)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}@media(max-width:1100px){.desktop-nav{gap:16px}.nav-cta{display:none}.hero-note{right:5%}.benefit-grid>div{padding:0 12px}.hotel-copy{padding:45px}.steps{gap:10px}}@media(max-width:800px){.top-contact{gap:12px}.top-location{display:none}.nav-shell{height:72px}.brand img{width:185px}.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#f8f6f0;padding:20px 7%;box-shadow:0 20px 25px #0002}.mobile-menu.open{display:flex;flex-direction:column;gap:0}.mobile-menu a{padding:13px;border-bottom:1px solid #e6e0d6}.hero{min-height:640px}.hero-bg{background-image:linear-gradient(90deg,rgba(248,246,240,.95),rgba(248,246,240,.68)),url('../images/nortia-hero-diseno-estrategia-digital.webp');background-position:center,62% center}.hero h1{font-size:clamp(3.1rem,9vw,5rem)}.hero-note{display:none}.benefit-grid{grid-template-columns:1fr 1fr;gap:20px}.benefit-grid>div:nth-child(2){border:0}.section{padding:70px 0}.section-head{align-items:start;flex-direction:column}.service-grid,.project-grid{grid-template-columns:1fr 1fr}.hotel-feature{grid-template-columns:1fr}.hotel-photo{height:350px}.process-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.steps{gap:15px}}@media(max-width:550px){.topbar{font-size:10px}.top-contact a:nth-child(2){display:none}.top-inner{min-height:35px}.hero{min-height:640px}.hero-grid{padding-top:45px;padding-bottom:80px}.hero h1{font-size:clamp(2.9rem,11vw,4.2rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-copy>p{font-size:13px}.benefit-grid{grid-template-columns:1fr 1fr;gap:15px}.benefit-grid>div{padding:0;border:0}.benefit-grid i{font-size:23px}.benefit-grid strong{font-size:11px}.benefit-grid small{font-size:10px}.service-grid,.project-grid,.testimonial-grid{grid-template-columns:1fr}.service-card p{min-height:auto}.project-card{height:310px}.hotel-photo{height:270px}.hotel-copy{padding:50px 24px}.hotel-perks{gap:15px}.steps{grid-template-columns:1fr 1fr;row-gap:25px}.steps article:before{display:none}.cta-inner{align-items:flex-start;flex-direction:column;padding-top:30px;padding-bottom:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column}.form-panel{padding:17px}.form-panel iframe{height:720px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}