/* color-mix-fallback-applied */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.contact-hero{flex-direction:column;min-height:100vh;padding:160px 0 0;display:flex;position:relative;overflow:hidden}.contact-hero-scroll-indicator{border-top:1px solid var(--border);z-index:2;justify-content:center;margin-top:auto;margin-bottom:180px;padding:24px 0 0;display:flex;position:relative}.contact-hero-grid-bg{background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);pointer-events:none;z-index:0;background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#00000080 6% 94%,#0000 100%);mask-image:linear-gradient(#0000,#00000080 6% 94%,#0000)}.contact-hero-glow{pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#3b6fe859,#3b6fe81f 40%,#0000 70%);height:700px;position:absolute;top:0;left:0;right:0}.contact-hero>.container{z-index:1;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.contact-hero-top{padding-bottom:80px}.contact-hero-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:0;font-family:Syne,sans-serif;font-size:clamp(56px,8vw,120px);font-weight:800;line-height:.9;overflow:hidden}.contact-hero-meta{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-top:48px;padding:48px 0 0;display:grid}.contact-hero-meta-left{flex-direction:column;gap:16px;display:flex}.contact-hero-meta-right{flex-direction:column;align-items:flex-end;gap:24px;display:flex}.contact-hero-tagline{color:var(--text-secondary);max-width:480px;font-size:18px;line-height:1.6}.contact-hero-tagline strong{color:var(--accent);font-weight:600}.contact-quick-info{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.contact-quick-item{display:flex;flex-direction:row;align-items:center;gap:12px}.contact-quick-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-family:Berkeley Mono,monospace;font-size:10px;width:70px;text-align:right;flex-shrink:0}.contact-quick-value{color:var(--text-primary);transition:color var(--transition);font-size:15px;font-weight:200;text-decoration:none}.contact-quick-item:nth-child(2) .contact-quick-value{font-size:13px}.contact-quick-value:hover{color:var(--accent)}.contact-main{padding:0 0 60px}.contact-main-grid{grid-template-columns:5fr 7fr;align-items:flex-start;gap:80px;display:grid}.contact-info-col{position:relative}.contact-info-heading{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:32px;font-family:Syne,sans-serif;font-size:clamp(40px,4.5vw,68px);font-weight:800;line-height:1.05}.contact-info-heading .line{margin-bottom:-6px;padding-top:4px;padding-bottom:10px;display:block;overflow:hidden}.contact-info-heading .line:last-child{margin-bottom:0}.contact-info-heading .line-inner{opacity:0;transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(105%)}.contact-info-heading em{color:var(--accent);font-style:normal}.contact-info-col.visible .contact-info-heading .line:nth-child(1) .line-inner{opacity:1;transform:translateY(0);transition-delay:0s}.contact-info-col.visible .contact-info-heading .line:nth-child(2) .line-inner{opacity:1;transform:translateY(0);transition-delay:.2s}.contact-info-col.visible .contact-info-heading .line:nth-child(3) .line-inner{opacity:1;transform:translateY(0);transition-delay:.4s}.contact-info-col.visible .contact-info-heading .line:nth-child(4) .line-inner{opacity:1;transform:translateY(0);transition-delay:.6s}.contact-info-col.visible .contact-info-heading .line:nth-child(5) .line-inner{opacity:1;transform:translateY(0);transition-delay:.8s}.contact-info-desc{color:var(--text-secondary);margin-bottom:40px;font-size:15px;line-height:1.75}.contact-email-copy{transition:color .2s}.contact-email-copy:hover{color:var(--accent)!important}.contact-info-desc strong{color:var(--text-primary);background-image:linear-gradient(var(--accent),var(--accent));cursor:default;background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;font-weight:600;transition:background-size .35s cubic-bezier(.16,1,.3,1);display:inline;position:relative}.contact-info-desc strong:hover{background-size:100% 1.5px}.contact-data{border-top:1px solid var(--border);flex-direction:column;gap:0;margin-bottom:40px;display:flex}.contact-data-item{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 0;display:flex}.contact-data-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-family:Berkeley Mono,monospace;font-size:10px;font-weight:500}.contact-data-value{color:var(--text-primary);font-size:12px;line-height:1.5}.contact-data-value a{color:var(--text-primary);transition:color var(--transition);text-decoration:none}.contact-data-value a:hover{color:var(--accent)}.contact-agency-block{border:1px solid var(--border);background:var(--bg-surface);opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out),border-color var(--transition);padding:24px}.contact-agency-block:hover{border-color:var(--border-hover)}.contact-agency-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-family:Berkeley Mono,monospace;font-size:10px;font-weight:500}.contact-agency-text{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.65}.contact-agency-link{color:var(--text-primary);transition:color var(--transition);align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.contact-agency-link:hover{color:var(--accent)}.contact-form{border:1px solid var(--border);flex-direction:column;gap:0;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:0;display:grid}.form-row .form-group:first-child{border-right:1px solid var(--border)}.form-group{border-bottom:1px solid var(--border);background:var(--bg-surface);transition:background var(--transition);flex-direction:column;display:flex}.form-group:hover{background:var(--bg-elevated)}.form-group:focus-within{background:var(--bg-elevated);border-bottom-color:var(--accent);box-shadow:inset 0 -1px 0 0 var(--accent)}.form-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);pointer-events:none;transition:color var(--transition);padding:16px 20px 0;font-family:Berkeley Mono,monospace;font-size:10px;font-weight:500}.form-group:focus-within .form-label{color:var(--accent)}.optional{color:var(--text-tertiary);text-transform:none;letter-spacing:0;font-size:9px}.form-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:8px 20px 16px;font-size:15px}.form-input::placeholder{color:var(--text-tertiary)}.form-select{color:var(--text-primary);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;width:100%;padding:8px 20px 16px;font-size:15px}.form-select option{background:var(--bg-surface);color:var(--text-primary)}.form-textarea{color:var(--text-primary);resize:vertical;background:0 0;border:none;outline:none;width:100%;min-height:120px;padding:8px 20px 16px;font-size:15px}.form-textarea::placeholder{color:var(--text-tertiary)}.form-privacy{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:20px;display:flex}.form-privacy-check{border:1px solid var(--border-hover);cursor:pointer;width:18px;height:18px;transition:border-color var(--transition),background var(--transition);flex-shrink:0;margin-top:2px;position:relative}.form-privacy-check:hover{border-color:var(--accent)}.form-privacy-check.checked{background:var(--accent);border-color:var(--accent)}.form-privacy-text{color:var(--text-tertiary);font-size:12px;line-height:1.6}.form-privacy-text a{color:var(--text-secondary);transition:color var(--transition);text-decoration:underline}.form-privacy-text a:hover{color:var(--accent)}.form-submit-row{justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.form-submit-note{color:var(--text-tertiary);font-size:12px;line-height:1.5}.btn-submit{background:var(--accent-btn);color:#fff;cursor:pointer;transition:background var(--transition),transform var(--transition);white-space:nowrap;border:none;align-items:center;gap:12px;padding:16px 28px;font-size:14px;font-weight:500;display:flex}.btn-submit:hover{background:var(--accent-hover);transform:translate(2px)}.btn-submit-arrow{transition:transform var(--transition);font-size:16px}.btn-submit:hover .btn-submit-arrow{transform:translate(4px)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-submit-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.contact-manifesto{border-top:1px solid var(--border);padding:80px 0}.contact-manifesto-inner{grid-template-columns:5fr 7fr;align-items:center;gap:80px;display:grid}.response-strip{border-top:1px solid var(--border);padding:80px 0}.response-strip-inner{border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.response-item{border-right:1px solid var(--border);transition:background var(--transition);padding:40px 32px}.response-item:last-child{border-right:none}.response-item:hover{background:var(--bg-elevated)}.response-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px;font-family:Berkeley Mono,monospace;font-size:10px;font-weight:500}.response-num{letter-spacing:-.02em;color:var(--accent);margin-bottom:16px;font-family:Berkeley Mono,monospace;font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1}.response-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}@media(max-width:900px){.contact-hero-meta{grid-template-columns:1fr;gap:40px}.contact-main-grid{grid-template-columns:1fr;gap:48px}.contact-info-col{position:static}.contact-manifesto-inner{grid-template-columns:1fr;gap:48px}.response-strip-inner{grid-template-columns:1fr}.response-item{border-right:none;border-bottom:1px solid var(--border)}.response-item:last-child{border-bottom:none}.form-row{grid-template-columns:1fr}.form-row .form-group:first-child{border-right:none}.form-submit-row{flex-direction:column;align-items:flex-start}.btn-submit{justify-content:space-between;width:100%}}@media(max-width:640px){.contact-hero{padding:120px 0 0}.contact-hero-title{font-size:clamp(48px,14vw,80px)}.contact-main,.response-strip,.contact-manifesto{padding:80px 0}}/* === Hero min-height fix para móvil === */
@media(max-width:640px){
  .page-hero{min-height:auto;padding-bottom:60px;}
}
@media(max-width:480px){
  .page-hero{min-height:auto;padding-top:90px;padding-bottom:48px;}
}
@media(max-width:375px){
  .page-hero{min-height:auto;padding-top:80px;padding-bottom:40px;}
}
@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
.mobile-menu{background:var(--bg-base);z-index:10000;opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:80px 20px 24px;overflow-y:auto;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:none;position:fixed;inset:0;transform:translateY(-12px)}.mobile-menu.open{opacity:1;pointer-events:all;display:flex;transform:translateY(0)}.mobile-menu.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-menu-cta{text-align:center;opacity:0;justify-content:center;width:100%;transition:color .2s,opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}.mobile-menu.open .mobile-menu-cta{opacity:1;transition-delay:.46s;transform:translateY(0)}.mobile-menu-close{border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:24px}.mobile-menu-close:hover{color:var(--text-primary);border-color:var(--text-primary);background:var(--bg-elevated)}.mobile-menu-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-menu-theme{border-top:1px solid var(--border);opacity:0;align-items:center;gap:12px;width:100%;margin-top:32px;padding-top:24px;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(8px)}.mobile-menu.open .mobile-menu-theme{opacity:1;transition-delay:.54s;transform:translateY(0)}.mobile-menu-theme .theme-toggle-text{letter-spacing:.12em;color:var(--text-tertiary);font-size:11px;font-weight:600}.mobile-nav{flex-direction:column;gap:4px;width:100%;margin-bottom:24px;display:flex}.mobile-nav-link{letter-spacing:-.02em;color:var(--text-primary);border-bottom:1px solid var(--border);opacity:0;padding:6px 0;font-family:Syne,sans-serif;font-size:clamp(24px,7.5vw,32px);font-weight:700;line-height:1.15;text-decoration:none;transition:color .2s,opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent)}#cookie-banner{z-index:9000;background:var(--bg-elevated);border:1px solid var(--border);opacity:0;width:min(680px,calc(100vw - 48px));transition:transform .5s var(--ease-out),opacity .5s var(--ease-out);pointer-events:none;border-radius:4px;flex-direction:column;gap:20px;padding:28px 32px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(120px);box-shadow:0 24px 64px #00000059}#cookie-banner.visible{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.scroll-indicator{flex-direction:column;align-items:center;gap:8px;display:flex}.scroll-indicator-text{letter-spacing:.25em;text-transform:uppercase;color:#f0eee8a6;font-family:Berkeley Mono,monospace;font-size:10px}[data-theme=light] .scroll-indicator-text{color:#080c14a6}.scroll-indicator-line{background:#fff3;width:1px;height:64px;position:relative;overflow:hidden}[data-theme=light] .scroll-indicator-line{background:#080c1426}.scroll-indicator-dot{background:var(--accent);width:2px;height:14px;box-shadow:0 0 6px 2px var(--accent),0 0 12px 4px #3b6fe880;border-radius:1px;animation:2s cubic-bezier(.4,0,.6,1) 1.2s infinite scrollDotV;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.contact-scroll-hidden{opacity:0;pointer-events:none}.contact-scroll-hidden.visible{opacity:1;pointer-events:auto;transition:opacity .6s var(--ease-out)}.contact-hero-scroll-indicator:not(.contact-scroll-hidden){opacity:1;transition:opacity .6s var(--ease-out)}@keyframes scrollDotV{0%{opacity:1;top:-12px}80%{opacity:.8;top:64px}to{opacity:0;top:64px}}@keyframes fadeIn{to{opacity:1}}#cookie-modal-overlay{z-index:9100;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#cookie-modal-overlay.visible{opacity:1;pointer-events:all}#cookie-modal{background:var(--bg-elevated);border:1px solid var(--border);width:min(560px,calc(100vw - 48px));max-height:90vh;transition:transform .4s var(--ease-out);border-radius:4px;flex-direction:column;gap:28px;padding:40px;display:flex;overflow-y:auto;transform:translateY(16px)}#cookie-modal-overlay.visible #cookie-modal{transform:translateY(0)}.contact-quick-value--email{cursor:pointer;position:relative}.contact-quick-value--email::after{content:"¡Copiado!";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--accent);color:#fff;font-size:11px;font-weight:500;letter-spacing:.06em;padding:4px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.contact-quick-value--email.copied::after{opacity:1;transform:translateX(-50%) translateY(0)}.svc-line{display:block;overflow:hidden}.svc-line-inner{opacity:0;transition:opacity 2.2s cubic-bezier(.16,1,.3,1),transform 2.2s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(110%)}.svc-line-inner.revealed{opacity:1;transform:translateY(0)}.hero-animate{opacity:0;transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.hero-animate.revealed{opacity:1;transform:translateY(0)}.hero-from-left{opacity:0;transition:opacity 0.9s cubic-bezier(.16,1,.3,1),transform 0.9s cubic-bezier(.16,1,.3,1);transform:translateX(-32px)}.hero-from-left.revealed{opacity:1;transform:translateX(0)}.hero-from-right{opacity:0;transition:opacity 0.9s cubic-bezier(.16,1,.3,1),transform 0.9s cubic-bezier(.16,1,.3,1);transform:translateX(32px)}.hero-from-right.revealed{opacity:1;transform:translateX(0)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}
/* === MANIFESTO STYLES FROM EMPRESA === */
.manifesto-section{background:var(--bg-surface);border-top:1px solid var(--border);padding:120px 0}
.manifesto-inner{grid-template-columns:4fr 8fr;align-items:center;gap:80px;display:grid}
.manifesto-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:32px;font-family:Berkeley Mono,monospace;font-size:11px}
.manifesto-text{letter-spacing:-.02em;color:var(--text-primary);font-family:Syne,sans-serif;font-size:clamp(36px,4.8vw,66px);font-weight:700;line-height:1.15}
.manifesto-text em{color:var(--accent);cursor:default;font-style:normal;text-decoration:none}
.manifesto-line{display:block;overflow:hidden}
.manifesto-line-spaced{margin-top:.15em}
.manifesto-line-gap{margin-top:.6em}
.manifesto-line-break{border-top:1px solid var(--border);margin-top:1.6em;padding-top:1.2em}
.manifesto-line-inner{opacity:0;transition:opacity 1.8s var(--ease-out),transform 1.8s var(--ease-out);display:block;transform:translateY(100%)}
.manifesto-line-inner.revealed{opacity:1;transform:translateY(0)}
.manifesto-aside{flex-direction:column;gap:12px;padding-top:43px;display:flex}
.manifesto-aside-item{border:1px solid var(--accent);padding:24px 28px}
.manifesto-aside-item{border:transparent;border:1px solid color-mix(in srgb,var(--accent)30%,transparent)}
.manifesto-aside-item{border-left:2px solid var(--accent);background:var(--accent)}
.manifesto-aside-item{background:var(--bg-surface);background:color-mix(in srgb,var(--accent)4%,var(--bg-surface))}
.manifesto-aside-item{opacity:0;transition:opacity 1.5s var(--ease-out),transform 1.5s var(--ease-out),background .3s,border-color .3s;flex-direction:column;gap:12px;display:flex;transform:translate(60px)}
.manifesto-aside-item:hover{background:var(--accent)}
.manifesto-aside-item:hover{background:var(--bg-elevated);background:color-mix(in srgb,var(--accent)9%,var(--bg-elevated))}
.manifesto-aside-item:hover{border-color:var(--accent)}
.manifesto-aside-item:hover{border-color:transparent;border-color:color-mix(in srgb,var(--accent)60%,transparent)}
.manifesto-aside-item:hover{border-left-color:var(--accent);box-shadow:0 0 0 0 transparent,inset 3px 0 12px -4px var(--accent)}
.manifesto-aside-item:hover{box-shadow:transparent;box-shadow:0 0 0 0 transparent,inset 3px 0 12px -4px color-mix(in srgb,var(--accent)25%,transparent)}
.manifesto-aside-item:hover .manifesto-aside-title{color:var(--text-secondary)}
.manifesto-aside-item:hover p{color:var(--text-primary)}
.manifesto-aside-item.visible{opacity:1;transform:translate(0)}
.manifesto-aside-header{align-items:center;gap:12px;display:flex}
.manifesto-aside-num{letter-spacing:.06em;color:var(--accent);flex-shrink:0;font-family:Berkeley Mono,monospace;font-size:10px;font-weight:500}
.manifesto-aside-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-family:Berkeley Mono,monospace;font-size:10px;font-weight:500;transition:color .3s}
.manifesto-aside p{color:var(--text-secondary);margin-bottom:0;font-size:14px;line-height:1.75;transition:color .3s}
.manifesto-inner{grid-template-columns:1fr;gap:40px}
.manifesto-section,.timeline-section,.values-section,.team-section{padding:80px 0}
/* === PAGE HERO GRID BG (from servicios.css) === */
.page-hero-grid-bg{background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);pointer-events:none;z-index:0;background-size:80px 80px;position:absolute;inset:0 0 -400px;-webkit-mask-image:linear-gradient(#0000 0%,#0009 8% 96%,#0000 100%);mask-image:linear-gradient(#0000,#0009 8% 96%,#0000)}
.contact-hero>.container,.contact-hero>.visual-panel,.contact-hero>div:not(.page-hero-grid-bg):not(.page-hero-glow):not(.scroll-indicator){z-index:1;position:relative}

/* === CTA STRIP STYLES (from proyectos + para-agencias) === */
.cta-strip{border-top:1px solid var(--border);padding:120px 0}
.cta-strip-inner{opacity:0;justify-content:space-between;align-items:center;gap:48px;transition:opacity 1.2s,transform 1.2s;display:flex;transform:translateY(32px)}
.cta-strip-inner.visible{opacity:1;transform:translateY(0)}
.cta-title{letter-spacing:-.03em;color:var(--text-primary);font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:800;line-height:.95;overflow:hidden}
.cta-title .line{display:block;overflow:hidden}
.cta-title .line-inner{opacity:0;transition:opacity 1.8s var(--ease-out),transform 1.8s var(--ease-out);display:block;transform:translateY(100%)}
.cta-strip-inner.visible .cta-title .line-inner{opacity:1;transform:translateY(0)}
.cta-strip-inner.visible .cta-title .line:nth-child(1) .line-inner{transition-delay:0s}.cta-strip-inner.visible .cta-title .line:nth-child(2) .line-inner{transition-delay:200ms}.cta-strip-inner.visible .cta-title .line:nth-child(3) .line-inner{transition-delay:400ms}.cta-strip-inner.visible .cta-title .line:nth-child(4) .line-inner{transition-delay:600ms}
.cta-title .accent-word{color:var(--accent)}
.cta-btn-wrap{flex-shrink:0}
.btn-primary{letter-spacing:.04em;background:var(--accent-btn);color:#fff;transition:background var(--transition),gap var(--transition);white-space:nowrap;border:1px solid var(--accent-btn);align-items:center;gap:10px;padding:16px 28px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}
.btn-primary:hover{background:var(--accent-hover);gap:16px}
.btn-arrow{font-size:1.1em;transition:transform var(--transition)}
.btn-primary:hover .btn-arrow{transform:translateX(4px)}
@media(max-width:900px){.cta-strip{padding:80px 0}.cta-strip-inner{flex-direction:column;align-items:flex-start;gap:32px}.cta-title{font-size:clamp(2rem,9vw,3.5rem)}}
@media(max-width:640px){.cta-strip{padding:60px 0}.cta-title{font-size:clamp(1.75rem,10vw,2.5rem)}}

/* === FOOTER STYLES FROM HOME === */
.footer-top{grid-template-columns:3fr 2fr 2fr 2fr;gap:64px;margin-bottom:64px;display:grid}
.footer-brand .logo{margin-bottom:16px;font-size:20px}
.footer-brand p{color:var(--text-tertiary);max-width:240px;font-size:13px;line-height:1.6}
.footer-col-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:20px;font-size:11px;font-weight:500}
.footer-links{flex-direction:column;gap:12px;display:flex}
.footer-links a{color:var(--text-secondary);transition:color var(--transition),transform var(--transition);font-size:14px;display:inline-block}
.footer-links a:hover{color:var(--text-primary);transform:translate(4px)}
.footer-scroll-top{border:1px solid var(--border);color:var(--text-tertiary);letter-spacing:.1em;cursor:pointer;transition:color var(--transition),border-color var(--transition),transform var(--transition);background:0 0;border-radius:4px;align-items:center;gap:5px;padding:6px 10px;font-family:Berkeley Mono,monospace;font-size:10px;font-weight:500;display:none}
.footer-scroll-top:hover{color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-2px)}
.footer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:32px;display:flex}
.footer-bottom p{color:var(--text-tertiary);font-size:12px}
@media(max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:375px){.footer-top{grid-template-columns:1fr;gap:32px}}

