/* danieladelosrios.com — base (generado desde Figma; ver tools/build.py) */
:root{--ink:#2a383a;--ink-dark:#1c2527;--paper:#fffdf8;--white:#fff;--cream:#f7f2e8;--cream-light:#faf7f2;--teal:#068977;--teal-tint:#e6f6f3;--mint:#95ca92;--green-tint:#e3f1d9;--pink:#ff74df;--pink-light:#fec1f0;--orange:#ff7a3d;--peach:#ffe1d0}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
main{display:contents}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p{margin:0;font-weight:inherit}
[class^="t-"],[class*=" t-"]{white-space:pre-line;overflow-wrap:break-word}
em{font-style:italic}
img{display:block;max-width:none}
a{color:inherit;text-decoration:none}
a:hover{opacity:.88}
a:focus-visible,[tabindex]:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px}
.skip:focus{left:8px}
.nowrap-d{white-space:pre}
[data-full]{cursor:zoom-in}
/* marquee */
.marquee{overflow:hidden}
.marquee-track{display:flex;width:max-content;animation:marq 45s linear infinite}
.marquee-track>*{padding-right:.4em}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}html{scroll-behavior:auto}}
/* filtros */
[data-filter]{cursor:pointer;user-select:none}
.is-hidden{display:none!important}
/* 404 */
.notfound{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:96px clamp(16px,4.4vw,64px)}
.btn{display:inline-block;background:var(--teal);color:#fff;font:700 15px 'Manrope',sans-serif;padding:16px 28px;border-radius:999px}
/* lightbox */
.lb{position:fixed;inset:0;z-index:1000;background:var(--ink-dark);display:grid;grid-template-rows:auto 1fr;color:var(--paper)}
.lb[hidden]{display:none}
.lb-top{display:flex;align-items:center;gap:24px;padding:36px clamp(16px,3.3vw,48px) 16px}
.lb-count{font:500 15px 'Manrope',sans-serif;opacity:.75;min-width:52px}
.lb-title{flex:1;font:italic 400 clamp(20px,1.95vw,28px)/1.2 'DM Serif Display',serif;text-align:center}
.lb-btn{width:56px;height:56px;border-radius:999px;border:0;background:var(--paper);color:var(--ink);font:700 20px 'Manrope',sans-serif;cursor:pointer;display:grid;place-items:center;flex:none}
.lb-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:8px clamp(16px,8vw,120px) 40px;min-height:0}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:72px;height:72px;font:500 34px/1 'Manrope',sans-serif}
.lb-prev{left:clamp(8px,2.2vw,32px)}.lb-next{right:clamp(8px,2.2vw,32px)}
body.lb-open{overflow:hidden}
/* responsive (diseño desktop 1440) */
@media (max-width:900px){
  .stack-m{flex-direction:column!important;align-items:flex-start!important}
  .stack-m>*{flex:none!important;max-width:100%!important}
  .stack-m>.full-m{width:100%!important;align-self:stretch!important}
  .wrap-m{flex-wrap:wrap!important}
  .grid2-m{flex-wrap:wrap!important;gap:12px!important;align-items:flex-start!important}
  .grid2-m>*{flex:none!important;width:calc(50% - 6px)!important;max-width:none!important}
  .hdr-m{flex-wrap:wrap!important;row-gap:12px!important}
  .hdr-m>nav{width:100%;justify-content:space-between!important;gap:8px!important}
  .fh{height:auto!important;flex:none!important}
  .nowrap-d{white-space:pre-line;flex-shrink:1!important;min-width:0}
  .absgrid-m{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:auto!important;height:auto!important}
  .absgrid-m>*{position:static!important;width:auto!important;height:auto!important;transform:none!important;aspect-ratio:var(--ar)}
  .cols-m{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;align-items:start!important}
  .cols-m>*{display:contents!important}
  .cols-m>*>*{width:auto!important;min-width:0}
  .cols-m>*>*{align-self:start!important}
  .cols-m [data-cat]>div:last-child{flex-direction:column!important;align-items:flex-start!important;gap:6px}
  .cols-m [data-cat] p,.cols-m [data-cat] span{font-size:13px;overflow-wrap:normal}
  .lb-nav{width:52px;height:52px;font-size:26px;top:auto;bottom:16px;transform:none}
  .lb-stage{padding:8px 12px 84px}
  .lb-top{padding-top:20px}
}

