*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f4ef;color:#101827}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}:root{--navy:#071226;--navy2:#0d1b36;--yellow:#f5ce19;--red:#b3272d;--text:#101827;--muted:#4b5563;--paper:#f6f4ef;--white:#fff;--line:rgba(0,0,0,.10)}.container{width:min(1180px,90%);margin:auto}.header{position:fixed;top:0;width:100%;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-wrap{width:min(1180px,90%);margin:auto;min-height:92px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px}.brand img{height:66px}.nav{display:flex;justify-content:center;gap:30px;font-weight:700;color:#09286b}.nav a{position:relative;white-space:nowrap}.nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:3px;background:var(--yellow);transition:.25s}.nav a:hover::after,.nav a.active::after{width:100%}.nav-cta{background:var(--yellow);padding:14px 20px;border-radius:10px;font-weight:900;color:#111;white-space:nowrap}.menu-toggle{display:none;border:0;background:#09286b;color:#fff;border-radius:10px;padding:11px 13px;font-weight:900;cursor:pointer}.lang-switch{display:flex;align-items:center;gap:8px;font-weight:900;color:#09286b}.lang-switch a{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(9,40,107,.18);border-radius:999px;background:rgba(255,255,255,.72);font-size:13px;white-space:nowrap}.lang-switch a.active{background:#09286b;color:#fff;border-color:#09286b}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(5,13,30,.88) 0%,rgba(5,13,30,.66) 45%,rgba(5,13,30,.30) 100%),url('../assets/trabajo-1.jpeg') center/cover no-repeat}.hero-layer{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,30,.08),rgba(5,13,30,.58))}.hero-content{position:relative;z-index:2;width:min(1180px,90%);margin:0 auto;padding-top:110px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.hero-text-block{max-width:790px}.pretitle,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:900;color:var(--yellow);margin:0 0 20px}.hero h1{font-family:"Archivo",sans-serif;font-size:clamp(54px,7vw,104px);line-height:.92;letter-spacing:-.06em;color:#fff;margin:0}.hero-text{max-width:640px;margin:30px 0 0;font-size:21px;line-height:1.65;color:rgba(255,255,255,.84)}.hero-buttons{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}.btn-main,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:10px;font-weight:900}.btn-main{background:var(--yellow);color:#101827}.btn-secondary{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}.hero-logo-panel{background:rgba(255,255,255,.95);border-radius:26px;padding:58px 48px;box-shadow:0 30px 80px rgba(0,0,0,.30);transform:rotate(1deg)}.hero-logo-panel img{width:100%;max-width:460px;margin:auto}.intro{width:min(1180px,90%);margin:auto;padding:110px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-bottom:1px solid rgba(0,0,0,.08)}.intro span{color:var(--red);font-weight:900}.intro h2,.editorial-content h2,.section-title h2,.final-cta h2{font-family:"Archivo",sans-serif;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.05em;margin:0}.intro-copy p,.editorial-content p,.final-cta p{font-size:20px;line-height:1.75;color:var(--muted);margin:0}.editorial{width:min(1180px,90%);margin:auto;padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.editorial-img img{height:640px;width:100%;object-fit:cover;border-radius:4px}.service-line{border-top:1px solid rgba(0,0,0,.12);padding:26px 0}.service-line h3{font-family:"Archivo",sans-serif;font-size:26px;margin:0 0 8px}.work-preview,.colors{width:min(1180px,90%);margin:auto;padding:110px 0}.section-title{margin-bottom:42px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-card{display:block;overflow:hidden;background:#ddd;min-height:320px}.work-card.large{grid-column:span 7;grid-row:span 2;min-height:660px}.work-card:not(.large){grid-column:span 5}.work-card img{width:100%;height:100%;min-height:320px;object-fit:cover;transition:transform .5s ease}.work-card.large img{min-height:660px}.work-card:hover img{transform:scale(1.05)}.gallery-cta{margin-top:36px;text-align:center}.colors{padding-top:60px}.colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.colors-grid img{background:white;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.09);width:100%}.final-cta{background:var(--navy);color:white;padding:120px 0}.final-inner{width:min(900px,90%);margin:auto;text-align:center}.final-cta p{color:rgba(255,255,255,.72);margin:26px auto 34px;max-width:700px}.page-hero{padding:170px 0 80px;background:var(--navy);color:#fff}.page-hero h1{font-family:"Archivo",sans-serif;font-size:clamp(44px,6vw,86px);line-height:.95;letter-spacing:-.06em;margin:0 0 20px}.page-hero p{max-width:760px;font-size:20px;line-height:1.7;color:rgba(255,255,255,.75);margin:0}.about-content{width:min(1180px,90%);margin:auto;display:flex;flex-direction:column;gap:90px;padding:100px 0}.about-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-row:nth-child(even) .about-img{justify-self:start}.about-row:nth-child(odd) .about-img{justify-self:end}.about-text h2{font-family:"Archivo",sans-serif;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.04em;color:#101827;margin:0 0 22px}.about-text p{font-size:19px;line-height:1.75;color:#4b5563;margin:0 0 18px}.about-img{width:100%;max-width:440px;border-radius:6px;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.12);transition:transform .35s ease,box-shadow .35s ease}.about-img:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(0,0,0,.16)}.why-us{background:#fff;padding:100px 0}.why-cards{width:min(1180px,90%);margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.why-card{background:#f6f4ef;padding:32px;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.06)}.why-card h3{font-family:"Archivo",sans-serif;font-size:24px;margin:0 0 12px}.why-card p{margin:0;color:#4b5563;line-height:1.7}.works-page{width:min(1180px,90%);margin:auto;padding:100px 0}.works-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-tile{overflow:hidden;background:#ddd;border-radius:4px}.work-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.work-tile:hover img{transform:scale(1.05)}.tile-xl{grid-column:span 12;aspect-ratio:16/7}.tile-md{grid-column:span 6;aspect-ratio:16/10}.tile-lg{grid-column:span 6;aspect-ratio:4/5}.tile-sm{grid-column:span 3;aspect-ratio:1/1}.contact-section{width:min(1180px,90%);margin:auto;padding:100px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.contact-card h2{font-family:"Archivo",sans-serif;font-size:42px;letter-spacing:-.04em;margin:0 0 20px}.contact-line{padding:18px 0;border-top:1px solid rgba(0,0,0,.1)}.contact-line strong{display:block;color:#09286b;margin-bottom:6px}.map iframe{width:100%;height:520px;border:0;filter:grayscale(.1)}.footer{background:#05070d;color:white;padding:70px 0 0}.footer-grid{width:min(1180px,90%);margin:auto;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:60px}.footer-logo{width:220px;margin-bottom:24px}.footer p,.footer a{color:rgba(255,255,255,.72);line-height:1.7}.footer a{display:block;margin-bottom:12px}.footer h3{color:var(--yellow);margin-top:0}.footer-bottom{width:min(1180px,90%);margin:50px auto 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);font-size:13px}.whatsapp svg{display:block}.whatsapp{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25D366;color:white;display:grid;place-items:center;font-weight:900;z-index:200;box-shadow:0 18px 40px rgba(0,0,0,.25)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}@media(max-width:1050px){.nav-wrap{grid-template-columns:auto auto auto;gap:14px}.menu-toggle{display:inline-flex}.nav{display:none;grid-column:1/-1;width:100%;justify-content:center;flex-wrap:wrap;padding:6px 0 16px;border-top:1px solid rgba(0,0,0,.08)}.nav.open{display:flex}.nav-cta{padding:12px 16px}.brand img{height:58px}}@media(max-width:900px){.hero{min-height:auto}.hero-content{grid-template-columns:1fr;padding-top:170px;padding-bottom:70px;gap:38px}.hero h1{font-size:clamp(44px,13vw,58px)}.hero-text{font-size:17px}.hero-logo-panel{padding:34px 26px;transform:none}.intro,.editorial,.footer-grid,.colors-grid,.about-row,.why-cards,.contact-section{grid-template-columns:1fr}.intro,.editorial,.work-preview,.colors{padding:80px 0}.work-grid,.works-layout{grid-template-columns:1fr}.work-card.large,.work-card:not(.large),.tile-xl,.tile-md,.tile-lg,.tile-sm{grid-column:span 1;min-height:330px;aspect-ratio:16/11}.work-card.large img{min-height:330px}.editorial-img img{height:420px}.about-img{max-width:100%;justify-self:stretch!important}.map iframe{height:360px}}@media(max-width:520px){.nav-wrap{width:min(94%,1180px);grid-template-columns:1fr auto;align-items:center}.brand img{height:54px}.lang-switch{grid-column:1/-1;justify-content:center;order:4}.nav-cta{grid-column:1/-1;text-align:center;justify-content:center;display:flex;order:5}.menu-toggle{order:2}.nav{order:3}.hero-content{width:min(94%,1180px);padding-top:185px}.hero-buttons{display:grid;grid-template-columns:1fr}.btn-main,.btn-secondary{width:100%;text-align:center}.intro h2,.editorial-content h2,.section-title h2,.final-cta h2{font-size:40px}.footer{padding-bottom:70px}.whatsapp{width:56px;height:56px;right:16px;bottom:16px}}