.reveal-right.revealed{opacity:1;transform:translate(0)}
.reveal-left.revealed{opacity:1;transform:translate(0)}
.reveal.revealed{opacity:1;transform:translateY(0)}

/* === CONTACT MAIN SEQUENTIAL REVEAL === */
.contact-info-desc{opacity:0;transform:translateY(16px);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}
.contact-info-desc.visible{opacity:1;transform:translateY(0)}
.contact-form-col{opacity:0;transform:translateX(40px);transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out)}
.contact-form-col.visible{opacity:1;transform:translateX(0)}
/* === CONTACT DATA & AGENCY CARD SEQUENTIAL REVEAL === */
.contact-data{opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}
.contact-data.visible{opacity:1;transform:translateY(0)}

.contact-agency-block.visible{opacity:1;transform:translateY(0)}
/* === CONTACT INFO COL: neutralizar reveal-left (solo los line-inner animan) === */
#contactInfoCol.reveal-left{transform:translate(0)!important;opacity:0}
#contactInfoCol.reveal-left.visible{opacity:1;transform:translate(0)!important}


/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE NAVIGATION — Hamburger & Mobile Menu
   Aplicado a todas las páginas interiores
   ═══════════════════════════════════════════════════════════════════════════ */
.hamburger {
  cursor: pointer;
  z-index: 10001;
  background: transparent;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 4px;
  display: none;
  position: relative;
}
.hamburger span {
  background: var(--text-primary);
  transform-origin: 50%;
  border-radius: 2px;
  width: 22px;
  height: 2px;
  transition: transform .35s cubic-bezier(.16,1,.3,1), opacity .25s;
  display: block;
}
.hamburger.open span:first-child { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-menu {
  background: var(--bg-base);
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 32px;
  transition: opacity .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1);
  display: none;
  position: fixed;
  inset: 0;
  transform: translateY(-12px);
}
.mobile-menu.open {
  opacity: 1;
  pointer-events: all;
  display: flex;
  transform: translateY(0);
}
.mobile-nav {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}
.mobile-nav-link {
  letter-spacing: -.02em;
  color: var(--text-primary);
  border-bottom: 1px solid var(--border);
  opacity: 0;
  padding: 10px 0;
  font-family: Syne, sans-serif;
  font-size: clamp(32px, 9vw, 44px);
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  transition: color .2s, opacity .4s cubic-bezier(.16,1,.3,1), transform .4s cubic-bezier(.16,1,.3,1);
  transform: translateY(16px);
}
.mobile-nav-link:last-child { border-bottom: none; }
.mobile-nav-link:hover, .mobile-nav-link.active { color: var(--accent); }
.mobile-menu.open .mobile-nav-link { opacity: 1; transform: translateY(0); }
.mobile-menu-cta {
  text-align: center;
  opacity: 0;
  justify-content: center;
  width: 100%;
  transition: color .2s, opacity .4s cubic-bezier(.16,1,.3,1), transform .4s cubic-bezier(.16,1,.3,1);
  transform: translateY(12px);
}
.mobile-menu.open .mobile-menu-cta { opacity: 1; transition-delay: .46s; transform: translateY(0); }
.mobile-menu-close {
  border: 1px solid var(--border);
  width: 44px;
  height: 44px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: color var(--transition), border-color var(--transition), background var(--transition);
  background: transparent;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 20px;
  right: 24px;
}
.mobile-menu-close:hover { color: var(--text-primary); border-color: var(--text-primary); background: var(--bg-elevated); }
.mobile-menu-theme {
  border-top: 1px solid var(--border);
  opacity: 0;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 32px;
  padding-top: 24px;
  transition: opacity .4s cubic-bezier(.16,1,.3,1), transform .4s cubic-bezier(.16,1,.3,1);
  display: flex;
  transform: translateY(8px);
}
.mobile-menu.open .mobile-menu-theme { opacity: 1; transition-delay: .54s; transform: translateY(0); }
.mobile-menu-theme .theme-toggle-text { letter-spacing: .12em; color: var(--text-tertiary); font-size: 11px; font-weight: 600; }

