@import url('theme.css');
html[data-theme] .contact .button{color:var(--bg)}
:root{color-scheme:light;--bg:#f6f7fb;--ink:#19233b;--muted:#536079;--panel:#e9edf6;--line:#77849b;--accent:#5943b5;--violet:#5943b5}html[data-theme=dark]{--bg:#101218;--ink:#f5f7ff;--muted:#b2bbcf;--panel:#1b2130;--line:#78869c;--accent:#71ddf5;--violet:#b8a6ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1300px;margin:auto;padding-left:48px;padding-right:48px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:110px}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.6px}.brand img{width:70px;height:60px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.8px;margin-top:7px;font-weight:400}nav{display:flex;gap:24px;align-items:center;font-size:13px}nav a[aria-current]{color:var(--accent)}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--bg);padding:15px;border:1px solid var(--accent)}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:65px 0 75px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}h1{font-size:clamp(55px,5.7vw,78px);font-weight:500;letter-spacing:-3.8px;line-height:1.04;margin:25px 0}h1 em{font-style:normal;color:var(--violet)}p{line-height:1.75;color:var(--muted);font-size:16px;max-width:540px}.hero p{margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:16px 23px;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:650;font-size:13px;min-height:48px}.button:hover{filter:brightness(1.08)}.outline{background:transparent;color:var(--ink);border-color:var(--line)}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding:10px 0;display:inline-block}.stacked{display:table;margin-top:15px}.hero-visual{position:relative;overflow:hidden;border-radius:18px;background:#131923;min-width:0}.hero-visual>img{width:100%;height:500px;object-fit:cover;display:block}.image-label{position:absolute;top:20px;left:20px;color:#e2e9f8;background:#11151edb;padding:9px 11px;border-radius:20px;font-size:8px;letter-spacing:1px}.visual-link{position:absolute;bottom:20px;left:20px;color:#fff;border:1px solid #c2cbd8;border-radius:25px;padding:12px 18px;font-size:12px;background:#101218ba}.strip{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:var(--muted)}section{padding:60px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-heading p{max-width:330px;font-size:14px}h2{font-size:38px;letter-spacing:-1.4px;line-height:1.15;font-weight:500;margin:16px 0}h3{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.3px;margin:10px 0}.category-nav{gap:10px;flex-wrap:wrap}.category-nav a{padding:12px 17px;border:1px solid var(--line);border-radius:25px;font-size:12px;min-height:44px}.category-nav a:hover{background:var(--panel)}#trabajos{padding-bottom:5px}.section-title{display:flex;gap:20px;align-items:baseline;margin-bottom:22px}.section-title>span{font-size:11px;color:var(--accent)}.section-title h2{margin:0}.section-copy{max-width:650px;font-size:15px;margin-bottom:30px}.grid{display:grid;gap:25px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.presentation{margin:0;min-width:0}.presentation img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#11151e;display:block;border-radius:14px;height:auto}.presentation figcaption{font-size:9px;letter-spacing:.4px;color:var(--muted);padding:10px 0}.work-info{display:flex;justify-content:space-between;gap:15px;align-items:center}.work h3{font-size:20px}.work p{font-size:14px;margin:4px 0}.small-action{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:25px;padding:11px 14px;min-height:44px;font-size:11px;white-space:nowrap;display:inline-flex;align-items:center}.small-action:hover{color:var(--accent);border-color:var(--accent)}.inline-note{margin-top:30px;background:var(--panel);padding:22px 28px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.inline-note p{font-size:14px;margin:5px 0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.feature .button{margin-top:15px}.reverse>.presentation{order:2}.fine{font-size:13px}.contact{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border-radius:20px;padding:42px;margin:45px 0;gap:45px}.contact p{font-size:15px;margin-bottom:0}.contact .button{flex-shrink:0;background:var(--accent);color:var(--bg)}footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:32px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.back{display:inline-block;margin-top:30px;font-size:12px;color:var(--muted)}.detail-hero{padding-top:35px}.details-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.details-strip span{font-size:9px;letter-spacing:1.4px;color:var(--accent)}.details-strip p{font-size:13px}.details-strip h3{font-size:20px}.real-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.real-gallery figure{margin:0}.photo-button{background:var(--panel);border:0;padding:0;width:100%;border-radius:12px;overflow:hidden}.photo-button img{width:100%;height:380px;object-fit:contain;background:var(--panel);display:block;transition:transform .2s}.photo-button:hover img{transform:scale(1.025)}.real-gallery figcaption{font-size:9px;letter-spacing:1px;color:var(--muted);padding:13px 0}.video-block{margin-top:35px;display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center;background:var(--panel);padding:30px;border-radius:15px}.video-block h3{font-size:27px}.video-block p{font-size:14px}.video-block video{display:block;width:100%;max-height:450px;background:#101218;border-radius:10px}dialog{max-width:min(800px,calc(100% - 30px));max-height:calc(100dvh - 30px);overflow:auto;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#05070cdc}dialog h3{margin-top:5px}dialog p{color:var(--muted)}#photo-dialog{width:850px;padding-top:65px}#photo-expanded{display:block;width:100%;max-height:70vh;object-fit:contain;background:var(--panel)}.close-photo{position:absolute;right:14px;top:12px;width:44px;height:44px;background:var(--panel);color:var(--ink);font-size:25px;border:1px solid var(--line);border-radius:50%}#photo-caption{font-size:14px}.theme-help{z-index:30}#theme-options .button{margin:8px 0}@media(max-width:1000px){header,main,footer{padding-left:30px;padding-right:30px}.hero{gap:30px}h1{font-size:60px}.hero-visual>img{height:460px}.feature{gap:35px}.work-info{align-items:flex-start;flex-wrap:wrap}.contact{padding:30px;gap:25px}.contact .button{max-width:210px}.brand{font-size:17px}nav{gap:17px}.real-gallery img{height:300px}}@media(max-width:650px){header,main,footer{padding-left:22px;padding-right:22px}header{min-height:95px;gap:14px}.brand{font-size:15px;gap:8px}.brand img{width:45px;height:45px}.brand small{font-size:7px;letter-spacing:.7px}header nav{gap:12px}header nav>a{display:none}header nav>a[aria-current]{display:block;font-size:11px}.hero{grid-template-columns:1fr;padding:32px 0 40px;gap:30px}h1{font-size:58px;letter-spacing:-3px;margin:22px 0}.hero p{font-size:15px}.hero-visual>img{height:auto;aspect-ratio:4/3;object-fit:contain}.strip{font-size:8px;letter-spacing:.6px;gap:14px;line-height:1.5}.strip span{flex:1}h2{font-size:32px}.section-heading{display:block}.section-heading p{max-width:none}.section-title{gap:12px}.two,.three,.feature,.details-strip,.video-block{grid-template-columns:1fr}.grid{gap:30px}section{padding:40px 0}.work-info{flex-wrap:nowrap;align-items:center}.feature{gap:25px}.reverse>.presentation{order:0}.feature h2{margin-top:8px}.contact{display:block;padding:27px;margin:30px 0}.contact .button{margin-top:25px;max-width:none}.contact h2{font-size:31px}.real-gallery{grid-template-columns:1fr;gap:20px}.real-gallery img{height:390px;object-fit:contain;background:var(--panel)}.video-block{padding:22px;gap:20px}.video-block video{max-height:420px}.details-strip{gap:22px}.details-strip p{margin-bottom:0}.inline-note{display:block;padding:24px}.inline-note button{margin-top:15px}.back{margin-top:22px}footer{display:block;line-height:1.7}footer a{display:block;margin-top:15px}.category-nav{gap:8px}.category-nav a{font-size:10px;padding:11px 13px}.actions{gap:18px}dialog{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-button img{transition:none}}

.detail-hero .hero-visual>img{object-fit:contain} .detail-hero h1{font-size:clamp(44px,5vw,68px);overflow-wrap:anywhere} @media(max-width:650px){.detail-hero h1{font-size:46px;letter-spacing:-2px}}