@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Barlow+Condensed:wght@700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f2ee;--ink: #1a1714;--warm: #e8e2d9;--mid: #6f6962;--rule-color: #c8c2b8;--rule: 1px solid var(--rule-color);--accent: #e84b2a;--max: 1200px;--t: .2s ease;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea,select{font:inherit}.wrap{width:min(100% - 40px,var(--max));margin:auto}.display{font-family:Barlow Condensed,sans-serif;font-weight:900;letter-spacing:0;line-height:.93;text-transform:uppercase}header{position:sticky;top:0;z-index:50;border-bottom:var(--rule);background:var(--bg)}.nav{display:flex;height:64px;align-items:center;justify-content:space-between;gap:2rem}.logo{font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:.04em}.logo em{color:#1a1714;font-style:normal}.logo .num{color:#e84b2a}nav{display:flex;align-items:center;gap:2rem}nav a{color:var(--mid);font-size:.875rem;font-weight:500;transition:color var(--t)}nav a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:var(--bg);font-weight:600;padding:.5rem 1.2rem;transition:background var(--t),color var(--t)}.nav-cta:hover{background:var(--accent);color:#fff}#hbg{display:none;flex-direction:column;gap:5px;padding:4px;border:0;background:transparent;cursor:pointer}#hbg span{display:block;width:22px;height:2px;background:var(--ink);transition:all var(--t)}#hbg.on span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#hbg.on span:nth-child(2){opacity:0}#hbg.on span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{padding:5rem 0 0;border-bottom:var(--rule)}.hero-top{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:end;padding-bottom:3rem;border-bottom:var(--rule)}.hero-top h1{font-size:clamp(5rem,11vw,10rem)}.hero-top h1 .line-accent{color:var(--accent)}.hero-right{padding-bottom:.4rem}.hero-right p{margin-bottom:1.8rem;color:var(--mid);font-size:1.05rem;line-height:1.6}.hero-actions{display:flex;flex-direction:column;gap:.75rem}.btn{display:inline-block;padding:.8rem 1.6rem;border:var(--rule);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-align:center;transition:background var(--t),border-color var(--t),color var(--t)}.btn-solid{border-color:var(--ink);background:var(--ink);color:var(--bg)}.btn-solid:hover{border-color:var(--accent);background:var(--accent)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--bg)}.hero-photo-row{display:grid;grid-template-columns:repeat(3,1fr)}.hero-photo{position:relative;height:340px;overflow:hidden;border-right:var(--rule);background-position:center;background-size:cover}.hero-photo:last-child{border-right:0}.photo-label{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--ink);color:var(--bg);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.photo-label span{color:var(--accent)}#servicios{padding:5rem 0;border-bottom:var(--rule)}.sec-eyebrow{margin-bottom:1rem;color:var(--mid);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}#servicios h2,#trabajos h2,#testimonios h2,.about-text h2{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:0;line-height:1.05;text-transform:uppercase}#servicios h2{max-width:700px;margin-bottom:3rem;font-size:clamp(2.2rem,4vw,3.2rem)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--rule)}.svc{padding:1.8rem 1.5rem;border-right:var(--rule);transition:background var(--t)}.svc:last-child{border-right:0}.svc:hover{background:var(--ink)}.svc:hover *{color:var(--bg)}.svc:hover .svc-icon{background:var(--accent)}.svc-icon{display:grid;width:44px;height:40px;place-items:center;margin-bottom:1.2rem;background:var(--warm);color:var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.05em;transition:background var(--t)}.svc h3{margin-bottom:.5rem;font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.svc p{color:var(--mid);font-size:.85rem;line-height:1.5;transition:color var(--t)}#trabajos{padding:5rem 0;border-bottom:var(--rule);background:var(--warm)}#trabajos h2,#testimonios h2{font-size:clamp(2.2rem,4vw,3.2rem)}#trabajos h2{margin-bottom:.5rem}#trabajos .sub{margin-bottom:2.5rem;color:var(--mid);font-size:.95rem}.works{display:grid;grid-template-columns:1fr 1fr;border:var(--rule)}.work-item{position:relative;overflow:hidden;border-right:var(--rule);border-bottom:var(--rule)}.work-item:nth-child(2n){border-right:0}.work-item:nth-last-child(-n+2){border-bottom:0}.work-img{height:280px;background-position:center;background-size:cover;filter:saturate(.85);transition:filter .4s ease,transform .4s ease}.work-item:hover .work-img{filter:saturate(1);transform:scale(1.03)}.work-info{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem;border-top:var(--rule)}.work-tag{margin-bottom:.3rem;color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.work-info h3{font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.work-info p{margin-top:.2rem;color:var(--mid);font-size:.82rem}.work-arrow{align-self:center;color:var(--mid);font-size:1.4rem;transition:color var(--t),transform var(--t)}.work-item:hover .work-arrow{color:var(--accent);transform:translate(4px)}#nosotros{padding:5rem 0;border-bottom:var(--rule)}.about-layout{display:grid;grid-template-columns:1fr 1fr;border:var(--rule)}.about-photo{min-height:480px;border-right:var(--rule);background:linear-gradient(0deg,#1a171424,#1a171400),url(https://images.unsplash.com/photo-1551836022-d5d88e9218df?q=80&w=1200&auto=format&fit=crop) center / cover}.about-text{padding:3rem}.about-text h2{margin-bottom:1.5rem;font-size:clamp(2rem,3.5vw,3rem);line-height:1}.about-text p{margin-bottom:1rem;color:var(--mid);font-size:.95rem;line-height:1.65}.about-text p strong{color:var(--ink)}.checks{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.check-row{display:flex;gap:.75rem;padding:.85rem 0;border-bottom:var(--rule);font-size:.9rem}.check-row:first-child{border-top:var(--rule)}.check-row:before{content:">";flex-shrink:0;color:var(--accent);font-weight:700}#testimonios{padding:5rem 0;border-bottom:var(--rule)}#testimonios h2{margin-bottom:2.5rem}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--rule);border-left:var(--rule)}.testi{padding:2rem 1.8rem;border-right:var(--rule);border-bottom:var(--rule);transition:background var(--t)}.testi:hover{background:var(--warm)}.stars{margin-bottom:1rem;color:var(--accent);font-size:.85rem;letter-spacing:.1em}.testi blockquote{margin-bottom:1.5rem;color:var(--ink);font-size:.95rem;font-style:italic;line-height:1.65}.testi-author{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.testi-role{margin-top:.1rem;color:var(--mid);font-size:.78rem}#contacto{padding:5rem 0}.cta-block{background:var(--ink);color:var(--bg)}.cta-block h2{margin-bottom:1rem;font-family:Barlow Condensed,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;letter-spacing:0;line-height:.95;text-transform:uppercase}.cta-block h2 em{color:var(--accent);font-style:normal}.cta-block p{max-width:500px;color:#b4aca2;font-size:.95rem}.cta-content{padding:4rem 3.5rem}.cta-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;align-items:center}.cta-actions .btn{border-color:var(--bg);background:var(--bg);color:var(--ink)}.cta-actions .btn:hover{border-color:var(--accent);background:var(--accent);color:#fff}.cta-whatsapp{color:#b4aca2;font-size:.9rem;font-weight:500;transition:color var(--t)}.cta-whatsapp:hover{color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:1.35rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{color:#b4aca2;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-group input{padding:.85rem 1rem;border:1px solid #3a3835;background:#1e1c19;color:var(--bg);font-family:Inter,sans-serif;font-size:.95rem;border-radius:0;outline:none;transition:border-color var(--t),background var(--t)}.form-group input:focus{border-color:var(--accent);background:#252320}.form-group input:disabled{opacity:.55;cursor:not-allowed}.form-group input::placeholder{color:#5e5a55}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000a6;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--ink);color:var(--bg);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.modal-close-x{position:absolute;top:.75rem;right:1rem;z-index:2;display:grid;width:36px;height:36px;place-items:center;border:0;background:transparent;color:#b4aca2;font-size:1.6rem;line-height:1;cursor:pointer;transition:color var(--t)}.modal-close-x:hover{color:var(--accent)}.modal-body{padding:3rem 2.5rem}.form-terms-block{display:flex;flex-direction:column;gap:.75rem}.form-terms-checkbox{display:flex;gap:.65rem;align-items:flex-start;cursor:pointer}.form-terms-checkbox input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:3px;accent-color:var(--accent);cursor:pointer}.form-terms-checkbox span{color:#b4aca2;font-size:.8rem;line-height:1.5}.terms-link{display:inline;padding:0;border:0;background:none;color:var(--accent);font-size:.8rem;font-weight:600;text-decoration:underline;cursor:pointer}.terms-link:hover{color:#ff6b4a}.terms-text-box{max-height:220px;overflow-y:auto;padding:1rem;border:1px solid #3a3835;background:#1e1c19}.terms-text{margin:0;color:#b4aca2;font-family:Inter,sans-serif;font-size:.72rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.form-submit-btn{align-self:flex-start;margin-top:.4rem;padding:.95rem 2rem;border:2px solid var(--accent);background:var(--accent);color:#fff;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:background var(--t),color var(--t),opacity var(--t)}.form-submit-btn:hover:not(:disabled){background:transparent;color:var(--accent)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-success{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.form-success-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:1.2rem;background:var(--accent);color:#fff;font-size:1.5rem;font-weight:700}.form-success h3{margin-bottom:.5rem;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:var(--bg)}.form-success p{color:#b4aca2;font-size:.95rem}footer{padding:2rem 0;border-top:var(--rule)}.footer-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:var(--mid);font-size:.82rem;transition:color var(--t)}.footer-links a:hover{color:var(--ink)}.footer-copy{color:var(--mid);font-size:.78rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.vis{opacity:1;transform:none}@media (max-width: 900px){.hero-top{grid-template-columns:1fr}.hero-right{max-width:520px}.hero-actions{flex-direction:row}.hero-photo-row,.services-grid,.about-layout{grid-template-columns:1fr 1fr}.hero-photo:last-child{display:none}.svc{border-bottom:var(--rule)}.svc:nth-child(2n){border-right:0}.works,.about-layout,.testi-grid{grid-template-columns:1fr}.work-item{border-right:0}.work-item:last-child{border-bottom:0}.work-item:nth-last-child(2){border-bottom:var(--rule)}.about-photo{min-height:320px;border-right:0;border-bottom:var(--rule)}.cta-content{padding:2.5rem 2rem}.modal-body{padding:2.5rem 1.5rem}}@media (max-width: 640px){.wrap{width:min(100% - 28px,var(--max))}#hbg{display:flex}nav{position:absolute;top:64px;left:0;display:none;width:100%;flex-direction:column;gap:1rem;padding:1.5rem;border-bottom:var(--rule);background:var(--bg)}nav.open{display:flex}nav a{font-size:1rem}.nav-cta{width:100%;text-align:center}.hero{padding-top:3.5rem}.hero-top h1{font-size:4.5rem}.hero-actions,.hero-photo-row,.services-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-photo:nth-child(2){display:none}.hero-photo{height:300px;border-right:0;border-bottom:var(--rule)}.svc{border-right:0}.testi-grid{border-left:0}.testi{border-right:0}.about-text{padding:2.25rem 1.5rem}.cta-content{padding:2.5rem 1.5rem}.modal-body{padding:2rem 1.25rem}.form-success h3{font-size:1.5rem}}@media (min-width: 641px){nav{position:static;display:flex;width:auto;flex-direction:row;padding:0;border:0;background:transparent}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}