/* Activar hamburger en tablet/móvil */
@media (max-width: 1024px) {
  nav { display: none; }
  .hamburger { display: flex; }
  .btn-cta-header, .theme-toggle-wrapper { display: none; }
}

/* Ajustes menú móvil en pantallas muy pequeñas */
@media (max-width: 375px) {
  .mobile-nav-link { padding: 6px 0; font-size: clamp(22px, 7vw, 30px); }
  .mobile-nav { gap: 4px; margin-bottom: 24px; }
  .mobile-menu { justify-content: flex-start; padding: 80px 20px 24px; overflow-y: auto; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PREFERS-REDUCED-MOTION — Accesibilidad
   ═══════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Overflow horizontal global */
body { overflow-x: hidden; }


/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE CONTACTO — v6 DEFINITIVO
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── TABLET (≤1024px) ─────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .contact-hero { padding: 110px 0 0; }
  .contact-hero-title { font-size: clamp(44px, 9vw, 88px); line-height: .9; }
  .contact-hero-meta { grid-template-columns: 1fr; gap: 40px; }
  .contact-hero-meta-right { align-items: flex-start; }
  .contact-main { padding: 64px 0; }
  .contact-main-grid { grid-template-columns: 1fr; gap: 48px; }
  .contact-info-col { position: static; }
  .contact-manifesto-inner { grid-template-columns: 1fr; gap: 48px; }
  .response-strip-inner { grid-template-columns: 1fr; }
  .response-item { border-right: none; border-bottom: 1px solid var(--border); padding-bottom: 32px; }
  .response-item:last-child { border-bottom: none; }
  .cta-strip { padding: 80px 0; }
  .cta-strip-inner { flex-direction: column; align-items: flex-start; gap: 32px; }
}

/* ── MÓVIL (≤768px) ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .contact-hero { padding: 100px 0 0; }
  .contact-hero-title { font-size: clamp(36px, 10vw, 64px); line-height: .92; }
  .contact-hero-tagline { max-width: 100%; font-size: 15px; }
  .contact-hero-meta { margin-top: 32px; padding: 32px 0 0; gap: 32px; }
  .contact-hero-scroll-indicator { margin-bottom: 80px; }
  .contact-main { padding: 56px 0; }
  .contact-main-grid { gap: 40px; }
  .contact-data { gap: 16px; }
  .contact-data-item { flex-direction: column; gap: 4px; }
  .contact-manifesto { padding: 56px 0; }
  .manifesto-text { font-size: clamp(20px, 5.5vw, 32px); max-width: 100%; }
  .manifesto-line-inner { font-size: clamp(20px, 5.5vw, 32px); }
  .response-strip { padding: 56px 0; }
  .response-num { font-size: clamp(28px, 9vw, 44px); }
  .form-row { grid-template-columns: 1fr; }
  .form-row .form-group:first-child { border-right: none; border-bottom: 1px solid var(--border); }
  .cta-title { font-size: clamp(24px, 8vw, 40px); }

  /* Idiomas CA/EN */
  :lang(en) .contact-hero-title,
  :lang(ca) .contact-hero-title { font-size: clamp(32px, 9vw, 56px); }
}

