:root{color-scheme:dark;--ink:#050706;--paper:#f4f5f3;--muted:#a5aaa7;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:#050706;color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-shell{width:100%;overflow:hidden;background:radial-gradient(circle at 30% 15%,#202521 0,transparent 24%),#050706}.hero{position:relative;min-height:1080px;max-width:760px;margin:auto;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-topbar{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,5vw,42px)}.brand-logo{width:170px;height:54px;object-fit:cover;object-position:left center;filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen}.outline-button{border:1px solid rgba(255,255,255,.32);padding:11px 18px;border-radius:999px;font-size:13px;backdrop-filter:blur(12px)}.hero-photo{position:absolute;inset:0;width:100%;height:690px;object-fit:cover;object-position:center top;filter:contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 30%,rgba(3,5,4,.12) 51%,#050706 67%)}
.profile-card{position:absolute;z-index:3;left:clamp(16px,4vw,34px);right:clamp(16px,4vw,34px);bottom:34px;padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(135deg,rgba(8,10,9,.92),rgba(9,11,10,.76));backdrop-filter:blur(20px);box-shadow:0 24px 60px rgba(0,0,0,.34)}.name-lockup{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{margin:0 0 7px;color:#afb4b1;text-transform:uppercase;letter-spacing:.16em;font-size:10px}h1{margin:0;font-size:clamp(45px,11vw,74px);line-height:.84;letter-spacing:-.065em;font-weight:500}.signature{width:clamp(105px,28vw,170px);height:82px;object-fit:contain}.handle{color:#aeb2b0;margin:18px 0 8px}.role{margin:0 0 20px;font-size:14px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0;border-top:1px solid var(--line)}.profile-stats div{display:flex;flex-direction:column}.profile-stats strong{font-size:23px;font-weight:500}.profile-stats span{color:#959a97;font-size:11px;margin-top:3px}.connect-button{display:block;text-align:center;padding:15px;border-radius:12px;font-weight:600;background:linear-gradient(100deg,#87dff2,#ffd266,#f0698e,#aebdff);color:#fff;box-shadow:0 0 28px rgba(240,105,142,.18)}
.content{max-width:760px;margin:auto;padding:70px clamp(18px,4vw,34px) 34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}h2{margin:0;font-weight:500;letter-spacing:-.045em;font-size:clamp(32px,7vw,48px)}.section-number{color:#777d79;font-size:11px;letter-spacing:.12em}.story-strip{display:flex;gap:14px;overflow-x:auto;padding:2px 0 28px;scrollbar-width:none}.story{flex:0 0 64px;text-align:center}.story-image{display:block;width:58px;height:58px;margin:auto;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:radial-gradient(circle at 65% 30%,#c9cecb 0 4%,#29302c 5% 18%,#080a09 60%);box-shadow:inset 0 0 0 3px #080a09}.story-1{background:repeating-linear-gradient(125deg,#151917 0 5px,#777c78 6px,#101312 8px)}.story-2{background:radial-gradient(circle,#d4d6d3 0 6%,#343a36 7% 19%,#080a09 55%)}.story-3{background:linear-gradient(135deg,#777 0 2%,#121513 3% 48%,#4e5551 49% 51%,#090b0a 52%)}.story-4{background:radial-gradient(circle at 70% 25%,#c8c8c4,#151918 15%,#070908 55%)}.story-5{background:linear-gradient(145deg,#a47b5a 0,#30261f 22%,#080a09 60%)}.story small{display:block;margin-top:7px;color:#a6aaa8;font-size:10px}
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.link-card{position:relative;min-height:220px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:25px;isolation:isolate;background:#121513;transition:transform .25s ease,border-color .25s ease}.link-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.48)}.link-card:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.88) 95%)}.link-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.strategy{background:radial-gradient(circle at 38% 30%,#726455 0 3%,transparent 4%),linear-gradient(135deg,#3a342b,#080a09 72%)}.projects{background:linear-gradient(145deg,#aaa79d 0,#4c4942 18%,#101312 56%)}.poetry{background:radial-gradient(circle at 67% 24%,#d8d6c9 0 4%,#666966 5%,#121513 22%,#070908 65%)}.tango{background:linear-gradient(130deg,#3a1f19,#a16d4c 42%,#0a0b0a 43% 65%,#5f3125)}.contact{background:radial-gradient(circle at 25% 35%,#d2a26c 0 3%,transparent 4%),linear-gradient(145deg,#493725,#0a0b0a 60%)}.card-index{position:absolute;top:16px;left:18px;font-size:10px;color:rgba(255,255,255,.56);letter-spacing:.12em}.card-copy{position:absolute;bottom:18px;left:18px;right:55px;display:flex;flex-direction:column}.card-copy strong{font-size:clamp(21px,5vw,30px);font-weight:500;letter-spacing:-.035em}.card-copy small{color:#afb3b0;font-size:11px;margin-top:4px}.arrow{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%}
footer{margin-top:76px;padding:48px 12px 16px;border-top:1px solid var(--line);text-align:center;color:#8b908d}.footer-mark{width:130px;height:70px;object-fit:contain;opacity:.9}footer p{max-width:320px;margin:15px auto 36px;color:#d7dad8;font-size:20px;line-height:1.35}footer span{font-size:10px;letter-spacing:.1em}@media(max-width:520px){.hero{min-height:1130px}.hero-photo{height:640px;object-position:center top}.profile-card{padding:21px;bottom:24px}.link-card{min-height:196px;border-radius:21px}.card-copy small{max-width:110px}}@media(min-width:900px){.site-shell{padding:36px 0}.hero,.content{box-shadow:0 0 80px rgba(255,255,255,.035)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link-card{transition:none}}

/* Imágenes definitivas de los accesos */
.link-card:before{background:linear-gradient(180deg,rgba(0,0,0,.05) 10%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.92) 100%)}
.link-card img{object-position:center;transition:transform .45s ease}
.link-card:hover img{transform:scale(1.035)}
.card-index{color:rgba(255,255,255,.72);text-shadow:0 1px 8px #000}
.card-copy strong,.card-copy small{text-shadow:0 2px 12px #000}
.card-copy small{color:#d3d6d4}
.arrow{border-color:rgba(255,255,255,.48);background:rgba(0,0,0,.28);backdrop-filter:blur(8px)}

/* Las piezas ya incluyen texto, flecha y borde: se muestran completas. */
.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.link-card{min-height:0;border:0;border-radius:0;overflow:hidden;background:transparent;isolation:auto}
.link-card:before{display:none}
.link-card img{position:static;display:block;width:100%;height:auto;object-fit:contain;transform:scaleX(var(--card-scale-x,1)) scaleY(var(--card-scale-y,1));transform-origin:center}
.link-card:hover{border-color:transparent}
.link-card:hover img{transform:scaleX(calc(var(--card-scale-x,1) * 1.008)) scaleY(calc(var(--card-scale-y,1) * 1.008))}
.link-card:nth-child(1){--card-scale-x:.935;--card-scale-y:1.015}
.link-card:nth-child(2){--card-scale-x:1.06;--card-scale-y:1.043}
.link-card:nth-child(3){--card-scale-x:1.008;--card-scale-y:1.009}
.link-card:nth-child(4){--card-scale-x:1.015;--card-scale-y:1.054}
@media(min-width:720px){.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Subpáginas */
.subpage-shell{min-height:100svh;max-width:760px;margin:auto;padding:24px clamp(20px,5vw,38px) 42px;background:radial-gradient(circle at 85% 14%,rgba(226,92,146,.17),transparent 28%),radial-gradient(circle at 10% 80%,rgba(70,188,224,.1),transparent 28%),#050706}
.subpage-header{display:flex;align-items:center;justify-content:space-between}.subpage-header img{width:116px;height:58px;object-fit:contain}.back-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:23px;background:rgba(10,12,11,.58);backdrop-filter:blur(12px);transition:background .2s ease}.back-button:hover{background:rgba(255,255,255,.12)}
.subpage-intro{padding:74px 0 38px}.subpage-intro h1,.construction-page h1{font-size:clamp(58px,15vw,96px);line-height:.9}.subpage-intro>p:last-child{max-width:420px;margin:23px 0 0;color:#aeb3b0;font-size:17px;line-height:1.55}
.contact-list{display:grid;gap:12px}.contact-row{display:flex;align-items:center;gap:17px;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.045);transition:transform .2s ease,border-color .2s ease,background .2s ease}.contact-row:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.075)}
.contact-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:17px;font-size:15px;font-weight:700;letter-spacing:-.04em;color:#fff}.contact-icon.whatsapp{background:linear-gradient(145deg,#32d96b,#148c43)}.contact-icon.email{background:linear-gradient(145deg,#f4f5f3,#aeb4b0);color:#101311;font-size:24px}.contact-icon.instagram{background:linear-gradient(145deg,#833ab4,#fd1d1d,#fcb045)}.contact-icon.linkedin{background:#0a66c2;font-family:Arial;font-size:22px}
.contact-copy{display:flex;min-width:0;flex:1;flex-direction:column}.contact-copy strong{font-size:17px;font-weight:600}.contact-copy small{margin-top:5px;color:#9da29f;font-size:13px;overflow-wrap:anywhere}.contact-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);font-size:18px}.subpage-footnote{margin:62px auto 0;text-align:center;color:#737975;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.construction-page{position:relative;display:grid;place-items:center;min-height:100svh;padding:28px;text-align:center;overflow:hidden;background:#050706}.construction-page:before{content:'';position:absolute;inset:0;opacity:.3;background-size:cover;background-position:center}.projects-page:before{background-image:linear-gradient(rgba(0,0,0,.5),#050706),url('/proyectos.jfif')}.tango-page:before{background-image:linear-gradient(rgba(0,0,0,.48),#050706),url('/tango.jfif')}.construction-page>.back-button{position:absolute;z-index:2;top:26px;left:26px}.construction-page>div{position:relative;z-index:1}.construction-page h1{margin-bottom:28px}.construction-page span{display:inline-block;padding:11px 17px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:11px;letter-spacing:.18em}.construction-page div>p:last-child{margin:20px 0 0;color:#9ea39f}
@media(max-width:520px){.subpage-intro{padding-top:62px}.contact-row{padding:13px;border-radius:19px}.contact-icon{flex-basis:48px;width:48px;height:48px;border-radius:15px}}
.projects-page:before{background-image:linear-gradient(rgba(0,0,0,.5),#050706),url('/assets/proyectos.jfif')}
.tango-page:before{background-image:linear-gradient(rgba(0,0,0,.48),#050706),url('/assets/tango.jfif')}

/* Portada compacta: la invitación a explorar entra en la primera pantalla. */
.hero{min-height:clamp(760px,90svh,820px)}.hero-photo{height:470px}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.03) 28%,rgba(3,5,4,.12) 48%,#050706 66%)}
.profile-card{bottom:18px;padding:19px 22px;border-radius:25px}.profile-card h1{font-size:clamp(39px,9vw,61px)}.profile-card .signature{height:64px;max-width:145px}.profile-card .handle{margin:13px 0 6px;font-size:14px}.profile-card .role{margin-bottom:14px;font-size:13px}.profile-card .profile-stats{padding:13px 0}.profile-card .profile-stats strong{font-size:21px}.profile-card .profile-stats span{max-width:120px;line-height:1.25}.profile-card .connect-button{padding:12px}
.content{padding-top:30px}.section-heading{margin-bottom:14px}.scroll-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:24px;animation:scroll-pulse 1.8s ease-in-out infinite}@keyframes scroll-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:520px){.hero{min-height:760px}.hero-photo{height:455px}.profile-card{padding:17px 18px}.profile-card .signature{width:105px;height:54px}.profile-card .profile-stats span{font-size:10px}.content{padding-top:27px}.section-heading{align-items:center}.section-heading h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.scroll-arrow{animation:none}}
.profile-card{background:linear-gradient(135deg,rgba(18,22,20,.15),rgba(5,7,6,.06));border-color:rgba(255,255,255,.2);backdrop-filter:blur(10px) saturate(118%);-webkit-backdrop-filter:blur(10px) saturate(118%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 26px 70px rgba(0,0,0,.34)}
.header-actions{display:flex;align-items:center;gap:10px}.language-switch{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.2);font-size:10px;letter-spacing:.08em}.language-switch a{color:#777d79}.language-switch a.active{color:#fff;font-weight:700}.language-switch span{color:#4f5551}.subpage-header .language-switch{margin-left:auto;margin-right:12px}.construction-language{position:absolute;z-index:2;top:30px;right:28px}
.english-card:after{content:'';position:absolute;z-index:1;left:7%;right:7%;bottom:5%;height:30%;background:linear-gradient(180deg,transparent 0,#030404 25%,#030404 100%);pointer-events:none}.translated-card-copy{position:absolute;z-index:2;left:14%;right:31%;bottom:11%;display:flex;flex-direction:column;text-shadow:0 2px 12px #000}.translated-card-copy strong{font-size:clamp(25px,5.2vw,38px);font-weight:500;letter-spacing:-.04em}.translated-card-copy small{margin-top:5px;color:#c5c9c6;font-size:clamp(11px,1.7vw,15px)}.translated-card-arrow{position:absolute;z-index:2;right:14%;bottom:10%;display:grid;place-items:center;width:clamp(42px,6vw,60px);height:clamp(42px,6vw,60px);border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:28px;background:rgba(8,10,9,.65)}
@media(max-width:520px){.hero-topbar{padding-left:16px;padding-right:16px}.brand-logo{width:112px}.header-actions{gap:6px}.language-switch{padding:6px 7px}.outline-button{padding:9px 12px}.translated-card-copy strong{font-size:31px}.translated-card-copy small{font-size:12px}.translated-card-arrow{width:48px;height:48px}}

/* Los títulos ingleses se adaptan a las dos columnas móviles. */
@media(max-width:719px){
.english-card:after{height:49%;background:linear-gradient(180deg,transparent 0,#030404 20%,#030404 100%)}
.translated-card-copy{left:12%;right:12%;bottom:23%}
.translated-card-copy strong{font-size:clamp(16px,4vw,25px);line-height:1.1}
.translated-card-copy small{font-size:12px;line-height:1.15;margin-top:3px}
.translated-card-arrow{width:25px;height:25px;font-size:17px;right:12%;bottom:5%}
}