/* estilos de texto (Figma) */
.t-brand-logo{font-family:'DM Serif Display', serif;font-weight:400;font-style:italic;font-size:clamp(24px, 2.08vw, 30px);line-height:normal}
.t-ui-nav{font-family:'Manrope', sans-serif;font-weight:500;font-style:normal;font-size:15px;line-height:normal}
.t-ui-button-s{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:normal}
.t-label-eyebrow{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:13px;line-height:normal;letter-spacing:0.12em}
.t-x-484a3{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(54px, 7.5vw, 108px);line-height:0.98;letter-spacing:-0.02em}
.t-x-f7c5e{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:19px;line-height:1.6}
.t-ui-button{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:15px;line-height:normal}
.t-label-overline{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:11px;line-height:normal;letter-spacing:0.14em}
.t-x-8fa9b{font-family:'IBM Plex Serif', serif;font-weight:500;font-style:normal;font-size:17px;line-height:normal}
.t-x-32a92{font-family:'DM Serif Display', serif;font-weight:400;font-style:italic;font-size:clamp(29.76px, 3.33vw, 48px);line-height:normal}
.t-x-2e8d8{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:normal}
.t-x-589fc{font-family:'DM Serif Display', serif;font-weight:400;font-style:italic;font-size:clamp(28.8px, 2.5vw, 36px);line-height:normal}
.t-x-bb739{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(32px, 4.44vw, 64px);line-height:1.05;letter-spacing:-0.01em}
.t-x-ab041{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:17px;line-height:normal}
.t-ui-tiny{font-family:'Manrope', sans-serif;font-weight:500;font-style:normal;font-size:12px;line-height:normal}
.t-x-9522e{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(34.72px, 3.89vw, 56px);line-height:1.08;letter-spacing:-0.01em}
.t-body-l{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:1.65}
.t-x-64987{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(32px, 4.44vw, 64px);line-height:normal;letter-spacing:-0.01em}
.t-ui-card-title{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:normal}
.t-x-d8584{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(38px, 5.28vw, 76px);line-height:1;letter-spacing:-0.01em}
.t-ui-link{font-family:'Manrope', sans-serif;font-weight:500;font-style:normal;font-size:14px;line-height:normal}
.t-x-ae761{font-family:'DM Serif Display', serif;font-weight:400;font-style:italic;font-size:clamp(52px, 7.22vw, 104px);line-height:0.98;letter-spacing:-0.02em}
.t-serif-meta-17{font-family:'IBM Plex Serif', serif;font-weight:500;font-style:normal;font-size:17px;line-height:1.4}
.t-heading-h4-40{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(24.8px, 2.78vw, 40px);line-height:1.12}
.t-heading-next-72{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(36px, 5vw, 72px);line-height:normal;letter-spacing:-0.02em}
.t-x-0b35c{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(36px, 5vw, 72px);line-height:0.98;letter-spacing:-0.02em}
.t-x-d15bb{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(24.8px, 2.78vw, 40px);line-height:1.12;letter-spacing:-0.01em}
.t-x-7d3c5{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(52px, 7.22vw, 104px);line-height:0.98;letter-spacing:-0.02em}
.t-x-4815d{font-family:'IBM Plex Serif', serif;font-weight:500;font-style:normal;font-size:clamp(19.2px, 1.67vw, 24px);line-height:1.4}
.t-x-55df6{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(52px, 7.22vw, 104px);line-height:0.96;letter-spacing:-0.02em}
.t-x-784be{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(28.52px, 3.19vw, 46px);line-height:1.12;letter-spacing:-0.01em}
.t-body-m{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:17px;line-height:1.65}
.t-x-1313b{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(27.28px, 3.06vw, 44px);line-height:normal;letter-spacing:-0.01em}
.t-ui-caption{font-family:'Manrope', sans-serif;font-weight:500;font-style:normal;font-size:13px;line-height:normal}
.t-x-edf2e{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:13px;line-height:normal}
.t-x-63897{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(44px, 6.11vw, 88px);line-height:0.98;letter-spacing:-0.02em}
.t-x-2cb0b{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(32.24px, 3.61vw, 52px);line-height:1.12}
.t-x-131fb{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:17px;line-height:normal}
.t-heading-next-96{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(48px, 6.67vw, 96px);line-height:normal;letter-spacing:-0.02em}
.t-x-f2d1f{font-family:'IBM Plex Serif', serif;font-weight:500;font-style:normal;font-size:20px;line-height:normal}
.t-x-a3f79{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:normal}
.t-x-e36d5{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(27.28px, 3.06vw, 44px);line-height:1.12;letter-spacing:-0.01em}
.t-x-b3950{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:normal;letter-spacing:0.12em}
.t-x-6b544{font-family:'IBM Plex Serif', serif;font-weight:500;font-style:normal;font-size:clamp(22.4px, 1.94vw, 28px);line-height:1.25}
.t-x-df4dd{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.65}
.t-label-small{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:normal;letter-spacing:0.08em}
.t-serif-meta-18{font-family:'IBM Plex Serif', serif;font-weight:500;font-style:normal;font-size:18px;line-height:1.4}
.t-display-104-italic{font-family:'DM Serif Display', serif;font-weight:400;font-style:italic;font-size:clamp(52px, 7.22vw, 104px);line-height:0.98;letter-spacing:-0.02em}
.t-body-s{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:15px;line-height:1.6}
.t-x-28d19{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(28.8px, 2.5vw, 36px);line-height:1.15;letter-spacing:-0.01em}
.t-x-389c1{font-family:'Manrope', sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:normal}
.t-x-ebbaf{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(42px, 5.83vw, 84px);line-height:0.98;letter-spacing:-0.02em}
.t-x-5cd8f{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(30.4px, 2.64vw, 38px);line-height:1.15;letter-spacing:-0.01em}
.t-x-1a644{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(48px, 6.67vw, 96px);line-height:0.98;letter-spacing:-0.02em}
.t-x-48258{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(24.8px, 2.78vw, 40px);line-height:1.12;letter-spacing:-0.01em}
.t-lightbox-index{font-family:'DM Serif Display', serif;font-weight:400;font-style:italic;font-size:clamp(19.2px, 1.67vw, 24px);line-height:normal}
.t-serif-lead-20{font-family:'IBM Plex Serif', serif;font-weight:500;font-style:normal;font-size:20px;line-height:1.3}
.t-x-3d0d8{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(29.76px, 3.33vw, 48px);line-height:1.12}
.t-x-fad3b{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(24.8px, 2.78vw, 40px);line-height:1.12}
.t-x-ed0ae{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:normal}
.t-x-d8b75{font-family:'Manrope', sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:normal;letter-spacing:0.1em}
.t-x-5d4a8{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(32px, 4.44vw, 64px);line-height:0.98;letter-spacing:-0.02em}
.t-x-215ec{font-family:'IBM Plex Serif', serif;font-weight:400;font-style:normal;font-size:clamp(27.28px, 3.06vw, 44px);line-height:1.12}