*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0D0700;--surface: #160C02;--border: #261506;--text-primary: #FFF5E6;--text-secondary: #A06820;--text-muted: #4A2C0A;--gold: #C87820;--cream: #FFF5E6;--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--ui-font: "Space Grotesk", "Inter", system-ui, sans-serif}html{font-size:16px;scroll-behavior:smooth}body{background:var(--black);background-image:radial-gradient(ellipse 90% 60% at 18% 100%,rgba(200,120,32,.35) 0%,transparent 58%),radial-gradient(ellipse 65% 48% at 82% 92%,rgba(180,88,12,.18) 0%,transparent 54%),linear-gradient(175deg,#0d0700,#160c02);color:var(--text-primary);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border)}.directory{min-height:100dvh;background:transparent;position:relative;z-index:1}.category-filter{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:0;padding:0;background:#0d0700e6;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.nav-wordmark{font-family:var(--serif);font-size:.88rem;font-weight:600;font-style:italic;letter-spacing:.05em;color:var(--gold);opacity:.8;padding:0 1.375rem;border-right:1px solid var(--border);white-space:nowrap;height:44px;display:flex;align-items:center;flex-shrink:0}.filter-btn{display:flex;align-items:center;gap:.4rem;padding:0 1rem;height:44px;border:none;border-right:1px solid var(--border);border-radius:0;font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);background:transparent;transition:color .2s ease,background .2s ease;font-family:var(--ui-font);white-space:nowrap;flex-shrink:0}.filter-btn:hover{color:var(--text-secondary);background:#c878200f}.filter-btn.active{color:var(--cream);background:#c878201f}.filter-btn svg{width:12px;height:12px;flex-shrink:0;opacity:.45}.filter-btn.active svg{opacity:1}.masonry-grid{display:grid;gap:1px;background:var(--border)}.masonry-col{display:flex;flex-direction:column;gap:1px}.profile-card{position:relative;overflow:hidden;cursor:pointer;background:var(--surface);display:block;opacity:0;transition:opacity .4s ease var(--card-delay, 0s)}.profile-card.entered{opacity:1}.profile-card:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.card-image-wrap{position:relative;width:100%;overflow:hidden}.card-image-wrap.aspect-tall{padding-bottom:138%}.card-image-wrap.aspect-medium{padding-bottom:112%}.card-image-wrap.aspect-wide{padding-bottom:80%}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .9s cubic-bezier(.25,.46,.45,.94);filter:brightness(.88) saturate(.75)}.profile-card:hover .card-img{transform:scale(1.05);filter:brightness(.68) saturate(.62)}.card-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;opacity:.45;transition:opacity .6s ease}.profile-card:hover .card-bg-gradient{opacity:.25}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,5,0,.98) 0%,rgba(10,5,0,.92) 22%,rgba(10,5,0,.68) 44%,rgba(10,5,0,.25) 66%,rgba(10,5,0,.04) 82%,transparent 100%);pointer-events:none}.card-impact-badge{position:absolute;top:.875rem;left:.875rem;display:inline-flex;align-items:center;padding:.25rem .72rem .3rem;background:#0a050099;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(200,120,32,.3);border-radius:100px;font-family:var(--serif);font-size:.78rem;font-weight:600;font-style:italic;letter-spacing:.04em;opacity:0;transform:translateY(-8px);transition:opacity .45s ease var(--badge-delay, 0s),transform .45s cubic-bezier(.16,1,.3,1) var(--badge-delay, 0s)}.profile-card.entered .card-impact-badge{opacity:.88;transform:translateY(0)}.profile-card.settled .card-impact-badge{transition:opacity .22s ease 0s,transform .22s ease 0s}.profile-card.settled:hover .card-impact-badge{opacity:1;transform:scale(1.05) translateY(0)}.category-badge{position:absolute;top:.875rem;right:.875rem;width:26px;height:26px;border-radius:50%;background:#0a050085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,245,230,.07);transition:opacity .25s ease}.profile-card:hover .category-badge{opacity:0}.category-badge svg{width:11px;height:11px}.card-content{position:absolute;bottom:0;left:0;right:0;padding:0 1.25rem 1.75rem}.card-revenue-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .46s cubic-bezier(.16,1,.3,1)}.profile-card:hover .card-revenue-wrap{grid-template-rows:1fr}.card-revenue-highlight{font-family:var(--serif);font-size:clamp(.82rem,1.55vw,1.15rem);font-weight:600;font-style:italic;color:#fff5e6e6;line-height:1.45;padding-left:.75rem;padding-bottom:.875rem;border-left-width:1.5px;border-left-style:solid;min-height:0;overflow:hidden}.card-name-clip{overflow:hidden;padding-bottom:.06em;margin-bottom:.45rem}.card-name{font-size:clamp(1.8rem,4.2vw,3.6rem);font-weight:900;line-height:.97;color:var(--cream);letter-spacing:-.03em;text-shadow:0 3px 32px rgba(10,5,0,.9);display:block;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;opacity:0;transition:opacity .7s ease var(--name-delay, 0s),transform .42s cubic-bezier(.16,1,.3,1) 0s}.profile-card.entered .card-name{opacity:1}.profile-card.settled .card-name{transition:opacity 0s ease 0s,transform .42s cubic-bezier(.16,1,.3,1) 0s}.profile-card.settled:hover .card-name{transform:translateY(-8px)}.card-companies{font-family:var(--ui-font);font-size:.55rem;font-weight:500;letter-spacing:.17em;color:var(--cream);text-transform:uppercase;opacity:0;transition:opacity .4s ease var(--company-delay, 0s)}.profile-card.entered .card-companies{opacity:.32}.profile-card.settled .card-companies{transition:opacity .26s ease 0s}.profile-card.settled:hover .card-companies{opacity:1}.card-accent-bar{height:2px;width:100%;position:absolute;bottom:0;left:0;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.16,1,.3,1)}.profile-card:hover .card-accent-bar{transform:scaleX(1)}.profile-page{min-height:100dvh;background:var(--black)}.profile-hero{position:relative;height:100dvh;overflow:hidden}.profile-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.profile-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0d070014,#0d070000 20%,#0d07008c 65%,#0d0700f7)}.profile-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;opacity:.32}.profile-hero-content{position:absolute;bottom:0;left:0;right:0;padding:clamp(2rem,5vw,4rem)}.profile-categoria-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .75rem .3rem .45rem;background:#fff5e60f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,245,230,.1);border-radius:100px;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff5e699;margin-bottom:1.25rem}.profile-categoria-badge svg{width:12px;height:12px}.profile-nombre{font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:.93;color:var(--cream);letter-spacing:-.03em;margin-bottom:1.25rem;text-shadow:0 4px 40px rgba(13,7,0,.6);word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.profile-empresa-line{font-family:var(--ui-font);font-size:.68rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#fff5e659;margin-bottom:.2rem}.profile-impacto-word{display:inline-block;font-size:clamp(6rem,22vw,18rem);font-weight:900;line-height:.85;letter-spacing:-.04em;-webkit-text-stroke:1px rgba(255,245,230,.1);color:transparent;opacity:.1;position:absolute;right:-.02em;bottom:.5rem;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--profile-font)}.profile-body{max-width:820px;margin:0 auto;padding:clamp(2.5rem,6vw,6rem) clamp(1.5rem,4vw,3rem)}.profile-section{margin-bottom:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--border)}.profile-section:last-child{border-bottom:none}.section-label{font-size:.55rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;font-family:var(--ui-font)}.profile-revenue{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;color:var(--accent-color, var(--gold));line-height:1.15;font-family:var(--profile-font);letter-spacing:-.02em}.profile-motivacion{font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.78;color:var(--text-secondary);font-family:var(--ui-font);font-weight:300}.hallazgos-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.hallazgo-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem 1.5rem;background:#fff5e605;border:1px solid var(--border);border-radius:2px;font-size:.88rem;line-height:1.7;color:var(--text-secondary);font-family:var(--ui-font);transition:background .2s ease,border-color .2s ease}.hallazgo-item:hover{background:#fff5e60a;border-color:#fff5e614}.hallazgo-num{font-size:.58rem;font-weight:700;letter-spacing:.1em;color:var(--accent-color, var(--gold));flex-shrink:0;margin-top:.2rem;opacity:.75}.tags-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.4rem .9rem;background:#fff5e608;border:1px solid var(--border);border-radius:2px;font-size:.7rem;font-weight:500;color:var(--text-secondary);font-family:var(--ui-font);letter-spacing:.04em;transition:background .15s ease}.tag:hover{background:#fff5e60f}.tag.tool{background:transparent;border-color:color-mix(in srgb,var(--accent-color, var(--gold)) 35%,transparent);color:color-mix(in srgb,var(--accent-color, var(--gold)) 75%,var(--cream))}.back-btn{position:fixed;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;gap:.45rem;padding:.5rem .875rem .5rem .6rem;background:#0d0700ad;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,245,230,.08);border-radius:2px;font-size:.58rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff5e680;transition:all .2s ease;font-family:var(--ui-font)}.back-btn:hover{background:#190e00eb;color:var(--cream);border-color:#fff5e626}.back-btn svg{width:13px;height:13px}@media (max-width: 720px){.card-name{font-size:clamp(1.7rem,7vw,3rem);letter-spacing:-.02em}.card-content{padding:0 1rem 1.5rem}.card-revenue-highlight{font-size:clamp(.78rem,2.4vw,1rem)}}@media (max-width: 520px){.card-name{font-size:clamp(1.4rem,6.5vw,2.4rem)}.card-content{padding:0 .875rem 1.25rem}.card-impact-badge{font-size:.7rem;padding:.2rem .55rem}.profile-nombre{font-size:clamp(2.2rem,11vw,3.5rem)}.profile-body{padding:2rem 1.25rem}}@media (max-width: 380px){.card-name{font-size:clamp(1.2rem,5.8vw,1.8rem)}.card-content{padding:0 .625rem 1rem}.category-badge{width:22px;height:22px;top:.5rem;right:.5rem}.card-impact-badge{top:.5rem;left:.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}