.esencia{position:relative;background:var(--gris);color:var(--negro)}
.esencia-lienzo{position:relative;display:flex;flex-direction:column;padding:10rem var(--margen) 8rem}
.esencia-rotulo{margin-bottom:4rem;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:1.6rem;letter-spacing:-.053em;line-height:1.15;text-align:center}
.esencia-titulo{font-family:var(--titular);font-weight:900;font-size:8.22rem;letter-spacing:0;line-height:.95;text-transform:uppercase}
.esencia-marca{position:relative;z-index:2;margin-top:-2rem;text-align:right}
.esencia-tarjetas{position:relative;z-index:1;aspect-ratio:932.7/614.6;margin:-1rem calc(-1 * var(--margen)) 0;container-type:inline-size}
.esencia-tarjeta{position:absolute;left:calc((var(--mx) - 493.7) * 100cqw / 932.7);top:calc((var(--my) - 209.6) * 100cqw / 932.7);width:calc(var(--mw) * 100cqw / 932.7);height:calc(var(--mh) * 100cqw / 932.7)}
.esencia-foto{width:100%;height:100%;border-radius:1rem;overflow:hidden;rotate:var(--mg)}
.esencia-izquierda{--x:799.8;--y:326.85;--w:307.2;--h:546.9;--g:-5.17deg;--hx:663.45;--hy:521.35;--hg:-5.17deg;--he:.9557;--mx:516.65;--my:259.95;--mw:293.6;--mh:522.8;--mg:-5.17deg}
.esencia-derecha{--x:806.7;--y:334.9;--w:306.7;--h:545.4;--g:0deg;--hx:1254.2;--hy:525.15;--hg:5.74deg;--he:.9573;--mx:1107.4;--my:263.75;--mw:293.6;--mh:522.8;--mg:5.74deg}
.esencia-centro{--x:806.7;--y:334.9;--w:306.7;--h:545.4;--g:0deg;--hx:960.05;--hy:516.9;--hg:0deg;--he:1.1268;--mx:787.2;--my:209.6;--mw:345.7;--mh:614.6;--mg:0deg}
.esencia-verde{gap:4rem;background:var(--verde)}
.esencia-detalle{display:flex;flex-direction:column;gap:3rem}
.esencia-texto{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:-.053em;line-height:1.2}
.esencia-resto{text-align:right}

@media (min-width:1200px){
  .esencia{height:calc(3.1 * var(--alto))}
  .esencia-fija{position:sticky;top:0;display:flex;align-items:center;justify-content:center;height:var(--alto);overflow:hidden;background:var(--gris)}
  .esencia-lienzo{display:block;flex:none;width:min(100%,calc(var(--alto) * 16 / 9));aspect-ratio:16/9;padding:0;container-type:size}
  .esencia-verde{position:absolute;top:50%;left:50%;z-index:2;translate:-50% -50%;background:none}
  .esencia-rotulo{position:absolute;top:calc(138.23 * 100cqw / 1920);left:0;right:0;margin:0;font-size:calc(29 * 100cqw / 1920)}
  .esencia-titulo{position:absolute;left:calc(var(--x) * 100cqw / 1920);top:calc(var(--y) * 100cqw / 1920);margin:0;font-size:calc(200 * 100cqw / 1920);line-height:1.2;text-align:left;white-space:nowrap}
  .esencia-primero{--x:102.4;--y:178.6}
  .esencia-marca{left:auto;right:calc(var(--d) * 100cqw / 1920);--d:104.55;--y:809.9}
  .esencia-tarjetas{display:contents;container-type:normal}
  .esencia-tarjeta{left:calc(var(--x) * 100cqw / 1920);top:calc(var(--y) * 100cqw / 1920);width:calc(var(--w) * 100cqw / 1920);height:calc(var(--h) * 100cqw / 1920);z-index:1;will-change:transform}
  .esencia-foto{border-radius:calc(13.15 * 100cqw / 1920);rotate:var(--g)}
  .esencia-detalle{display:contents}
  .esencia-texto{font-size:calc(29 * 100cqw / 1920);line-height:1.15}
  .esencia-resto{left:auto;right:calc(var(--d) * 100cqw / 1920)}
}
@media (min-width:1200px){
  .quieto .esencia{height:auto}
  .quieto .esencia-fija{position:static;display:block;height:auto;background:none}
  .quieto .esencia-lienzo{width:100%;background:var(--gris)}
  .quieto .esencia-verde{position:relative;top:auto;left:auto;translate:none;background:var(--verde)}
}