.arclink-landing { margin:0; background:#fff; color:var(--c-ink); font-family:var(--font-sans); -webkit-font-smoothing:antialiased; --al-pad:clamp(1.25rem,5vw,5rem); }
.arclink-landing *,.arclink-landing *::before,.arclink-landing *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
@keyframes alIn { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
.al-reveal { animation: alIn .9s cubic-bezier(.2,.7,.2,1) both; animation-delay:var(--d,0s); }
@media (prefers-reduced-motion: reduce){ .al-reveal { animation:none; } }
.al-hero,.al-proj,.al-who,.al-alts { scroll-margin-top:clamp(5rem,9vh,7rem); }

.al-box { width:100%; max-width:1400px; margin-inline:auto; padding-inline:50px; }

.al-header { position:fixed; inset:0 0 auto 0; z-index:50; padding:clamp(1rem,2.4vw,1.7rem) 0; transition:background .4s,padding .4s; }
.al-header.is-scrolled { background:rgba(20,20,20,.85); backdrop-filter:blur(10px); padding-top:.8rem; padding-bottom:.8rem; }
.al-header__bar { display:flex; align-items:center; justify-content:space-between; }
.al-logo { display:inline-flex; align-items:center; text-decoration:none; color:#fff; }
.al-logo img,.al-logo .al-logo__img { height:1.4rem; width:auto; display:block; }



.al-logo:hover { color:#fff; }
.al-nav-tools { display:flex; align-items:center; gap:clamp(1rem,2vw,1.6rem); }
.al-lang { font-family:var(--font-text); font-size:20px; font-weight:500; letter-spacing:.04em; color:#fff; }
.al-lang a { color:inherit;text-decoration:none;cursor:pointer;opacity:.45;transition:opacity .25s; }
.al-lang a.is-active { opacity:1; }
.al-burger { width:30px; height:20px; position:relative; background:none; border:0; cursor:pointer; padding:0; }
.al-burger span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#fff; }
.al-burger span::before,.al-burger span::after { content:""; position:absolute; left:0; width:100%; height:2px; background:#fff; }
.al-burger span::before { top:-8px; } .al-burger span::after { top:8px; }
.al-overlay { position:fixed; inset:0; z-index:60; background:var(--grad-dark); display:flex; flex-direction:column; justify-content:center; gap:1rem; padding:50px; transform:translateY(-100%); transition:transform .55s cubic-bezier(.7,0,.2,1); }
.al-overlay.is-open { transform:translateY(0); }
.al-overlay a { font-family:var(--font-display); font-weight:500; font-size:clamp(1.8rem,6vw,3rem); color:#e8e8e8; text-decoration:none; border:0; opacity:1; transition:opacity .25s,transform .25s,color .25s; }
.al-overlay a:hover,.al-overlay a:focus { color:#9a9a9a; text-decoration:none; outline:none; opacity:1; transform:translateX(.4rem); }
.al-overlay__bar { position:absolute; top:0; left:0; right:0; margin-inline:auto; max-width:1400px; padding:clamp(1rem,2.4vw,1.7rem) 50px; display:flex; justify-content:flex-end; align-items:center; }
.al-close { position:relative; width:30px; height:1.7rem; background:none; border:0; cursor:pointer; padding:0; font-size:0; overflow:visible; }
.al-close::before,.al-close::after { content:""; position:absolute; top:50%; left:50%; width:42.4px; height:2px; background:#fff; }
.al-close::before { transform:translate(-50%,-50%) rotate(45deg); }
.al-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
.al-close:hover::before,.al-close:hover::after { background:#9a9a9a; }

/* slide 2: hero */
.al-hero { position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:center; background:#0a0a0a url("/wp-content/uploads/2026/06/PastedGraphic-1.jpg") center/cover no-repeat; color:#fff; overflow:hidden; padding:7rem 0 4rem; }
.al-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.78) 45%, rgba(42,44,48,.62) 100%); z-index:1; pointer-events:none; }
.al-hero .al-box { position:relative; z-index:2; }
.al-hero::after { content:""; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); opacity:.045; mix-blend-mode:overlay; pointer-events:none; }
.al-hero-inner { position:relative; width:100%; max-width:calc(27rem + 50px); margin-inline:0; text-align:left; }
.al-eyebrow { position:absolute; right:100%; top:clamp(.5rem,1.8vw,1.4rem); margin-right:clamp(1rem,2.5vw,2.5rem); font-family:var(--font-text); font-style:italic; font-size:clamp(1rem,1.8vw,1.5rem); color:#fff; white-space:nowrap; }
.al-display { font-family:var(--font-text); font-weight:400; text-transform:uppercase; font-size:clamp(1.9rem,4.6vw,3.4rem); line-height:.98; letter-spacing:-.01em; margin:0; }
.al-hero-heading { font-family:var(--font-display); font-weight:500; font-size:clamp(1.4rem,3vw,2.3rem); line-height:1.15; letter-spacing:-.01em; margin:clamp(2rem,5vh,3.5rem) 0 1.6rem; }
.al-hero-copy { display:grid; gap:.9rem; }
.al-hero-copy p { margin:0; color:rgba(255,255,255,.72); line-height:1.65; font-size:clamp(.95rem,1.1vw,1.05rem); }

/* slide 3-5: project splits — 100vh, mas aire arriba */
.al-proj { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(2rem,5vw,4.5rem); width:100%; max-width:1400px; margin-inline:auto; margin-bottom:5em; min-height:50vh; padding:clamp(2rem,4vh,3rem) 50px; }
.al-proj--first { position:relative; }
.al-works-title { position:absolute; top:clamp(3rem,7vh,5rem); left:0; right:0; z-index:5; margin:0; padding:0 50px; text-align:center; font-family:var(--font-display); font-weight:500; font-size:clamp(calc(1.4rem + 5px),3.4vw,calc(2.4rem + 5px)); letter-spacing:-.01em; color:var(--c-ink); pointer-events:none; }
.al-proj--first .al-proj__text,.al-proj--first .al-proj__media { padding-top:calc(clamp(6.5rem,14vh,9.5rem) + 3em); }
.al-proj__inner { width:100%; max-width:34rem; margin-inline:0; }
.al-proj__text { background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; text-align:left; }
.al-proj__title { font-family:var(--font-text); font-weight:400; letter-spacing:.04em; font-size:clamp(1.15rem,2vw,1.7rem); line-height:1.3; margin:0 0 1.8rem; }
.al-proj__text p { color:var(--c-body); line-height:1.7; margin:0 0 1rem; font-size:.97rem; }
.al-proj__wordmark { margin-top:1.8rem; font-family:var(--font-text); font-weight:400; font-size:clamp(1.6rem,3vw,2.4rem); letter-spacing:.04em; line-height:1.1; }
.al-proj__wordmark span { font-weight:400; font-family:var(--font-text); }
.al-proj__wordmark b { font-weight:500; font-family:var(--font-text); }
.al-proj__wordmark--limen { letter-spacing:.3em; }
.al-proj__wordmark--limen b { margin-left:.15em; }
.al-proj__wordmark img { width:clamp(105px,12vw,135px); height:auto; }
.al-proj__media { background:#fff; display:flex; align-items:center; justify-content:flex-end; order:-1; }
.al-proj__media img { width:100%; max-width:440px; height:auto; display:block; }

/* slide 6: who & contact */
.al-who { position:relative; background:linear-gradient(180deg, #1a1a1a 0%, #2a2c30 100%); color:#fff; padding:clamp(4rem,9vh,7rem) 0; overflow:hidden; }
.al-who .al-box { display:grid; grid-template-columns:calc(27rem + 50px) 1fr; grid-template-areas:"title ." "name ." "years contact"; column-gap:clamp(3rem,7vw,6rem); justify-content:start; align-items:start; }
.al-who__top { display:contents; }
.al-who__label { grid-area:title; font-family:var(--font-display); font-weight:500; font-size:clamp(calc(1.4rem + 5px),3.4vw,calc(2.4rem + 5px)); letter-spacing:-.01em; color:#fff; margin:0 0 calc(clamp(2.5rem,6vw,4rem) + 1em); }
.al-founder { display:contents; }
.al-founder h3 { grid-area:name; font-family:var(--font-text); font-weight:400; font-size:clamp(1.25rem,2.2vw,1.7rem); margin:0 0 1.1rem; }
.al-founder h3 b { font-family:var(--font-display); font-weight:500; }
.al-founder p { grid-area:years; max-width:none; color:rgba(255,255,255,.72); line-height:1.7; margin:0; }
.al-contact { grid-area:contact; margin-top:0; justify-self:end; text-align:right; }
.al-contact a { font-family:var(--font-display); font-weight:500; font-size:clamp(1.05rem,2vw,1.45rem); color:#fff; text-decoration:none; border-bottom:2px solid transparent; transition:border-color .3s; }
.al-contact a:hover { color:#9a9a9a; border-color:#9a9a9a; }

/* slide 7: galeria — h4 */
.al-alts { padding:clamp(4rem,9vh,7rem) 0; background:#fff; }
.al-alts__head { display:grid; grid-template-columns:2fr 1fr; gap:clamp(1rem,2.5vw,2rem); margin-bottom:2rem; }
.al-alts__head p { font-family:var(--font-text); font-weight:400; font-size:clamp(1.25rem,2.2vw,1.5rem); letter-spacing:.04em; color:var(--c-ink); margin:0; text-align:left; }
.al-alts__cols { display:grid; grid-template-columns:2fr 1fr; gap:clamp(1rem,2.5vw,2rem); align-items:start; }
.al-alts__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(.6rem,1.2vw,1rem); }
.al-alts__grid img,.al-alts__one img { width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:1; }

.al-footer { background:var(--c-dark); color:#c8c8c8; padding:2.5rem 0; font-family:var(--font-sans); font-size:clamp(.9rem,1.1vw,1rem); letter-spacing:0; }
.al-footer a { color:inherit; text-decoration:none; font-weight:500; }
.al-footer a:hover { color:#9a9a9a; }
.al-footer__bar { display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; }

@media (max-width:860px){
	.al-box { padding-inline:24px; }
	.al-overlay { padding-inline:24px; }
	.al-overlay__bar { padding-inline:24px; }
	.al-hero-inner { width:95%; max-width:none; padding-inline:0; }
	.al-eyebrow { position:static; margin:0 0 .5rem; display:block; }
	.al-proj { grid-template-columns:1fr; min-height:0; gap:clamp(.75rem,3vw,1.25rem); padding-inline:24px; margin-bottom:1.6em; }
	.al-works-title { text-align:left; padding-inline:24px; }
	.al-proj--first .al-proj__text { padding-top:clamp(6.75rem,18vw,8.5rem); }
	.al-proj--first .al-proj__media { padding-top:0; }
	.al-proj__media { order:0; justify-content:flex-start; }
	.al-proj__media img { width:100%; max-width:none; }
	.al-proj__inner { max-width:95%; }
	.al-who .al-box { grid-template-columns:95%; justify-content:start; grid-template-areas:"title" "name" "years" "contact"; }
	.al-who__label { margin-bottom:clamp(1.5rem,6vw,2.5rem); }
	.al-contact { margin-top:clamp(2rem,8vw,3rem); justify-self:start; text-align:left; }
	.al-alts__head,.al-alts__cols { grid-template-columns:1fr; }
	.al-alts__one { max-width:60%; margin:1rem auto 0; }
}

/* Override Elementor/tema: hamburguesa = lineas blancas sobre fondo transparente */
.arclink-landing .al-burger { background:transparent !important; border:0 !important; box-shadow:none !important; }
.arclink-landing .al-burger span,.arclink-landing .al-burger span::before,.arclink-landing .al-burger span::after { background-color:#fff !important; }
.arclink-landing .al-burger:hover span,.arclink-landing .al-burger:hover span::before,.arclink-landing .al-burger:hover span::after { background-color:#9a9a9a !important; }

/* Override Elementor: botones de idioma sin rojo (blanco/transparente) */
.arclink-landing .al-lang a { background:transparent !important; border:0 !important; box-shadow:none !important; color:#fff !important; text-decoration:none !important; }
.arclink-landing .al-lang a:hover,.arclink-landing .al-lang a:focus { color:#9a9a9a !important; outline:none !important; }

/* Override Elementor: NINGUN boton del landing con rojo/borde/outline */
.arclink-landing button { background:transparent !important; border:0 !important; box-shadow:none !important; outline:none !important; }
.arclink-landing .al-close { color:#fff !important; }
.arclink-landing .al-close:hover,.arclink-landing .al-close:focus { color:#9a9a9a !important; }