*{box-sizing:border-box}

  body{margin:0;--wm:124px;--m:24px;--txt:100%;
     --aire-1:clamp(16px,1.6vw,24px);--aire-2:clamp(22px,2.6vw,34px);
     --aire:clamp(28px,3.2vw,46px);--aire-gr:clamp(32px,3.4vw,60px);
     --sec:clamp(40px,4.5vw,80px);
     --altura-nav:82px;
     --medida-lectura:40em;--medida-corta:48em}
  @media (min-width:768px){body{--wm:132px;--m:48px;--txt:70%;
     --altura-nav:calc(36px + var(--wm) * .412)}}
  @media (min-width:1440px){body{--wm:140px;--m:96px;--txt:58%}}
  body::before{content:"";display:block;height:var(--altura-nav)}

  .wrap{max-width:1600px;margin:0 auto;padding:0 var(--m);position:relative}
  .col{max-width:var(--txt)}
  section{padding:var(--sec) 0}
  section[id]{scroll-margin-top:calc(var(--altura-nav) + 20px)}
  #gestion-y-gasto,#precio-y-margen,#demanda-y-canal,#gate-datos,#cobro,#quien-entrega{
    scroll-margin-top:calc(var(--altura-nav) + 23px)}
  .a-sangre{margin-left:0;margin-right:0;width:100%}

  h1,h2,h3{margin:0;text-wrap:balance}
  h1{font-size:clamp(32px,5vw,66px);line-height:1.04;font-weight:500}
  h2{font-size:clamp(28px,3.6vw,50px);line-height:1.06;font-weight:500}
  h3{font-size:clamp(20px,2.4vw,30px);font-weight:500;line-height:1.25}
  p{margin:0 0 1.1em}
  html{font-synthesis:none}
  em,i,cite{font-family:var(--font-serif);font-style:italic;font-weight:400}
  .cuerpo{font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.55}
  body .label{font-size:12px;letter-spacing:.12em;line-height:1.5}
  body .label-diagrama{font-size:13.5px;line-height:1.5}
  .micro{font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;
     color:var(--tinta-2);line-height:1.5}
  .destacado{font-family:var(--font-serif);font-size:clamp(21px,2.6vw,34px);line-height:1.3;
     font-weight:400}
  main a,footer a{color:inherit;text-decoration:underline;
     text-decoration-color:var(--acento);text-decoration-thickness:1px;
     text-underline-offset:3px}
  .carbon a,.on-carbon a{text-decoration-color:var(--acento-400)}
  main a.boton,footer a.boton,.nav a,.pie a,.blog-lista a,.art-cab .label a{
     text-decoration:none}

  h1 + .cuerpo,h2 + .cuerpo,h3 + .cuerpo,
  h1 + .respuesta,h2 + .respuesta{margin-top:var(--aire-1)}
  .aire{height:var(--aire)}
  .aire-gr{height:var(--aire-gr)}

  .statement{font-family:var(--font-serif);font-weight:500;letter-spacing:-.02em;
     line-height:1.06;font-size:clamp(30px,4.2vw,54px);margin:0;text-wrap:balance}
  .statement-gr{font-size:clamp(38px,6.6vw,104px);line-height:1}

  .nav{padding-top:26px;padding-bottom:10px;display:flex;align-items:center;
       justify-content:space-between;gap:20px 28px;flex-wrap:wrap}
  .nav img,.pie img{display:block;width:var(--wm);height:auto;
       margin-left:calc(var(--wm) * -0.135)}
  .nav a{text-decoration:none;color:inherit}
  .nav-derecha{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap}
  .nav-menu{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap}
  .nav a.nav-link{color:var(--tinta-2);border-bottom:1px solid var(--linea);
       padding-bottom:5px;transition:border-color 120ms linear,color 120ms linear}
  .nav a.nav-link:hover,.nav a.nav-link:focus-visible{border-color:var(--acento);
       color:var(--carbon)}

  .nav-alterna{display:none;font:inherit;font-weight:600;color:var(--carbon);
       background:none;border:none;padding:0 0 3px;margin:0;cursor:pointer;
       border-bottom:1px solid var(--acento)}
  @media (max-width:767px){
    .nav{padding-top:12px;padding-bottom:8px;flex-wrap:nowrap}
    .nav img{width:calc(var(--wm) * .62)}
    .js .nav-alterna{display:inline-block;min-height:44px;padding:11px 4px;line-height:1.25;
         border-bottom:0;text-decoration:underline;text-decoration-color:var(--acento);
         text-decoration-thickness:1px;text-underline-offset:4px}
    .nav-derecha .boton-lleno-chico{padding-top:13px;padding-bottom:14px}
    .pie p.micro a{display:inline-block;padding:5px 0}
    .js .nav-menu{flex-basis:100%;order:3;flex-direction:column;
         align-items:flex-start;row-gap:16px;margin-top:0;max-height:0;
         overflow:hidden;visibility:hidden;
         transition:max-height 280ms var(--curva),margin-top 280ms var(--curva),
            visibility 0s linear 280ms}
    .js .nav-menu.abierto{margin-top:18px;max-height:280px;visibility:visible;
         transition:max-height 280ms var(--curva),margin-top 280ms var(--curva),
            visibility 0s}
  }

  .cifra{font-size:clamp(64px,12vw,120px)}
  .cifra .u,.fig .u{font-family:var(--font-sans);font-weight:500;color:var(--carbon);
       letter-spacing:0;margin-left:.04em;vertical-align:1.45em}
  .cifra .u{font-size:.30em}
  .fig{font-family:var(--font-serif);font-weight:600;font-size:clamp(44px,7vw,76px);
       line-height:.9;letter-spacing:-.03em;color:var(--acento);
       font-variation-settings:'opsz' 72;font-variant-numeric:tabular-nums;
       font-feature-settings:'tnum' 1}
  .fig .u{font-size:.28em}
  .dato-diagrama{font-family:var(--font-serif);font-weight:500;
       font-size:clamp(22px,2.4vw,28px);color:var(--carbon);
       font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;
       line-height:1;display:inline-block;min-width:3.25ch}
  .bloque-fig{width:max-content;max-width:100%}
  .regla{margin-top:14px;overflow:hidden}
  .regla i{display:block;height:1px;background:var(--linea);transform-origin:0 50%}
  .bajada{margin-top:16px;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.5}
  .fuente{margin-top:12px;margin-bottom:0}

  .js .rev{opacity:0;transform:translateY(10px);
       transition:opacity 320ms cubic-bezier(.2,.6,.2,1),transform 320ms cubic-bezier(.2,.6,.2,1)}
  .js .rev.vis{opacity:1;transform:none}

  .carbon{background:var(--carbon);color:var(--papel)}
  .carbon .micro{color:var(--tinta-2-osc)}
  .on-carbon .cifra .u,.on-carbon .fig .u{color:var(--papel)}
  .on-carbon .dato-diagrama{color:var(--papel)}

  #hero{padding-top:var(--aire)}
  .lockup-descriptor{margin:0 0 var(--aire);max-width:38em}
  .lockup-descriptor .label{margin:0 0 6px}
  .pie .lockup-descriptor{margin:0 0 10px;max-width:38em}
  .descriptor{margin:0;font-family:var(--font-sans);font-weight:400;
     font-size:clamp(17px,1.15vw,19px);line-height:1.5;letter-spacing:0;
     text-transform:none;color:var(--carbon);
     text-wrap:balance}
  .carbon .descriptor,.on-carbon .descriptor{color:var(--papel)}

  .escena{display:block;margin-top:var(--aire)}
  @media (min-width:1024px){
    .escena{display:grid;grid-template-columns:5fr 6fr;column-gap:var(--sec);
         align-items:start}
    .js .escena-fija{position:sticky;top:88px}
  }
  .escena-flujo{margin-top:var(--aire)}
  @media (min-width:1024px){.escena-flujo{margin-top:0}}
  .causa{padding:var(--aire) 0;border-top:1px solid var(--linea)}
  .causa:first-of-type{border-top:0;padding-top:var(--aire-2)}
  .causa p{margin:14px 0 0;max-width:var(--medida-lectura)}
  .carbon .causa{border-top-color:var(--tinta-2)}

  .prop{display:flex;gap:var(--aire-gr);flex-wrap:wrap}
  .prop-g{flex:0 0 240px;width:min(100%,240px);max-width:240px}
  .prop-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
  .prop-dots i{display:block;width:100%;aspect-ratio:1;border-radius:50%;
       background:var(--linea)}
  .prop-dots i.on{background:var(--tinta-2)}
  .prop-dots i.on.ac{background:var(--acento)}
  .carbon .prop-dots i{background:var(--linea-osc)}
  .carbon .prop-dots i.on{background:var(--tinta-2-osc)}
  .carbon .prop-dots i.on.ac{background:var(--acento-400)}
  .prop-cap{margin:16px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .prop-cap .rot{font-family:var(--font-sans);font-size:12.5px;line-height:1.35;
       color:var(--tinta-2);max-width:16em}
  .js .prop-dots i{opacity:0;transition:opacity 260ms cubic-bezier(.2,.6,.2,1)}
  .js .vis .prop-dots i{opacity:1}
  .js .vis .prop-dots i:nth-child(n+11):nth-child(-n+20){transition-delay:70ms}
  .js .vis .prop-dots i:nth-child(n+21):nth-child(-n+30){transition-delay:140ms}
  .js .vis .prop-dots i:nth-child(n+31):nth-child(-n+40){transition-delay:210ms}
  .js .vis .prop-dots i:nth-child(n+41):nth-child(-n+50){transition-delay:280ms}
  .js .vis .prop-dots i:nth-child(n+51):nth-child(-n+60){transition-delay:350ms}
  .js .vis .prop-dots i:nth-child(n+61):nth-child(-n+70){transition-delay:420ms}
  .js .vis .prop-dots i:nth-child(n+71):nth-child(-n+80){transition-delay:490ms}
  .js .vis .prop-dots i:nth-child(n+81):nth-child(-n+90){transition-delay:560ms}
  .js .vis .prop-dots i:nth-child(n+91){transition-delay:630ms}

  .remate{margin-top:var(--aire);padding-top:var(--aire-2);
       border-top:1px solid var(--linea)}
  .carbon .remate{border-top-color:var(--tinta-2)}
  .prop-g .remate{border-top:0;padding-top:0;margin-top:var(--aire-2)}
  .prop-g .remate .cifra{margin-left:-.09em}

  .rev-palabras .w{color:inherit}
  @keyframes tintar{to{color:var(--tx,var(--carbon))}}
  @supports (animation-timeline:view()){
    @media (prefers-reduced-motion:no-preference){
      .rev-palabras .w{color:var(--tx2,var(--tinta-2));animation:tintar linear both;
           animation-timeline:view();animation-range:cover 20% cover 66%}
      .sup-cobre .rev-palabras .w{color:color-mix(in oklab,var(--papel) 70%,var(--acento-600))}
      .rev-palabras .w:nth-child(1){animation-range:cover 20% cover 38%}
      .rev-palabras .w:nth-child(2){animation-range:cover 24% cover 42%}
      .rev-palabras .w:nth-child(3){animation-range:cover 28% cover 46%}
      .rev-palabras .w:nth-child(4){animation-range:cover 32% cover 50%}
      .rev-palabras .w:nth-child(5){animation-range:cover 36% cover 54%}
      .rev-palabras .w:nth-child(6){animation-range:cover 40% cover 58%}
      .rev-palabras .w:nth-child(7){animation-range:cover 44% cover 62%}
      .rev-palabras .w:nth-child(8){animation-range:cover 48% cover 66%}
      .rev-palabras .w:nth-child(n+9){animation-range:cover 52% cover 70%}
    }
  }

  .foto{margin:0;overflow:hidden;position:relative}
  .foto img{display:block;width:100%;height:clamp(240px,34vw,500px);object-fit:cover}
  .foto-alta img{height:clamp(320px,46vw,700px)}
  .foto-pie{margin:12px 0 0}
  .a-sangre > .foto-pie{padding:0 var(--m)}
  .js .foto img{transform:translateY(6%) scale(1.07);
       transition:transform 820ms cubic-bezier(.2,.6,.2,1)}
  .js .vis .foto img{transform:none}

  .bandas{margin-top:var(--aire);border-top:1px solid var(--linea)}
  .banda{padding:var(--aire-2) 0;border-bottom:1px solid var(--linea)}
  .banda h3{font-size:clamp(24px,3vw,38px);margin-bottom:12px}
  .banda .preg{font-family:var(--font-serif);font-size:clamp(19px,1.9vw,25px);
       line-height:1.3;margin:0;max-width:24em}
  .mueve{margin:14px 0 0;font-family:var(--font-serif);font-style:italic;
       font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.45;color:var(--tinta-2)}
  .carbon .mueve{color:var(--tinta-2-osc)}
  @media (min-width:768px){
    .banda{display:grid;grid-template-columns:4fr 6fr;column-gap:var(--aire-gr);
         align-items:baseline}
    .banda h3{margin-bottom:0}
    .banda .preg{max-width:none}
  }
  .radar{margin:var(--aire) 0 0;max-width:46em}

  .estructura-grid{display:block;margin-top:var(--aire)}
  @media (min-width:1024px){
    .estructura-grid{display:grid;grid-template-columns:4fr 8fr;
         column-gap:var(--sec);align-items:center}
  }
  .foto-col img{height:clamp(300px,38vw,560px)}
  .antes-ahora{display:grid;grid-template-columns:1fr;gap:0;max-width:min(985px,100%)}
  .ad-col{padding:22px 0;border-top:1px solid var(--linea)}
  .ad-col:first-child{border-top:0;padding-top:0}
  .carbon .ad-col{border-top-color:var(--tinta-2)}
  .ad-rot{display:block;margin-bottom:12px}
  .ad-col.ahora .ad-rot{color:var(--acento-400)}
  .ad-col p{margin:0 0 10px;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.5}
  .ad-col p:last-child{margin-bottom:0}
  @media (min-width:768px){
    .antes-ahora{grid-template-columns:1fr 1fr}
    .ad-col{padding:0 26px;border-top:0;border-left:1px solid var(--linea)}
    .carbon .ad-col{border-left-color:var(--tinta-2)}
    .ad-col:first-child{padding:0 26px 0 0;border-left:0}
    .ad-col:last-child{padding-right:0}
  }
  @media (min-width:1024px){
    .ad-col{padding:0 var(--aire-1)}
    .ad-col:first-child{padding-left:0}
    .ad-col:last-child{padding-right:0}
    .ad-col p{font-size:clamp(18px,1.7vw,23px);margin-bottom:14px}
  }
  .js .antes-ahora .ahora>p{opacity:0;transform:translateY(8px);
       transition:opacity 320ms cubic-bezier(.2,.6,.2,1),transform 320ms cubic-bezier(.2,.6,.2,1)}
  .js .vis .antes-ahora .ahora>p{opacity:1;transform:none}
  .js .vis .antes-ahora .ahora>p:nth-child(2){transition-delay:120ms}
  .js .vis .antes-ahora .ahora>p:nth-child(3){transition-delay:180ms}
  .js .vis .antes-ahora .ahora>p:nth-child(4){transition-delay:240ms}

  .hito{max-width:900px;margin-top:var(--aire)}
  .hito-linea{overflow:hidden}
  .hito-linea i{display:block;height:1px;background:var(--tinta-2)}
  .js .hito-linea i{transform:scaleX(0);transform-origin:0 50%;
       transition:transform 900ms cubic-bezier(.2,.6,.2,1)}
  .js .vis .hito-linea i{transform:scaleX(1)}
  .hito-nodos{list-style:none;margin:0;padding:0;display:grid;
       grid-template-columns:repeat(3,1fr)}
  .hito-nodos li{position:relative;padding:16px 12px 0 0}
  .hito-nodos .pt{position:absolute;top:-3px;left:0;width:5px;height:5px;
       border-radius:50%;background:var(--tinta-2)}
  .hito-nodos li.on .pt{width:7px;height:7px;top:-4px;background:var(--acento-400)}
  .hito-nodos .label-diagrama{display:block}
  .hito-nodos .micro{display:block;margin-top:4px}
  .js .hito-nodos li{opacity:0;transition:opacity 300ms cubic-bezier(.2,.6,.2,1)}
  .js .vis .hito-nodos li{opacity:1}
  .js .vis .hito-nodos li:nth-child(2){transition-delay:420ms}
  .js .vis .hito-nodos li:nth-child(3){transition-delay:840ms}
  @media (max-width:767px){
    .hito-nodos{grid-template-columns:1fr;gap:18px;position:relative}
    .hito-nodos li{padding:0 0 0 16px}
    .hito-nodos .pt{top:4px;left:0}
    .hito-linea{display:none}
    .hito-nodos::before{content:"";position:absolute;left:2px;top:6px;bottom:6px;width:1px;
         background:var(--tinta-2);transform-origin:50% 0}
    .js .hito-nodos::before{transform:scaleY(0);
         transition:transform 900ms cubic-bezier(.2,.6,.2,1)}
    .js .vis .hito-nodos::before{transform:scaleY(1)}
  }

  .cierre-pie{padding-top:var(--sec);padding-bottom:var(--aire-gr)}
  .pie{border-top:1px solid var(--linea);padding:32px 0 72px}
  .pie img{margin-bottom:14px}
  .pie p{margin:0 0 10px}
  .pie p:last-child{margin-bottom:0}
.pie .pie-startups{display:flex;align-items:flex-start;gap:8px;max-width:38em}
.pie .pie-startups .logo{display:block;flex:none;width:16px;height:16px;margin-top:.1em;
  background-color:currentColor;-webkit-mask-image:var(--src);mask-image:var(--src);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
  .pie{display:grid;grid-template-columns:1fr;row-gap:20px}
  .pie-canales{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;column-gap:28px}
  .pie a.pie-canal{display:inline-flex;align-items:center;column-gap:10px;min-height:44px;
       border-bottom:0;font-family:var(--font-sans);font-size:14px;font-weight:500;
       letter-spacing:.01em;color:var(--carbon)}
  .pie-canal span{border-bottom:1px solid var(--linea-osc);transition:border-color 120ms linear}
  .pie-icono{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;
       stroke-linecap:round;stroke-linejoin:round;transition:color 120ms linear}
  .pie a.pie-canal:hover span,.pie a.pie-canal:focus-visible span{border-color:var(--acento)}
  .pie a.pie-canal:hover .pie-icono,.pie a.pie-canal:focus-visible .pie-icono{color:var(--acento)}
  @media (min-width:768px){
    .pie{grid-template-columns:1fr auto;column-gap:48px}
    .pie-canales{flex-direction:column;align-items:flex-start}
    .pie-enlaces{grid-column:1 / -1}
  }

  .consentimiento{position:fixed;left:0;right:0;bottom:0;z-index:40;
    background:var(--papel-alto);border-top:1px solid var(--linea)}
  .consentimiento[hidden]{display:none}
  .consentimiento-caja{max-width:1600px;margin:0 auto;padding:18px var(--m);
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .consentimiento-caja p{margin:0;max-width:640px}
  .consentimiento-botones{display:flex;gap:24px;flex:none}
  .consentimiento-boton{font-family:var(--font-sans);font-weight:600;font-size:15px;
    letter-spacing:.01em;background:none;border:none;border-bottom:1px solid var(--acento);
    padding:0 0 6px;margin:0;cursor:pointer;color:var(--carbon)}
  .consentimiento-boton:hover,.consentimiento-boton:focus-visible{border-bottom-width:2px}
  @media (max-width:767px){
    .consentimiento-caja{flex-direction:column;align-items:flex-start;
         padding:10px var(--m);gap:8px}
    .consentimiento-caja p{font-size:12.5px;line-height:1.3;max-width:none}
    .consentimiento-botones{gap:20px}
    .consentimiento-boton{font-size:13px;padding:5px 0 5px}  }

  @supports (view-transition-name:none){
    @view-transition{navigation:auto}
  }

  .marca-about{text-align:center}
  .marca-about img{display:inline-block;width:clamp(160px,22vw,220px);height:auto}
  .lema{font-family:var(--font-serif);font-style:italic;font-weight:400;
       font-size:clamp(19px,2.2vw,26px);line-height:1.35;letter-spacing:normal;
       color:var(--tinta-2);margin:32px 0 0}
  .relato .cuerpo + .cuerpo{margin-top:1.1em}

  .firma-quien{display:grid;gap:var(--aire-gr);align-items:start}
  @media (min-width:768px){
    .firma-quien{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:56px}
  }
  .foto-retrato{margin:0}
  .foto-retrato img{height:clamp(320px,52vw,640px)}
  @media (max-width:767px){.foto-retrato img{height:auto}}

  .firma-quien .isla{max-width:none}
  .firma-nombre-persona{margin-top:1.4em;font-weight:500}
  .isla{position:relative;max-width:calc(var(--txt) + 24px);padding-left:24px}
  .isla::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
       background:var(--acento)}
  .js .isla::before{transform:scaleY(0);transform-origin:50% 0;
       transition:transform 600ms cubic-bezier(.2,.6,.2,1)}
  .js .isla.vis::before{transform:scaleY(1)}
  .isla .label{display:block;margin-bottom:20px}
  .isla-cuerpo{font-family:var(--font-serif);font-weight:400;
       font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6}
  .isla-cuerpo p{margin:0 0 1.1em}
  .isla-cuerpo p:last-child{margin-bottom:0}
  @media (max-width:767px){.isla{max-width:100%;padding-left:16px}}

  .articulos-indice{padding-top:var(--aire-gr)}
  .lectura-cab .label a{display:inline-block;padding:5px 0}
  .pie a,.art-cab .label a{color:inherit;text-decoration:none;
       border-bottom:1px solid var(--linea-osc);transition:border-color 120ms linear}
  .pie a:hover,.pie a:focus-visible,
  .art-cab .label a:hover,.art-cab .label a:focus-visible{border-color:var(--acento)}
  .blog-cab{padding:var(--aire-gr) 0}
  .blog-lista{list-style:none;margin:var(--aire-gr) 0 0;padding:0;border-top:1px solid var(--linea)}
  .blog-lista li{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--aire);
       align-items:start;padding:var(--aire-1) 0;border-bottom:1px solid var(--linea)}
  .blog-miniatura{display:block;width:280px;max-width:100%}
  .blog-miniatura img{display:block;width:100%;height:auto}
  .blog-lista h2{font-size:clamp(24px,3vw,34px);margin:var(--aire-1) 0}
  .blog-lista h2 a,.blog-lista .micro a{color:inherit;text-decoration:none}
  .blog-lista h2 a{background:linear-gradient(var(--acento),var(--acento)) 0 100%/0 1px no-repeat;
       transition:background-size 160ms linear}
  .blog-lista h2 a:hover,.blog-lista h2 a:focus-visible{background-size:100% 1px}
  .blog-lista .micro a:hover,.blog-lista .micro a:focus-visible{text-decoration:underline;
       text-decoration-color:var(--acento)}
  .blog-lista .bajada{margin:0;max-width:var(--medida-lectura);color:var(--tinta-2);font-family:var(--font-sans);
       font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.55}
  @media (max-width:767px){
    .blog-lista li{grid-template-columns:minmax(0,1fr)}
  }
  .art-cab{padding-top:var(--aire-gr)}
  .art-cab h1.col{max-width:none}
  .art-cab h1{margin-top:18px}
  .art-firma{margin-top:20px;color:var(--tinta-2)}
  .art-cuerpo{margin-top:var(--aire);padding-bottom:var(--aire-gr)}
  .art-cuerpo p,.art-cuerpo li{font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6}
  .art-cuerpo p{margin:0 0 1.1em}
  .art-cuerpo h2{font-size:clamp(22px,2.6vw,30px);margin:1.8em 0 .7em}
  .art-cuerpo ol{margin:0 0 1.1em;padding-left:1.3em}
  .art-cuerpo li{margin-bottom:.8em}
  .art-cuerpo a{color:inherit;text-decoration:underline;text-decoration-color:var(--acento);
       text-underline-offset:3px}
  .art-cuerpo .cierre{font-family:var(--font-serif);font-size:clamp(19px,2vw,24px);
       line-height:1.4;margin-top:1.6em}
  .art-cuerpo .cierre b{font-weight:500}

  .video{margin:2em 0}
  .video-fachada{position:relative;aspect-ratio:16/9;background:var(--carbon)}
  .video-fachada img{display:block;width:100%;height:100%;object-fit:cover}
  .video-fachada .video-boton{position:absolute;left:var(--m);bottom:20px;
    font-family:var(--font-sans);font-weight:600;font-size:15px;letter-spacing:.01em;
    color:var(--papel);background:var(--carbon);border:none;
    border-bottom:1px solid var(--acento-400);padding:8px 12px 6px;cursor:pointer;
    text-decoration:none}
  .video-fachada .video-boton:hover,.video-fachada .video-boton:focus-visible{border-bottom-width:2px}
  .video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
  .video figcaption{margin-top:10px;color:var(--tinta-2)}

  .lista-llana{list-style:none;margin:var(--aire) 0 0;padding:0;
       border-top:1px solid var(--linea);max-width:var(--txt)}
  .carbon .lista-llana{border-top-color:var(--tinta-2)}
  .lista-llana li{padding:16px 0;border-bottom:1px solid var(--linea);
       font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.5}
  .carbon .lista-llana li{border-bottom-color:var(--tinta-2)}
  .dos-columnas{display:grid;gap:8px 56px;margin-top:var(--aire)}
  @media (min-width:768px){.dos-columnas{grid-template-columns:1fr 1fr}}

  .respuesta{font-family:var(--font-serif);font-weight:400;
       font-size:clamp(18px,1.7vw,22px);line-height:1.5}
  .faq{margin-top:var(--aire-gr);padding-top:var(--aire);border-top:1px solid var(--linea)}
  .faq h2{margin-bottom:6px}
  .faq-item{padding:20px 0;border-bottom:1px solid var(--linea)}
  .faq-item h3{font-size:clamp(17px,1.8vw,20px);margin-bottom:8px}
  .faq-item p{margin:0}

  .vocab-lista{margin:var(--aire-gr) 0 0}
  .vocab-lista dt{font-family:var(--font-serif);font-weight:600;font-size:clamp(20px,2vw,24px);margin-top:28px}
  .vocab-lista dt:first-child{margin-top:0}
  .vocab-lista dd{margin:10px 0 0}

  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{transition-duration:1ms !important;animation-duration:1ms !important;
       transition-delay:0ms !important;animation-delay:0ms !important}
    .js .rev{opacity:1;transform:none}
    .js .prop-dots i,.js .vis .hito-nodos li,.js .vis .antes-ahora .ahora>p{opacity:1;
       transform:none}
    .js .hito-linea i{transform:scaleX(1)}
    .js .hito-nodos::before,.js .isla::before{transform:scaleY(1)}
    .js .foto img{transform:none}
  }

  body{--curva:cubic-bezier(.2,.6,.2,1);--acento:var(--acento-700)}

  .cifra{color:var(--acento)}

  .nav-cont{position:fixed;top:0;left:0;right:0;z-index:70;background:var(--papel);
     transition:box-shadow 240ms var(--curva)}
  .nav-cont.chica{box-shadow:0 1px 0 var(--linea)}
  .nav{transition:padding 240ms var(--curva)}
  .nav-cont.chica .nav{padding-top:12px;padding-bottom:8px}
  .nav img{transition:width 240ms var(--curva)}
  .nav-cont.chica .nav img{width:calc(var(--wm)*.62)}

  .wr{display:inline-block;overflow:hidden;vertical-align:bottom;
     padding-bottom:.14em;margin-bottom:-.14em}
  .wi{display:inline-block}
  .js .wi{transform:translateY(110%);transition:transform 620ms var(--curva)}
  .js .vis .wi,.js .rev.vis .wi{transform:none}

  .js .causa,.js .banda,.js .bandas,.js .pie{position:relative;
     border-top-color:transparent}
  .js .banda{border-bottom-color:transparent}
  .js .bandas .banda:last-child{border-bottom-color:var(--linea)}
  .js .carbon .bandas .banda:last-child{border-bottom-color:var(--tinta-2)}
  .js .causa::before,.js .banda::before,.js .bandas::before,.js .pie::before{
     content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
     background:var(--linea);transform:scaleX(0);transform-origin:0 50%;
     transition:transform 760ms var(--curva)}
  .js .carbon .causa::before,.js .carbon .banda::before,
  .js .carbon .bandas::before{background:var(--tinta-2)}
  .js .vis .causa::before,.js .vis .banda::before,
  .js .bandas.vis::before,.js .pie::before{transform:scaleX(1)}
  .js .vis .causa:nth-of-type(2)::before{transition-delay:120ms}
  .js .vis .causa:nth-of-type(3)::before{transition-delay:240ms}
  .js .vis .banda:nth-child(2)::before{transition-delay:160ms}
  .js .vis .banda:nth-child(3)::before{transition-delay:320ms}

  .js .escena-flujo .causa.rev{opacity:0;transform:translateY(12px) scale(.985);
     filter:blur(10px);
     transition:opacity 620ms var(--curva),transform 620ms var(--curva),
        filter 620ms var(--curva)}
  .js .escena-flujo .causa.rev.vis{opacity:1;transform:none;filter:blur(0)}
  .js .escena-flujo .causa.rev:nth-of-type(2){transition-delay:300ms}
  .js .escena-flujo .causa.rev:nth-of-type(3){transition-delay:600ms}

  .js .banda{cursor:pointer;transition:opacity 260ms var(--curva)}
  .js .banda h3{transition:color 200ms var(--curva)}
  .js .bandas.sel .banda:not(.abierta){opacity:.5}
  .js .bandas.sel .banda:not(.abierta) h3{color:var(--tinta-2)}
  .js .banda:hover h3{color:var(--carbon)}
  .js .carbon .banda:hover h3{color:var(--papel)}
  .js .bandas.sel .banda .plegable{overflow:hidden;max-height:0;opacity:0;
     visibility:hidden;transition:max-height 420ms var(--curva),
        opacity 260ms var(--curva),visibility 0s linear 420ms}
  .js .bandas.sel .banda.abierta .plegable{max-height:240px;opacity:1;
     visibility:visible;transition:max-height 420ms var(--curva),
        opacity 260ms var(--curva),visibility 0s}

  .js .antes-ahora p{transition:opacity 200ms var(--curva)}
  .js .antes-ahora.hov p:not(.emp):not(.ad-rot){opacity:.38}
  .js .antes-ahora p.emp{opacity:1}

  .foto-col img,.foto-retrato img{transition:transform 520ms var(--curva)}

  .nav a.nav-link{position:relative}
  .nav a.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;
     height:1px;background:var(--acento);transform:scaleX(0);
     transform-origin:0 50%;transition:transform 220ms var(--curva)}
  .nav a.nav-link:hover::after,.nav a.nav-link:focus-visible::after{
     transform:scaleX(1)}

  .lockup-descriptor .label{color:var(--acento)}
  .lockup-descriptor .descriptor{font-weight:600;color:var(--acento)}
  .carbon .lockup-descriptor .label,.on-carbon .lockup-descriptor .label,
  .carbon .lockup-descriptor .descriptor,
  .on-carbon .lockup-descriptor .descriptor{color:var(--acento-400)}

  #hero{min-height:calc(100vh - 72px);display:flex;align-items:center;
     padding-top:var(--aire-1);padding-bottom:var(--aire-2)}
  #hero>.wrap{width:100%}
  #hero .escena{margin-top:var(--aire-2)}
  #hero .causa{padding:var(--aire-1) 0}
  #hero .causa:first-of-type{padding-top:var(--aire-1)}
  #hero .causa p{margin:8px 0 0}
  #hero .respuesta{max-width:min(1244px,100%)}
  .cierre-hero{margin-top:var(--aire-1);padding-top:var(--aire-1);
     border-top:1px solid var(--linea);text-wrap:balance;max-width:min(985px,100%)}

  .prop{align-items:center}
  .escena-fija,.js .escena-fija{position:static;top:auto;align-self:center}
  .js .prop-dots-est i{opacity:1;transition:background 240ms var(--curva)}

  .prop-fig{position:relative}
  .prop-fig .prop-numero{position:absolute;inset:0;margin:0;display:grid;
     place-items:center;pointer-events:none}
  .cifra.sobre-grilla{font-size:clamp(52px,7vw,100px);line-height:.9;
     display:inline-block;padding:2px 10px}
  .cifra.sobre-grilla .n{font-variant-numeric:tabular-nums;
     font-feature-settings:'tnum' 1;display:inline-block;min-width:2ch;
     text-align:right}
  .cifra.sobre-grilla .u{vertical-align:1.15em;font-size:.32em}
  .prop-cap{margin-top:28px}
  .prop-cap .rot-ancha{max-width:20em}
  .ast{font-size:1em;vertical-align:.45em;color:var(--tinta-2)}
  .on-carbon .ast{color:var(--tinta-2-osc)}

  section:has(> figure.foto.a-sangre:last-child){padding-bottom:0}
  #capacidad .statement{margin-bottom:0}
  #capacidad .aire-gr{height:var(--sec);font-size:0;line-height:0}
  #entregable .wrap>p.rev:last-of-type{margin-top:var(--aire)}

  .hero-pag{min-height:calc(100vh - 72px);display:flex;align-items:center;
     padding-top:var(--aire-1);padding-bottom:var(--aire-2)}
  .hero-pag>.wrap{width:100%}
  .hero-pag .respuesta+.cuerpo{margin-top:var(--aire-1)}
  .articulo #cabeza{min-height:calc(74vh - 72px);align-items:flex-end}
  .radar{margin:var(--aire) 0 0;max-width:46em}
  .art-cierre{margin-top:var(--aire);padding-top:var(--aire-2);
     border-top:1px solid var(--linea)}
  .carbon .art-cierre{border-top-color:var(--tinta-2)}
  .carbon .lista-llana{border-top-color:var(--tinta-2)}
  .carbon .lista-llana li{border-bottom-color:var(--tinta-2)}
  .carbon .mueve,.on-carbon .mueve{color:var(--tinta-2-osc)}
  .carbon .vocab-lista dt{border-top-color:var(--tinta-2)}
  .hito-nodos .label-diagrama{display:block;color:var(--carbon)}
  .carbon .hito-nodos .label-diagrama{color:var(--papel)}

  @media (prefers-reduced-motion:reduce){
    .wi{transform:none}
    .js .causa::before,.js .banda::before,.js .bandas::before,
    .js .pie::before{transform:scaleX(1)}
    .js .escena-flujo .causa.rev{opacity:1;transform:none;filter:none}
    .js .bandas.sel .banda .plegable{max-height:none;opacity:1;visibility:visible}
    .js .bandas.sel .banda:not(.abierta){opacity:1}
    .js .antes-ahora.hov p:not(.emp):not(.ad-rot){opacity:1}
  }

  @media (max-width:767px){
    br.corte-ancho{display:none}
    .statement.statement-largo{font-size:23px;line-height:1.14}
    .destacado.cierre-hero{font-size:18px;line-height:1.32}
  }

  .carbon .art-cuerpo .cierre b{font-weight:500}

  .art-cab,.art-cuerpo{max-width:min(985px,100%)}
  .art-cuerpo p,.art-cuerpo ol,.art-cuerpo .respuesta{max-width:var(--medida-lectura)}
  .art-cuerpo p,.art-cuerpo li{font-size:clamp(16.5px,1.2vw,18.5px);line-height:1.62}
  .art-cuerpo h2{margin:var(--aire-gr) 0 var(--aire-1);font-size:clamp(23px,2.6vw,32px)}
  .art-cuerpo ol{margin:var(--aire-1) 0 0;padding-left:1.15em}
  .art-cuerpo ol li{margin-bottom:.9em}
  .art-cuerpo b,.art-cuerpo strong{font-weight:600}
  .art-cab h1{margin-top:var(--aire-1)}
  .art-cab .respuesta{margin-top:var(--aire-1)}
  .art-cuerpo .respuesta{margin-bottom:var(--aire-1)}
  #terminos .art-cuerpo{margin-top:0;max-width:min(1080px,100%)}

  .marca-about{text-align:left;margin-bottom:var(--aire)}
  .marca-about img{display:inline-block;width:clamp(180px,26vw,320px)}
  .lema{margin:0;text-align:left}

  .prop-g:nth-child(1) .campo-respira,.brecha-col:nth-child(1) .campo-respira{
     transform:translate(calc(var(--dx,0px) * 2),calc(var(--dy,0px) * 2))}
  .prop-g:nth-child(2) .campo-respira,.brecha-col:nth-child(2) .campo-respira{
     transform:translate(calc(var(--dx,0px) * -2),calc(var(--dy,0px) * -2))}

  .prop-dots-est i{transition:background 240ms var(--curva)}

  .escena-flujo .statement{font-size:clamp(30px,4.2vw,48px)}

  #universos>.wrap>h2,#entregable>.wrap>h2{font-size:clamp(26px,3.05vw,46px)}

  .lockup-descriptor .descriptor{font-size:clamp(17px,1.4vw,20px)}
  .lockup-descriptor .label{font-weight:500;font-size:clamp(13px,1vw,15px)}

  .banda h3{letter-spacing:normal}

  .micro.fuente{font-size:12px;line-height:1.45}

  .cifra.sobre-grilla .u{font-size:.5em;vertical-align:.62em}

  .sup{background:var(--bg);color:var(--tx)}
  .sup-papel{--bg:var(--papel);--tx:var(--carbon);--tx2:var(--tinta-2);--ln:var(--linea);
     --ac:var(--acento-700);--btn-bg:var(--acento-700);--btn-tx:var(--papel);
     --pt:var(--linea);--pt-on:var(--tinta-2);--pt-ac:var(--acento-600);--card:var(--papel-alto)}
  .sup-alto{--bg:var(--papel-alto);--tx:var(--carbon);--tx2:var(--tinta-2);--ln:var(--linea);
     --ac:var(--acento-700);--btn-bg:var(--acento-700);--btn-tx:var(--papel);
     --pt:var(--linea);--pt-on:var(--tinta-2);--pt-ac:var(--acento-600);--card:var(--papel)}
  .sup-carbon,.sup-profundo{--tx:var(--papel);--tx2:var(--tinta-2-osc);--ln:var(--linea-osc);
     --ac:var(--acento-400);--btn-bg:var(--acento-400);--btn-tx:var(--carbon);
     --pt:var(--linea-osc);--pt-on:var(--tinta-2-osc);--pt-ac:var(--acento-400)}
  .sup-carbon{--bg:var(--carbon);--card:var(--carbon-2)}
  .sup-profundo{--bg:var(--carbon-profundo);--card:var(--carbon)}
  .sup-cobre{--bg:var(--acento-600);--tx:var(--papel);--tx2:var(--papel);
     --ln:color-mix(in oklab,var(--papel) 45%,var(--acento-600));--ac:var(--papel);
     --btn-bg:var(--carbon);--btn-tx:var(--papel);--card:var(--acento-700)}
  .sup .micro,.sup .label-diagrama{color:var(--tx2)}
  .sup .label{color:var(--tx2)}
  .sup .cifra{color:var(--ac)}
  .sup .cifra .u{color:var(--tx)}
  .sup .dato-diagrama{color:var(--tx)}
  .sup a:not(.boton-lleno){color:inherit;text-decoration-color:var(--ac)}
  .sup .lockup-descriptor .label,.sup .lockup-descriptor .descriptor{color:var(--ac)}

  .boton-lleno{display:inline-flex;align-items:center;gap:.7em;font-family:var(--font-sans);
     font-weight:600;font-size:17px;letter-spacing:.01em;line-height:1.2;
     background:var(--btn-bg,var(--acento-700));color:var(--btn-tx,var(--papel));
     padding:15px 22px 16px;cursor:pointer;text-decoration:none}
  main a.boton-lleno,footer a.boton-lleno,.nav a.boton-lleno{color:var(--btn-tx,var(--papel));
     text-decoration:none}
  .boton-lleno .flecha{display:inline-block;transition:transform 220ms var(--curva)}
  .boton-lleno:hover .flecha,.boton-lleno:focus-visible .flecha{transform:translateX(5px)}
  .boton-lleno:focus-visible{outline:2px solid var(--tx,var(--carbon));outline-offset:3px}
  .boton-lleno-chico{font-size:14px;padding:10px 14px 11px}
  @media (max-width:767px){.boton-lleno-chico{font-size:13px;padding:9px 12px 10px}}

  .boton{position:relative;display:inline-block;font-family:var(--font-sans);font-weight:600;
     font-size:17px;letter-spacing:.01em;line-height:1.4;color:var(--tx,var(--carbon));
     text-decoration:none;padding-bottom:8px;border-bottom:1px solid var(--ac,var(--acento))}
  main a.boton,footer a.boton{color:var(--tx,var(--carbon))}
  .boton::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
     background:var(--ac,var(--acento));transform:scaleX(0);transform-origin:0 50%;
     transition:transform 260ms var(--curva)}
  .boton:hover::after,.boton:focus-visible::after{transform:scaleX(1)}
  .boton .flecha{display:inline-block;margin-left:.4em;transition:transform 220ms var(--curva)}
  .boton:hover .flecha,.boton:focus-visible .flecha{transform:translateX(4px)}
  .boton:focus-visible{outline:2px solid var(--tx,var(--carbon));outline-offset:3px}
  @media (max-width:767px){.boton{padding-top:13px}}
  .acciones{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--aire-1) var(--aire);margin:0}
  .enc .acciones{margin:var(--aire-1) 0 0}

  .enc{max-width:min(985px,100%)}
  .enc .label{color:var(--ac,var(--acento));margin:0 0 var(--aire-1)}
  .enc h2{font-size:clamp(30px,4vw,58px);line-height:1.05}
  .enc .bajada,.enc .cuerpo{margin:var(--aire-1) 0 0;max-width:var(--medida-corta)}
  .enc .micro{margin:var(--aire-1) 0 0}
  .bajada{font-family:var(--font-serif);font-weight:400;font-size:clamp(19px,1.75vw,27px);
     line-height:1.3}
  .enc-ancho{max-width:none}
  .enc .statement-gr{font-size:clamp(38px,6.4vw,100px);line-height:1;letter-spacing:-.03em}
  .enc .statement-gr + .bajada{max-width:var(--medida-corta)}
  #dos-caras .statement-gr{font-size:clamp(38px,5.2vw,86px)}
  @media (max-width:767px){#dos-caras .statement-gr{font-size:clamp(27px,8.2vw,44px)}}

  .hero-pyl .hero-grilla{display:grid;row-gap:clamp(36px,5vh,56px);align-items:center}
  @media (min-width:1200px){
    .hero-pyl .hero-grilla{grid-template-columns:minmax(0,1.35fr) minmax(490px,1fr);
       column-gap:clamp(48px,6vw,120px)}}
  .hero-pyl .lockup-descriptor{margin-bottom:clamp(16px,3vh,34px)}
  .hero-pyl h1{font-size:clamp(34px,6.6vw,72px);line-height:1.02;letter-spacing:-.028em}
  @media (min-width:1200px){
    .hero-pyl .copia{container-type:inline-size}
    .hero-pyl h1{font-size:clamp(38px,8.2cqi,72px);line-height:1.06}
    .hero-pyl .lockup-descriptor{margin-bottom:clamp(18px,4.2vh,46px)}
    .hero-pyl .lockup-descriptor .label{font-size:clamp(13px,1.05vw,17px)}
    .hero-pyl .lockup-descriptor .descriptor{font-size:clamp(18px,1.55vw,25px)}
    .hero-pyl .bajada{font-size:clamp(20px,1.95vw,31px);line-height:1.34}}
  .hero-pyl .bajada{margin:clamp(14px,2.4vh,26px) 0 0;max-width:22em}
  .hero-pyl .cta{margin:clamp(20px,3.4vh,40px) 0 0}
  @media (min-width:1200px){
    .hero-pyl .bajada{margin-top:clamp(16px,3.4vh,38px)}
    .hero-pyl .cta{margin-top:clamp(22px,4.6vh,54px)}}

  .eerr{margin:0;font-family:var(--font-sans);color:var(--tx,var(--carbon))}
  .eerr-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;
     gap:4px 16px;padding-bottom:10px;border-bottom:1px solid var(--tx)}
  .eerr-cab .label{color:var(--tx)}
  .eerr .fila{display:grid;grid-template-columns:minmax(7.2em,9.5em) minmax(0,1fr);
     align-items:center;gap:4px 12px;padding:10px 0 14px;border-bottom:1px solid var(--ln)}
  .eerr .nombre{font-size:13.5px;font-weight:500;line-height:1.25}
  .eerr .sub .nombre,.eerr .total .nombre{font-weight:700}
  .eerr .total{border-bottom:3px double var(--tx)}
  .eerr .pista{position:relative;height:18px}
  .eerr .total .pista{height:24px}
  .eerr .barra-v{position:absolute;top:0;bottom:0;left:calc(var(--x) * 1%);
     width:calc(var(--w) * 1%);background:var(--tx)}
  .eerr .resta .barra-v{background:transparent;box-shadow:inset 0 0 0 1.5px var(--tx)}
  .eerr .antes{position:absolute;top:-7px;height:0;left:calc(var(--x0) * 1%);
     width:calc(var(--w0) * 1%);border-top:1.5px dashed var(--tx2);
     transition:opacity 500ms var(--curva)}
  .eerr .total .barra-v{background:var(--ac);transition:background-color 700ms var(--curva)}
  .eerr .total .nombre{color:var(--ac);transition:color 700ms var(--curva)}
  .eerr .palanca{grid-column:2;font-size:12px;font-weight:600;letter-spacing:.1em;
     line-height:1.4;text-transform:uppercase;color:var(--ac);transition:opacity 600ms var(--curva)}
  .eerr .seg{position:absolute;top:0;bottom:0;left:calc(var(--sx,0) * 1%);
     width:calc(var(--sw,0) * 1%);transition:opacity 500ms var(--curva)}
  .eerr .seg-gana{background:var(--ac)}
  .eerr .seg-ahorro{background:color-mix(in oklab,var(--ac) 14%,transparent);
     outline:1.5px dashed var(--ac);outline-offset:-1.5px}
  .eerr .palanca-fin{text-align:right}
  .eerr .palanca-desde{padding-left:calc(var(--sx,0) * 1%)}
  .en-escena.eerr:not(.listo) .total .barra-v{background:var(--tx)}
  .en-escena.eerr:not(.listo) .total .nombre{color:var(--tx)}
  .en-escena.eerr:not(.fantasma) .antes{opacity:0}
  .en-escena.eerr:not(.palancas) .palanca,.en-escena.eerr:not(.palancas) .seg{opacity:0}
  @media (min-width:768px){
    .eerr .fila{grid-template-columns:minmax(8.5em,13.5em) minmax(0,1fr);gap:6px 18px;
       padding:12px 0}
    .eerr .nombre{font-size:15px}}
  @media (max-width:767px){
    .eerr .fila{grid-template-columns:minmax(0,1fr);row-gap:14px}
    .eerr .palanca{grid-column:1;white-space:nowrap}}
  @media (min-width:1024px){
    .hero-pyl .eerr{padding-top:8px}
    .eerr .fila{grid-template-columns:minmax(8.5em,13em) minmax(0,1fr);padding:16px 0 18px}
    .eerr .nombre{font-size:16.5px}
    .eerr .pista{height:26px}
    .eerr .total .pista{height:34px}}

  .campo{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--gap,clamp(7px,1.6vw,16px))}
  .campo i{display:block;aspect-ratio:1;border-radius:50%;background:var(--pt);
     transition:background-color 650ms var(--curva)}
  .campo i[data-l]{background:var(--pt-on)}
  .campo i.a{background:var(--pt-ac)}
  .campo.apagado i{background:var(--pt)}
  .campo i.dormido{background:var(--pt)}
  .en-escena .campo i{transition-duration:250ms}
  .brecha-escena{display:grid;grid-template-columns:repeat(2,minmax(0,440px));
     column-gap:var(--aire-2);margin-top:var(--aire-gr)}
  .brecha-escena .campo{--gap:5px;margin-bottom:var(--aire)}
  @media (min-width:768px){.brecha-escena{column-gap:var(--sec)}
    .brecha-escena .campo{--gap:10px}}
  @media (min-width:1024px){.brecha-escena{column-gap:clamp(48px,6vw,112px)}
    .brecha-escena .campo{--gap:14px}}
  @media (min-width:1440px){.brecha-escena{grid-template-columns:repeat(2,minmax(0,430px))}
    .brecha-escena .campo{--gap:14px}}
  .brecha-col{display:flex;flex-direction:column;min-width:0}
  @supports (grid-template-rows:subgrid){
    .brecha-col{display:grid;grid-row:span 4;grid-template-rows:subgrid}}
  .brecha-num{margin:0;display:flex;align-items:flex-end;border-top:1px solid var(--ln);
     padding-top:12px;line-height:1}
  .brecha-num .dato-diagrama{font-size:clamp(30px,3.4vw,52px);line-height:.9;min-width:0;
     padding-bottom:.19em}
  .brecha-num .cifra{display:inline-block;font-size:clamp(56px,6.4vw,104px);line-height:.9}
  .brecha-num .u{font-family:var(--font-sans);font-weight:500;color:var(--tx);
     letter-spacing:0;margin-left:.04em;font-size:.5em;vertical-align:.62em}
  .brecha-escena .rot{margin:10px 0 0;max-width:15em;font-size:clamp(14px,1.2vw,17px);
     font-weight:500;line-height:1.35}
  .brecha-escena .fuente{margin:12px 0 0}

  .jugadas{display:grid;gap:16px;margin:var(--aire-gr) 0 0;list-style:none;padding:0}
  @media (min-width:768px){.jugadas{grid-template-columns:1fr 1fr}}
  @media (min-width:1280px){.jugadas{grid-template-columns:repeat(4,1fr)}}
  .jugada{background:var(--card);padding:26px 24px 28px;display:flex;flex-direction:column;
     gap:14px;margin:0}
  .jugada .label{color:var(--tx2);margin:0}
  .jugada h3{font-size:clamp(21px,1.7vw,25px);line-height:1.2;letter-spacing:-.01em}
  .jugada p{margin:0;font-size:15px;line-height:1.5;color:var(--tx2)}
  .jugadas .jugada .mueve{margin-top:auto;padding-top:12px;border-top:1px solid var(--ln);
     font-size:17px;line-height:1.4;font-weight:500;color:var(--tx)}
  @media (min-width:768px){
    @supports (grid-template-rows:subgrid){
      .jugada{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:14px}
      .jugadas .jugada .mueve{margin-top:0}}}
  .js .jugadas.rev .jugada{opacity:0;transform:translateY(14px);
     transition:opacity 420ms var(--curva),transform 520ms var(--curva)}
  .js .jugadas.rev.vis .jugada{opacity:1;transform:none}
  .js .jugadas.rev.vis .jugada:nth-child(2){transition-delay:90ms}
  .js .jugadas.rev.vis .jugada:nth-child(3){transition-delay:180ms}
  .js .jugadas.rev.vis .jugada:nth-child(4){transition-delay:270ms}

  .persona{display:grid;gap:var(--aire-1) var(--aire-gr);align-items:center;margin:0}
  @media (min-width:768px){.persona{grid-template-columns:minmax(200px,360px) minmax(0,1fr)}}
  .persona-foto{margin:0;overflow:hidden;max-width:360px}
  .persona-foto img{display:block;width:100%;height:auto}
  .persona .cuerpo{margin:0;max-width:var(--medida-corta)}
  .persona .micro,.persona .acciones{margin:var(--aire-1) 0 0}

  .foto-banda img{height:clamp(300px,40vw,620px);object-position:50% 50%}
  .js .foto-banda img,.js .vis .foto-banda img{transform:none;transition:none}
  .foto-banda .foto-pie{padding:0 var(--m)}

  .hitos3{position:relative;margin-top:var(--aire-gr)}
  .hitos3-lista{list-style:none;margin:0;padding:0;display:grid;gap:var(--aire)}
  .hitos3-hito{position:relative;padding-left:28px}
  .hitos3-nodo{position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;
     background:var(--tx)}
  .hitos3-hito:last-child .hitos3-nodo{background:var(--ac)}
  .hitos3-hito .label{color:var(--tx);margin:0}
  .hitos3-hito:last-child .label{color:var(--ac)}
  .hitos3-hito h3{font-size:clamp(22px,2.2vw,32px);margin:6px 0 0}
  .hitos3-hito p{margin:10px 0 0;max-width:24em}
  .hitos3-hito .cierra{margin-top:14px;padding-top:12px;border-top:1px solid var(--ln);
     font-weight:600}
  .hitos3-riel{position:absolute;left:5px;top:10px;bottom:10px;width:1px;background:var(--ln)}
  .hitos3-traza{position:absolute;inset:0;background:var(--tx);transform-origin:50% 0}
  @media (min-width:768px){
    .hitos3-lista{grid-template-columns:repeat(3,1fr);gap:var(--aire-gr)}
    .hitos3-hito{padding-left:0;padding-top:36px}
    .hitos3-nodo{top:0}
    .hitos3-riel{left:0;right:0;top:5px;bottom:auto;width:auto;height:1px}
    .hitos3-traza{transform-origin:0 50%}}

  .lectura-cab{padding-top:var(--aire-gr)}
  .lectura-cab .label{color:var(--acento);margin:0}
  .lectura-cab h1{margin-top:var(--aire-1);max-width:min(985px,100%)}
  .lectura-cab .respuesta{margin:var(--aire-1) 0 0;max-width:var(--medida-lectura)}
  .lectura-cab .art-firma{margin-top:var(--aire-1)}
  .lectura-visual{margin:var(--aire-gr) 0 0;max-width:490px}
  .lectura-visual img{height:auto}

  .cierre-agenda .cuerpo{max-width:var(--medida-corta);margin:var(--aire-1) 0 0}
  .cierre-agenda .cta{margin:var(--aire) 0 0}

  .contacto-abrir{display:none}
  .js .contacto-abrir{display:block}
  .js .cierre-agenda.abierto .contacto-abrir{display:none}
  .js .contacto-form{display:none}
  .js .cierre-agenda.abierto .contacto-form{display:grid}
  .contacto-form[hidden]{display:none !important}
  button.boton-lleno{border:0;appearance:none;-webkit-appearance:none}
  .contacto-form{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--aire-1);
     row-gap:14px;margin:var(--aire) 0 0;max-width:560px}
  .contacto-form>*{grid-column:1 / -1}
  @media (min-width:600px){
    .contacto-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .contacto-form>.contacto-campo:nth-child(1){grid-column:1}
    .contacto-form>.contacto-campo:nth-child(2){grid-column:2}}
  .contacto-campo{margin:0}
  .contacto-form label{display:block;font-family:var(--font-sans);font-size:14px;
     font-weight:600;letter-spacing:.01em;color:var(--tx2,var(--tinta-2));margin:0 0 6px}
  .contacto-form input,.contacto-form textarea{display:block;width:100%;box-sizing:border-box;
     font-family:var(--font-sans);font-size:17px;line-height:1.4;color:var(--tx);
     background:color-mix(in oklab,var(--tx) 8%,transparent);
     border:1px solid color-mix(in oklab,var(--tx) 32%,transparent);border-radius:0;
     padding:9px 12px 10px;transition:border-color 120ms linear,background-color 120ms linear}
  .contacto-form textarea{resize:vertical;height:92px;min-height:68px}
  .contacto-form input:hover,.contacto-form textarea:hover{
     border-color:color-mix(in oklab,var(--tx) 60%,transparent)}
  .contacto-form input:focus-visible,.contacto-form textarea:focus-visible{
     outline:0;border-color:var(--ac);box-shadow:0 0 0 1px var(--ac);
     background:color-mix(in oklab,var(--tx) 12%,transparent)}
  .contacto-form input:-webkit-autofill{-webkit-text-fill-color:var(--tx);caret-color:var(--tx);
     box-shadow:0 0 0 100px var(--card,var(--carbon)) inset}
  .contacto-form .cta{margin:6px 0 0}
  .contacto-form button.boton-lleno:disabled{opacity:.6;cursor:default}
  .contacto-nota{margin:0;color:var(--tx2,var(--tinta-2));max-width:var(--medida-corta)}
  .contacto-error{margin:0;font-family:var(--font-sans);font-size:15px;color:var(--tx)}
  .contacto-error[hidden]{display:none}
  .contacto-trampa{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .contacto-verificacion{position:absolute;width:1px;height:1px;overflow:hidden}
  .contacto-verificacion.visible{position:static;width:auto;height:auto;overflow:visible}
  .contacto-estado{margin:var(--aire) 0 0;max-width:var(--medida-corta);
     font-family:var(--font-sans);font-size:19px;line-height:1.5;color:var(--tx)}
  .contacto-estado:empty{display:none}
  .contacto-estado:focus{outline:0}
  .contacto-estado a{color:inherit;text-decoration-color:var(--ac)}
  .agenda-alt{margin:var(--aire) 0 0;color:var(--tx2,var(--tinta-2))}
  .agenda-alt a{color:var(--tx);font-weight:600;text-underline-offset:4px;cursor:pointer}
  .agenda-alt a:hover,.agenda-alt a:focus-visible{text-decoration-thickness:2px}
  .agenda-alt a:focus-visible{outline:2px solid var(--tx);outline-offset:3px}
  .cierre-linkedin{margin:var(--aire) 0 0;color:var(--tx2,var(--tinta-2))}
  .cierre-linkedin a{color:var(--tx);font-weight:600;text-underline-offset:4px;display:inline-block;min-height:44px;padding:10px 0;line-height:1.4}
  .cierre-linkedin a:hover,.cierre-linkedin a:focus-visible{text-decoration-thickness:2px}
  .cierre-linkedin a:focus-visible{outline:2px solid var(--tx);outline-offset:3px}
  .agenda-marco{margin-top:var(--aire);background:var(--papel);width:100%;max-width:760px;justify-self:center}
  .agenda-marco[hidden]{display:none}
  .agenda-marco iframe{display:block;width:100%;height:1320px;border:0}
  .agenda-marco .micro{margin:0;padding:10px 16px;background:var(--papel-alto);
     color:var(--tinta-2)}
  .agenda-marco .micro a{color:var(--carbon)}

  @media (min-width:1024px){
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap{display:grid;
       grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:var(--sec);
       grid-template-rows:auto auto auto auto 1fr auto;align-items:start}
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap>*{grid-column:1}
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap>h2{grid-row:1}
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap>.cuerpo{grid-row:2}
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap>.agenda-alt{grid-row:3}
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap>.cierre-linkedin{grid-row:4}
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap>:is(.contacto-form,.contacto-estado){
       grid-column:2;grid-row:1 / span 5;margin-top:0;max-width:none}
    :is(.cierre-agenda.abierto,html:not(.js) .cierre-agenda)>.wrap>.agenda-marco{
       grid-column:1 / -1;grid-row:6}}

  @media (prefers-reduced-motion:reduce){
    .js .jugadas.rev .jugada{opacity:1;transform:none}
  }

  .causas{list-style:none;margin:var(--aire-gr) 0 0;padding:0;max-width:var(--medida-corta);
     border-top:1px solid var(--ln,var(--linea))}
  .causas li{padding:16px 0;border-bottom:1px solid var(--ln,var(--linea));
     font-family:var(--font-serif);font-size:clamp(20px,2.1vw,30px);line-height:1.3}
  .causas + .destacado{margin-top:var(--aire);max-width:var(--medida-corta);
     border-bottom:3px double var(--ac);padding-bottom:16px;color:var(--ac)}
  .js .causas.rev li{opacity:0;transform:translateY(10px);
     transition:opacity 420ms var(--curva),transform 420ms var(--curva)}
  .js .causas.rev.vis li{opacity:1;transform:none}
  .js .causas.rev.vis li:nth-child(2){transition-delay:110ms}
  .js .causas.rev.vis li:nth-child(3){transition-delay:220ms}

  .caras{--filas:5;display:grid;gap:var(--aire-gr);margin-top:var(--aire)}
  @media (min-width:768px){.caras{grid-template-columns:1fr 1fr}}
  .cara{display:flex;flex-direction:column;gap:var(--aire-1);
     border-top:1px solid var(--ln,var(--linea));padding-top:var(--aire-1)}
  .cara > *{margin:0}
  .cara h3{font-size:clamp(26px,3.1vw,46px);line-height:1.1}
  .cara .cuerpo{margin:0;color:var(--tx2,var(--tinta-2));max-width:var(--medida-corta)}
  .cara .mueve{margin-top:auto;padding-top:var(--aire-1);
     border-top:1px solid var(--ln,var(--linea));color:var(--tx2,var(--tinta-2))}
  @media (min-width:768px){
    @supports (grid-template-rows:subgrid){
      .cara{display:grid;grid-template-rows:subgrid;grid-row:span var(--filas)}
      .cara .mueve{margin-top:0}}}

  .sup .hito-linea i,.sup .hito-nodos .pt,.sup .hito-nodos::before{background:var(--tx2)}
  .sup .hito-nodos li.on .pt{background:var(--ac)}
  .sup .ad-col{border-color:var(--ln)}
  .js .vis.antes-ahora .ahora>p{opacity:1;transform:none}
  .js .vis.antes-ahora .ahora>p:nth-child(2){transition-delay:120ms}
  .js .vis.antes-ahora .ahora>p:nth-child(3){transition-delay:180ms}
  .js .vis.antes-ahora .ahora>p:nth-child(4){transition-delay:240ms}
  .sup .ad-col.ahora .ad-rot{color:var(--ac)}
  .sup .mueve{color:var(--tx2)}

  .caras-3{--filas:2}
  .caras-3 .cara h3{font-size:clamp(22px,2.2vw,32px)}
  @media (min-width:768px){.caras-3{grid-template-columns:repeat(3,1fr)}}
  .sol-intro{display:grid;gap:var(--aire-gr);margin-top:var(--aire-gr);align-items:start}
  @media (min-width:1024px){.sol-intro{grid-template-columns:minmax(200px,490px) minmax(0,1fr)}}
  .sol-intro .cuerpo{margin:0;max-width:var(--medida-lectura)}
  .sol-producto{margin-top:var(--aire);padding-top:var(--aire-1);border-top:1px solid var(--ln)}
  .sol-producto .label{margin:0;color:var(--ac,var(--acento))}
  .sol-producto .cuerpo{margin:var(--aire-1) 0 0}
  .sup-carbon .sol-producto{border-top-color:var(--tinta-2)}
  .sol-producto + .mueve{margin-top:var(--aire)}
  .sol-intro .cta{margin-top:var(--aire)}
  .logos{display:flex;flex-wrap:wrap;align-items:center;gap:var(--aire-1) var(--aire);
    margin:var(--aire-1) 0 0;padding:0;list-style:none}
  .logos li{display:flex;align-items:center;gap:8px}
  .logo-nombre{font-family:var(--font-sans);font-size:12px;line-height:1.2;
    color:var(--tx2,var(--tinta-2));white-space:nowrap}
  .logos .logo{display:block;--h:min(30px,calc(17px / var(--fi,1)));
    height:var(--h);width:calc(var(--h) * var(--ar,1));flex:none;
    background-color:var(--tx);
    -webkit-mask-image:var(--src);mask-image:var(--src);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain}
  .logos .logo-nombre:only-child{font-size:15px;font-weight:500;color:var(--tx)}
  .logo-grupos{display:grid;gap:var(--aire);margin-top:var(--aire)}
  .logo-grupo .micro{margin:0 0 var(--aire-1)}
  @media (min-width:1024px){.logo-grupos{grid-template-columns:repeat(3,1fr);gap:var(--aire-gr) var(--aire)}}
  .sol-producto .sol-agentes{margin:var(--aire-1) 0 0;color:var(--tx2)}
  .frontera-pyl{margin-top:var(--aire)}
  .frontera-fila{display:grid;gap:0 var(--aire-gr);align-items:start}
  .frontera-fila .label-diagrama{margin:0;padding-top:16px;color:var(--ac,var(--acento))}
  .frontera-fila .lista-llana{margin:0;max-width:none}
  .frontera-fila.afuera .label-diagrama,.frontera-fila.afuera .lista-llana li{color:var(--tx2)}
  .frontera-fila + .frontera-fila .lista-llana{border-top:0}
  @media (min-width:1024px){.frontera-fila{grid-template-columns:minmax(280px,1fr) 2fr}}

  .hero-pag.hero-corto{min-height:60vh}
  #hitos .hitos3{margin-top:0}
  #hitos{padding:var(--aire-gr) 0}
  #hitos .hitos3-hito .cierra{margin-top:10px;padding-top:8px}

  .preguntas{margin:var(--aire-gr) 0 0;border-top:1px solid var(--ln)}
  .pregunta{display:grid;gap:8px var(--aire-gr);padding:var(--aire-1) 0;
     border-bottom:1px solid var(--ln)}
  @media (min-width:768px){
    .pregunta{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:baseline}}
  .pregunta dt{font-family:var(--font-serif);font-weight:500;
     font-size:clamp(19px,1.75vw,24px);line-height:1.3}
  .pregunta dd{margin:0;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.5;max-width:var(--medida-lectura)}

  .relato-grilla{display:grid;gap:var(--aire) var(--aire-gr);align-items:start}
  @media (min-width:1024px){
    .relato-grilla{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
  .voz-latina{margin:0;font-family:var(--font-serif);font-weight:400;
     font-size:clamp(52px,7.2vw,112px);line-height:.95;letter-spacing:-.02em;color:var(--ac)}
  .relato-grilla .relato{max-width:var(--txt)}
  @media (min-width:1024px){.relato-grilla .relato{padding-top:.6em}}

  .marca-about img{--wm:clamp(180px,26vw,320px);width:var(--wm);
     margin-left:calc(var(--wm) * -.1369)}

  #gate-datos .foto-banda,#gobierno .foto-banda{margin-top:var(--aire-gr)}
  #cobro .statement{margin-bottom:var(--aire)}

  #vitrina .foto-banda,#numero-base .foto-banda{margin-top:var(--sec)}
  #numero-base .enc + .cuerpo{margin-top:var(--aire)}
  #estructura .antes-ahora{margin-top:var(--aire)}

  .vitrina{list-style:none;margin:var(--aire-gr) 0 0;padding:0;border-top:1px solid var(--ln)}
  .solucion{display:grid;gap:var(--aire-1) var(--aire-gr);padding:var(--aire) 0;
     border-bottom:1px solid var(--ln);align-items:start}
  @media (min-width:1024px){.solucion{grid-template-columns:minmax(260px,1fr) 2fr}}
  .solucion-pilar{margin:0;color:var(--tx2)}
  .solucion-cab h3{margin:8px 0 0;font-size:clamp(24px,2.4vw,34px);line-height:1.15;
     letter-spacing:-.01em}
  .solucion-cab .label{margin:10px 0 0;color:var(--ac,var(--acento))}
  .solucion-cuerpo>*{margin:0;max-width:var(--medida-lectura)}
  .solucion-cuerpo>*+*{margin-top:var(--aire-1)}
  .solucion-cita{font-family:var(--font-serif);font-weight:400;
     font-size:clamp(17px,1.3vw,19.5px);line-height:1.5;color:var(--tx)}
  .solucion-cuerpo .cuerpo{color:var(--tx2)}
  .solucion-cuerpo .sol-agentes{margin-top:10px;color:var(--tx2)}
  .solucion-datos{display:flex;flex-wrap:wrap;gap:4px var(--aire);padding-top:12px;
     border-top:1px solid var(--ln);font-size:15px;line-height:1.45;font-weight:500;color:var(--tx)}
  .solucion-estado{font-family:var(--font-serif);font-style:italic;font-size:15.5px;
     line-height:1.45;color:var(--tx2)}
  .solucion-cuerpo .solucion-datos + .solucion-estado{margin-top:10px}
  .vitrina-pie,.jugadas-pie{margin:var(--aire) 0 0;max-width:var(--medida-lectura)}
  .js .vitrina.rev .solucion{opacity:0;transform:translateY(14px);
     transition:opacity 420ms var(--curva),transform 520ms var(--curva)}
  .js .vitrina.rev.vis .solucion{opacity:1;transform:none}
  .js .vitrina.rev.vis .solucion:nth-child(2){transition-delay:90ms}
  .js .vitrina.rev.vis .solucion:nth-child(3){transition-delay:180ms}
  .js .vitrina.rev.vis .solucion:nth-child(4){transition-delay:270ms}
  .js .vitrina.rev.vis .solucion:nth-child(5){transition-delay:360ms}
  @media (prefers-reduced-motion:reduce){
    .js .vitrina.rev .solucion{opacity:1;transform:none}}

  @media (min-width:1280px){.jugadas-5{grid-template-columns:repeat(5,1fr)}}
  @media (min-width:768px) and (max-width:1279.98px){.jugadas-5 .jugada:first-child{grid-column:1 / -1}}
  .js .jugadas.rev.vis .jugada:nth-child(5){transition-delay:360ms}