/* IvánDíazLab · Internal surfaces, October 2026. Same visual language as home. */
.lab-body{--lab-ink:#111110;--lab-deep:#0B5C56;--lab-brand:#0F766E;--lab-mint:#7EE8D2;--lab-fog:#EAF0EE;--lab-body:#3F4442;--lab-muted:#5E5C58;background:#fff;color:var(--lab-ink);font-family:Inter,sans-serif;min-height:100vh;margin:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
.lab-body *{box-sizing:border-box}
.lab-body ::selection{background:var(--lab-mint);color:var(--lab-ink)}
.lab-body :focus-visible{outline:3px solid var(--lab-brand);outline-offset:5px;border-radius:4px}
.lab-body input,.lab-body textarea{caret-color:var(--lab-brand)}
.lab-body input::placeholder,.lab-body textarea::placeholder{color:var(--lab-muted);opacity:1}
.lab-body a{ text-underline-offset:5px }
.lab-body header{background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid #D5DEDB!important}
.lab-body header>div{max-width:1248px;height:80px;padding-inline:24px}
.lab-body header nav{gap:22px}
.lab-body header nav a{color:var(--lab-body);font-size:13px;font-weight:600}
.lab-body header nav a:hover{color:var(--lab-brand)}
.lab-body header [aria-current=page]{background:var(--lab-fog);border-color:#D5DEDB}
.lab-body #mobile-menu{backdrop-filter:none;background:#11111060}
.lab-body #mobile-menu>div{box-shadow:0 20px 55px #11111026}
.lab-page{background:#fff;color:var(--lab-body);flex:1}
.lab-container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.lab-section{padding-block:88px}
.lab-hero{padding-top:64px;padding-bottom:72px}
.lab-title{margin:0;color:var(--lab-ink);font-size:clamp(42px,6.5vw,92px);line-height:.98;font-weight:900;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:break-word}
.lab-heading{margin:0;color:var(--lab-ink);font-size:clamp(34px,4.5vw,60px);font-weight:850;line-height:1.03;letter-spacing:-.035em;text-wrap:balance}
.lab-lead{margin:0;color:var(--lab-body);max-width:56ch;font-size:clamp(18px,1.6vw,21px);line-height:1.5;text-wrap:pretty}
.lab-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.lab-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:999px;padding:16px 27px;background:var(--lab-mint);color:var(--lab-ink);font:700 16px/1.2 Inter,sans-serif;text-decoration:none;cursor:pointer;min-height:52px;transition:background-color .2s,translate .2s}
.lab-btn:hover{background:#9BF0DE;translate:0 -2px}
.lab-btn:active{translate:0 0}
.lab-btn:disabled{opacity:.6;cursor:wait;translate:none}
.lab-link{display:inline-flex;align-items:center;gap:8px;color:var(--lab-ink);font-weight:650;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.lab-link:hover{color:var(--lab-brand)}
.lab-art{margin:0;border-radius:28px;overflow:hidden;background:var(--lab-fog);isolation:isolate}
.lab-art img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .7s cubic-bezier(.16,1,.3,1)}
@media(hover:hover){a:hover .lab-art img,.lab-art:hover img{scale:1.025}}
.lab-dark{background:var(--lab-deep);color:#fff}
.lab-dark .lab-title,.lab-dark .lab-heading{color:#fff}
.lab-dark .lab-lead,.lab-dark p{color:#DDF3EE}
.lab-dark .lab-link{color:#fff}
.lab-dark .lab-link:hover{color:var(--lab-mint)}
.lab-body details>summary{cursor:pointer;list-style:none}
.lab-body details>summary::-webkit-details-marker{display:none}
.lab-body details>summary:focus-visible{outline-offset:3px}
.lab-body .lab-footer{background:#fff;border-top:1px solid #D5DEDB;padding-block:36px}
.lab-footer .lab-container{display:flex;align-items:center;justify-content:space-between;gap:28px}
.lab-footer p{font-size:13px;line-height:1.5;color:var(--lab-muted);margin:10px 0 0}
.lab-footer nav{display:flex;gap:22px;flex-wrap:wrap}
.lab-footer nav a{font-size:14px;color:var(--lab-body);font-weight:600;text-decoration:none}
.lab-footer nav a:hover{color:var(--lab-brand)}
.lab-body [data-lab-art]{position:relative}
.lab-body [data-lab-art]::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #11111008;border-radius:inherit}
@media(min-width:768px) and (max-width:1179px){.lab-body header nav{display:none}.lab-body #mobile-menu-toggle{display:flex}.lab-body #mobile-menu:not(.hidden){display:block}}
@media(max-width:679px){.lab-container{width:calc(100% - 40px)}.lab-section{padding-block:56px}.lab-hero{padding-top:40px;padding-bottom:44px}.lab-title{font-size:clamp(40px,10.5vw,64px);line-height:1.02}.lab-art{border-radius:20px}.lab-footer .lab-container{align-items:flex-start;flex-direction:column}.lab-body header>div{height:72px;padding-inline:20px}}
@media(max-width:380px){.lab-container{width:calc(100% - 32px)}.lab-body header>div{padding-inline:16px}.lab-title{font-size:38px}.lab-btn{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.lab-body *, .lab-body *::before,.lab-body *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.1s!important}.lab-body .lab-art img{scale:1!important}.lab-btn:hover{translate:none}}
@media print{.lab-body header,.lab-body #mobile-menu,.lab-footer{display:none}.lab-body details>*{display:block!important}.lab-body details>summary{display:block}.lab-section{padding-block:20px}.lab-art{max-height:260px}}
.lab-title>span{display:block}.lab-accent{color:var(--lab-brand)}
.lab-dark .lab-accent{color:var(--lab-mint)}
.lab-body .lab-art img{aspect-ratio:auto}
.lab-hero .lab-lead{margin-top:24px}.lab-hero .lab-actions{margin-top:28px}