:root{--bg: #05070b;--ink: #e8eef7;--line: rgba(120, 160, 220, .16);--font: "DM Sans", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;padding:1.25rem clamp(.85rem,3vw,2rem);background:linear-gradient(180deg,#05070bf5,#05070be0),radial-gradient(ellipse 80% 120% at 50% 0%,rgba(61,224,197,.14),transparent 70%);border-bottom:1px solid rgba(61,224,197,.28);box-shadow:0 0 40px #3de0c514,inset 0 -1px #3de0c51f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title{margin:0 auto;max-width:56rem;text-align:center;font-size:clamp(1.05rem,4.2vw,1.7rem);font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#e8eef7;text-shadow:0 0 24px rgba(61,224,197,.18)}.topbar-glow{color:#3de0c5;text-shadow:0 0 8px rgba(61,224,197,.85),0 0 22px rgba(61,224,197,.45),0 0 40px rgba(61,224,197,.2)}.main{min-height:60vh;display:flex;flex-direction:column;gap:1.35rem;padding:clamp(1.25rem,3vw,2rem) 0 clamp(2rem,4vw,3rem)}.section-panel{width:min(100% - 1.7rem,40rem);margin-inline:auto;padding:1.35rem 1.35rem 1.45rem;border:1px solid rgba(61,224,197,.28);background:#0a1018bf;box-shadow:0 0 24px #3de0c51f,0 0 60px #3de0c50f,inset 0 1px #ffffff0a}.section-panel>h1,.section-panel>h2{margin:0 0 .85rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em}.section-lead{margin:0 0 1.1rem;font-size:.95rem;line-height:1.6;color:#8b9bb0}.section-fauna{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.section-species,.section-diagrama,.section-antecedentes{width:min(100% - 1.7rem,56rem)}.section-antecedentes .antecedente{box-shadow:none}.section-antecedentes .antecedente:last-child{margin-bottom:0}.antecedente{width:100%;margin-bottom:1rem;padding:1.25rem 1.35rem 1.4rem;border:1px solid rgba(61,224,197,.28);background:#0a1018bf;box-shadow:0 0 24px #3de0c51f,0 0 60px #3de0c50f,inset 0 1px #ffffff0a}.antecedente:last-child{margin-bottom:0}.antecedente h3{margin:0 0 .65rem;font-size:1rem;font-weight:700}.antecedente h4{margin:0 0 .45rem;font-size:.88rem;font-weight:700;color:#3de0c5}.antecedente p{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:#8b9bb0}.section-fauna h1{margin:0 0 .75rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;text-align:left}.section-fauna-body{display:flex;align-items:stretch;justify-content:space-between;gap:1.25rem;width:100%}.section-fauna-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1rem}.section-fauna-desc{margin:0;font-size:.95rem;line-height:1.6;color:#8b9bb0}.section-fauna-thumb-wrap{flex:0 0 8.5rem;width:8.5rem;align-self:stretch}.section-fauna-thumb{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(61,224,197,.35);box-shadow:0 0 14px #3de0c526}.section-fauna-actions{display:flex;flex-wrap:wrap;gap:.65rem}.section-fauna-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.2rem;background:#3de0c5;color:#04110e;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease,border-color .2s ease}.section-fauna-btn:hover{background:#6ff0d8;transform:translateY(-1px)}.section-fauna-btn-alt{background:transparent;color:#3de0c5;border:1px solid rgba(61,224,197,.45)}.section-fauna-btn-alt:hover,.section-fauna-btn-alt.is-active{background:#3de0c51f;border-color:#3de0c5;color:#6ff0d8;transform:translateY(-1px)}.token-summary{width:100%;margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid rgba(61,224,197,.2)}.token-summary h2{margin:0 0 .65rem;font-size:1.05rem;font-weight:700}.token-summary h3{margin:1rem 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3de0c5}.token-summary p,.token-summary li{margin:0;font-size:.9rem;line-height:1.55;color:#8b9bb0}.token-summary p+p{margin-top:.65rem}.token-summary strong{color:#e8eef7;font-weight:600}.token-summary ol,.token-summary ul{margin:.35rem 0 0;padding-left:1.15rem;color:#8b9bb0}.token-summary li{margin-bottom:.35rem}.token-summary li:last-child{margin-bottom:0}.token-note{margin-top:.9rem!important;font-size:.8rem!important}.token-note a{color:#3de0c5;text-decoration:none;word-break:break-all}.token-note a:hover{text-decoration:underline}.section-species,.species-tokens{display:flex;flex-direction:column;gap:1rem}.species-tokens-intro{padding:.25rem 0 .5rem}.species-kicker{margin:0 0 .55rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3de0c5}.species-tokens-intro h2{margin:0 0 .55rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em}.species-tokens-intro p{margin:0;max-width:36rem;font-size:.95rem;line-height:1.6;color:#8b9bb0}.species-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:1.15rem;padding:1.1rem;border:1px solid rgba(61,224,197,.28);background:#0a1018bf;box-shadow:0 0 24px #3de0c51a,inset 0 1px #ffffff0a}.species-card-reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}.species-card-reverse .species-card-media{order:2}.species-card-reverse .species-card-body{order:1}.species-card-media{position:relative;overflow:hidden;border:1px solid rgba(61,224,197,.35);min-height:14rem;box-shadow:0 0 14px #3de0c51f}.species-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.species-card:hover .species-card-media img{transform:scale(1.04)}.species-card-badge{position:absolute;top:.7rem;left:.7rem;padding:.35rem .55rem;border:1px solid rgba(61,224,197,.45);background:#05070bbf;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3de0c5}.species-card-badge-alt{border-color:#60a5fa80;color:#7db7ff}.species-card-meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:.75rem;padding:1.6rem .75rem .7rem;background:linear-gradient(transparent,#05070beb);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.species-card-meta span:last-child{color:#3de0c5}.species-card-body{display:flex;flex-direction:column;justify-content:center;padding:.25rem .35rem .25rem 0}.species-label{margin:0 0 .45rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3de0c5}.species-label-alt{color:#7db7ff}.species-card-body h3{margin:0 0 .4rem;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:700;letter-spacing:-.02em}.species-card-body h3 em{font-style:normal;color:#8b9bb0}.species-role{margin:0 0 .85rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7c92}.species-card-body p:last-child{margin:0;font-size:.95rem;line-height:1.6;color:#8b9bb0}.species-card-body strong{color:#e8eef7;font-weight:600}@media(max-width:820px){.species-card,.species-card-reverse{grid-template-columns:1fr}.species-card-reverse .species-card-media,.species-card-reverse .species-card-body{order:initial}.species-card-media{min-height:16rem;aspect-ratio:1 / 1}}.pipe-intro{margin:0 0 1rem;max-width:40rem;font-size:.95rem;line-height:1.6;color:#8b9bb0}.pipeline{display:flex;flex-direction:column;gap:0;margin-bottom:1.1rem;border:1px solid rgba(61,224,197,.18);background:#05070b73;overflow:hidden}.pipe-step{padding:1rem 1.2rem}.pipe-step-end{background:#3de0c514}.pipe-num{display:inline-block;margin-bottom:.35rem;font-size:.65rem;font-weight:700;letter-spacing:.14em;color:#3de0c5}.pipe-step strong{display:block;margin-bottom:.2rem;font-size:1rem;line-height:1.25}.pipe-role{margin:0 0 .4rem!important;font-size:.7rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7c92!important}.pipe-step p{margin:0;max-width:36rem;font-size:.88rem;line-height:1.5;color:#8b9bb0}.pipe-join{display:flex;align-items:center;justify-content:center;height:1.35rem;color:#3de0c5;font-size:.85rem;background:#3de0c50f;border-block:1px solid rgba(61,224,197,.15)}.legal-note{margin:0 0 1rem;padding:1.1rem 1.2rem;border:1px solid rgba(61,224,197,.28);background:#0a1018bf;box-shadow:0 0 20px #3de0c514}.legal-note h3{margin:0 0 .5rem;font-size:.9rem;font-weight:700}.legal-note p{margin:0;font-size:.88rem;line-height:1.6;color:#8b9bb0}.legal-note strong{color:#e8eef7}.tech-label{margin:0 0 .5rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3de0c5}.tech-chips{display:flex;flex-wrap:wrap;gap:.45rem}.tech-chips span{padding:.4rem .7rem;border:1px solid rgba(61,224,197,.28);background:#0a1018bf;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#c5d0dc}@media(max-width:640px){.topbar{padding:1rem .85rem}.topbar-title{font-size:clamp(1.05rem,5.2vw,1.35rem);line-height:1.28}.main{gap:1rem;padding-bottom:2rem}.section-panel,.section-species,.section-diagrama,.section-antecedentes{width:calc(100% - 1.5rem);padding:1.1rem 1rem 1.2rem}.section-fauna-body{flex-direction:column;gap:.85rem}.section-fauna-thumb-wrap{flex:none;width:100%;height:10rem}.section-fauna-actions{width:100%;flex-direction:column}.section-fauna-btn{width:100%;text-align:center}.antecedente{padding:1.1rem 1rem 1.2rem}.antecedente h3{font-size:.95rem;line-height:1.35}.pipe-step{padding:.9rem 1rem}.pipe-step strong{font-size:.95rem}.tech-chips span{font-size:.68rem}.species-card,.species-card-reverse{grid-template-columns:1fr}.species-card-media{min-height:12rem}}@media(prefers-reduced-motion:reduce){.topbar-glow{text-shadow:0 0 8px rgba(61,224,197,.4)}}