:root{--grafito:#0b0c0e;--superficie:#1b1e24;--hueso:#f2f2f3;--niebla:#a1a9b6;--naranja:#ff6a00;--dorado:#e8b84b;--proteina:#6ba6f5;--carbos:#e8a94b;--grasa:#b295e8;--u:min(100vw / 1920, 100vh / 1080);--margen-x:calc(144 * var(--u));--margen-y:calc(96 * var(--u));--f-cond:"Barlow Condensed", "Arial Narrow", sans-serif;--f-texto:"Barlow", "Segoe UI", sans-serif;--entrada:cubic-bezier(.215, .61, .355, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--grafito)}body{background:var(--grafito);color:var(--hueso);font-family:var(--f-texto);-webkit-font-smoothing:antialiased;font-weight:500;overflow-x:hidden}img{display:block}#fondos{z-index:0;pointer-events:none;position:fixed;inset:0}#fondos:before{content:"";background:radial-gradient(110% 70% at 50% 108%, var(--superficie) 0%, #1b1e2400 70%);position:absolute;inset:0}.fondo{will-change:transform;visibility:hidden;position:absolute;inset:0}#estudio{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#escenas{z-index:2;position:relative}.slide{height:200vh;position:relative}.escena{height:100vh;position:sticky;top:0;overflow:hidden}.lienzo{width:calc(1920 * var(--u));height:calc(1080 * var(--u));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lienzo>*{position:absolute}.atenuable,.contador{opacity:calc(1 - var(--atenua,0))}.titular{font-family:var(--f-cond);font-weight:800;font-size:calc(100 * var(--u));letter-spacing:-.005em;color:var(--hueso);line-height:.95}.linea{padding-bottom:.04em;display:block;overflow:hidden}.linea>span{display:block}.texto{font-size:calc(60 * var(--u));color:var(--hueso);line-height:1.15}.apoyo{color:var(--niebla)}.etiqueta,.contador,.margen{font-family:var(--f-texto);font-weight:600;font-size:calc(48 * var(--u));color:var(--niebla);line-height:1.1}.cifra{font-family:var(--f-cond);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:900;line-height:.85}.gigante{left:50%;top:calc(290 * var(--u));font-family:var(--f-cond);font-weight:900;line-height:.8;font-size:calc(430 * var(--u));letter-spacing:-.02em;color:var(--hueso);white-space:nowrap;position:absolute;transform:translate(-50%)}.contador{right:var(--margen-x);bottom:calc(72 * var(--u));font-variant-numeric:tabular-nums}.margen{left:calc(48 * var(--u));writing-mode:vertical-rl;white-space:nowrap;top:50%;transform:translateY(-50%)rotate(180deg)}.portada-sub{left:var(--margen-x);bottom:var(--margen-y);width:calc(640 * var(--u));font-family:var(--f-texto);font-weight:500;font-size:calc(64 * var(--u));color:var(--hueso);line-height:1.12}.t-commits{left:var(--margen-x);top:var(--margen-y);width:calc(1632 * var(--u));font-size:calc(96 * var(--u))}.grafico{left:var(--margen-x);top:calc(380 * var(--u));width:calc(1440 * var(--u));height:calc(560 * var(--u))}.barras{left:0;right:0;bottom:calc(70 * var(--u));height:calc(270 * var(--u));gap:calc(32 * var(--u));grid-template-columns:repeat(9,1fr);align-items:end;display:grid;position:absolute}.barra{height:calc(var(--v) / 276 * 270 * var(--u));min-height:calc(4 * var(--u));transform-origin:bottom;background:var(--naranja);position:relative}.barra.tfg{background:var(--niebla)}.barra.cero{background:var(--superficie)}.barra .valor,.barra .mes{font-size:calc(48 * var(--u));font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.barra .valor{bottom:calc(100% + 8 * var(--u));color:var(--hueso)}.barra.tfg .valor,.barra.cero .valor{color:var(--niebla)}.barra .mes{top:calc(100% + 12 * var(--u));color:var(--niebla)}.grupo{align-items:baseline;gap:calc(20 * var(--u));display:flex;position:absolute;top:0}.grupo .total{font-size:calc(160 * var(--u))}.grupo-tfg{left:0}.grupo-tfg .total{color:var(--niebla)}.grupo-despues{left:calc(5 * (1440 + 32) / 9 * var(--u))}.grupo-despues .total{color:var(--naranja)}.t-alta{left:var(--margen-x);top:calc(250 * var(--u));width:calc(1000 * var(--u));font-size:calc(120 * var(--u))}.a-alta{left:var(--margen-x);top:calc(660 * var(--u));width:calc(900 * var(--u))}.t-piezas{left:var(--margen-x);top:var(--margen-y);width:calc(1500 * var(--u))}.trazos{width:100%;height:100%;top:0;left:0;overflow:visible}.trazo{fill:none;stroke:var(--naranja);stroke-width:4px;stroke-linecap:round}.pieza{gap:calc(6 * var(--u));flex-direction:column;display:flex}.pieza-nombre{font-family:var(--f-cond);font-weight:800;font-size:calc(96 * var(--u));color:var(--hueso);line-height:.95}.pieza-api{left:calc(760 * var(--u));top:calc(410 * var(--u))}.pieza-api .pieza-nombre{font-size:calc(200 * var(--u));color:var(--naranja)}.pieza-bd{left:calc(760 * var(--u));top:calc(800 * var(--u))}.pieza-bd .pieza-nombre{font-size:calc(80 * var(--u))}.pieza-panel{left:calc(1300 * var(--u));top:calc(390 * var(--u))}.pieza-web{left:calc(1300 * var(--u));top:calc(700 * var(--u))}.t-sesion{left:var(--margen-x);top:var(--margen-y);width:calc(900 * var(--u))}.rotulos{left:var(--margen-x);top:calc(470 * var(--u));gap:calc(18 * var(--u));list-style:none;display:grid}.rotulo{font-family:var(--f-texto);font-weight:600;font-size:calc(64 * var(--u));color:var(--niebla);opacity:0;transform:translateY(calc(24 * var(--u)));transition:opacity .4s var(--entrada), transform .4s var(--entrada), color .4s var(--entrada);line-height:1.1}.rotulo.visto{opacity:1;transform:none}.rotulo.ahora{color:var(--hueso)}.rotulo-final{font-family:var(--f-cond);font-style:italic;font-weight:800;font-size:calc(150 * var(--u));line-height:1}.fondo-naranja{background:var(--naranja)}.escena-naranja .titular,.escena-naranja .texto,.escena-naranja .cifra,.escena-naranja .etiqueta,.escena-naranja .contador,.escena-naranja .margen{color:var(--grafito)}.t-alimentos{left:var(--margen-x);top:var(--margen-y);width:calc(1150 * var(--u))}.cifra-198{left:calc(132 * var(--u));top:calc(330 * var(--u));font-size:calc(280 * var(--u))}.a-198{left:var(--margen-x);top:calc(600 * var(--u));width:calc(1150 * var(--u))}.fuentes{left:var(--margen-x);top:calc(770 * var(--u));width:calc(1150 * var(--u))}.t-403{left:var(--margen-x);top:var(--margen-y);width:calc(1632 * var(--u))}.peticion{left:var(--margen-x);top:calc(520 * var(--u));width:calc(700 * var(--u))}.respuesta-et{left:var(--margen-x);top:calc(700 * var(--u));color:var(--niebla)}.cifra-403{right:var(--margen-x);top:calc(330 * var(--u));font-size:calc(520 * var(--u));color:var(--hueso)}.prohibido{right:var(--margen-x);top:calc(780 * var(--u));font-family:var(--f-cond);font-weight:800;font-size:calc(110 * var(--u));color:var(--naranja);line-height:1}.t-tests{left:var(--margen-x);top:var(--margen-y);width:calc(1632 * var(--u))}.dato .cifra{color:var(--hueso)}.dato-tests{left:var(--margen-x);top:calc(400 * var(--u));width:calc(900 * var(--u))}.dato-tests .cifra{font-size:calc(330 * var(--u));color:var(--dorado);margin:calc(8 * var(--u)) 0 calc(20 * var(--u))}.dato-versiones{left:calc(1150 * var(--u));top:calc(400 * var(--u));width:calc(640 * var(--u))}.dato-decisiones{left:calc(1150 * var(--u));top:calc(640 * var(--u));width:calc(640 * var(--u))}.dato-versiones .cifra,.dato-decisiones .cifra{font-size:calc(170 * var(--u));margin-bottom:calc(8 * var(--u))}.recap{left:calc(800 * var(--u));top:calc(300 * var(--u));width:calc(980 * var(--u));color:var(--niebla)}.t-cierre{left:calc(800 * var(--u));top:calc(470 * var(--u));width:calc(1000 * var(--u));font-size:calc(128 * var(--u))}.logo-g{left:calc(800 * var(--u));top:calc(780 * var(--u));width:calc(130 * var(--u));height:auto}.antes-de-intro .fondo[data-escena="1"] .gigante,.antes-de-intro #escena-1 .portada-sub,.antes-de-intro #escena-1 .margen,.antes-de-intro #escena-1 .contador{visibility:hidden}#cinetica{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}#cinetica[hidden]{display:none}.cin-linea{white-space:nowrap;visibility:hidden;font-family:var(--f-cond);letter-spacing:-.02em;margin:0;line-height:.85;position:absolute}.cin-palabra,.cin-palabra-titular{transform-origin:50% 60%;will-change:transform, filter;display:inline-block}.cin-filas{visibility:hidden;position:absolute;inset:0}.cin-fila{white-space:nowrap;font-family:var(--f-cond);font-weight:900;font-size:calc(200 * var(--u));letter-spacing:-.02em;margin:0;line-height:1;position:absolute;left:0}.cin-gigante{visibility:hidden;transform-origin:50% 100%}@media (prefers-reduced-motion:reduce){.slide{height:100vh}.rotulo{opacity:1;transition:none;transform:none}}