/* ── MÓVIL PEQUEÑO (≤640px) ──────────────────────────────────────────────── */
@media (max-width: 640px) {
  .contact-hero { padding: 88px 0 0; }
  .contact-hero-title { font-size: clamp(30px, 10vw, 52px); line-height: .92; }
  .contact-hero-meta { gap: 24px; }
  .contact-hero-scroll-indicator { margin-bottom: 56px; }
  .contact-main { padding: 48px 0; }
  .contact-manifesto { padding: 48px 0; }
  .manifesto-text { font-size: clamp(18px, 5.5vw, 28px); }
  .manifesto-line-inner { font-size: clamp(18px, 5.5vw, 28px); }
  .response-strip { padding: 48px 0; }
  .response-strip-inner { grid-template-columns: 1fr; }
  .response-num { font-size: clamp(24px, 9vw, 40px); }
  .cta-strip { padding: 56px 0; }
  .cta-strip-inner { flex-direction: column; align-items: flex-start; gap: 24px; }
  .cta-title { font-size: clamp(22px, 8vw, 36px); }
  .form-input, .form-select, .form-textarea { font-size: 16px; } /* Evitar zoom en iOS */

  :lang(en) .contact-hero-title,
  :lang(ca) .contact-hero-title { font-size: clamp(26px, 9vw, 44px); }
}

/* ── iPhone SE (≤375px) ──────────────────────────────────────────────────── */
@media (max-width: 375px) {
  .contact-hero { padding: 80px 0 0; }
  .contact-hero-title { font-size: clamp(26px, 10vw, 40px); line-height: .95; }
  .manifesto-text { font-size: clamp(16px, 5.5vw, 24px); }
  .manifesto-line-inner { font-size: clamp(16px, 5.5vw, 24px); }
  .response-num { font-size: clamp(22px, 8vw, 34px); }
  .cta-title { font-size: clamp(20px, 8vw, 30px); }

  :lang(en) .contact-hero-title,
  :lang(ca) .contact-hero-title { font-size: clamp(22px, 9vw, 36px); }
}



/* === FIX v8: Contacto — texto hero no cortado, botón con margen === */
@media (max-width: 768px) {
  .contact-hero,
  .contact-hero-inner {
    overflow: visible !important;
    min-height: auto !important;
    padding-top: 88px !important;
    padding-bottom: 40px !important;
  }
  .contact-hero-title {
    overflow: visible !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    font-size: clamp(32px, 10vw, 52px) !important;
  }
  .contact-hero-desc {
    overflow: visible !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
  }
  .form-submit-row {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
  .btn-submit,
  button[type="submit"],
  .form-submit-row button {
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .reveal,
  .hero-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* FIX-SCROLL-INDICATOR-MOBILE */
@media (max-width: 768px) {
  .scroll-indicator {
    display: none !important;
  }
}