/* Propuesta A · «Esmeralda»: modo oscuro con el verde de la hoja del logo y el arena de «JUNGLE». Bricolage Grotesque + Figtree + DM Mono. */
body.jg-a {
	--bg: #0A1C16; --bg2: #0F261E; --panel: #0D221B; --ink: #EEF2EA; --mute: #9DB1A6; --dim: rgba(238, 242, 234, .3);
	--line: rgba(238, 242, 234, .11); --line-2: rgba(238, 242, 234, .22); --acc: #CDB07A; --acc-ink: #0A1C16; --acc-soft: rgba(205, 176, 122, .16);
	--soft: rgba(238, 242, 234, .07); --row-hover: rgba(238, 242, 234, .035); --hdr-bg: rgba(10, 28, 22, .74); --nav-bg: rgba(238, 242, 234, .05); --err: #FF9C8A;
	--fd: 'Bricolage Grotesque', 'Figtree', sans-serif; --fb: 'Figtree', system-ui, sans-serif; --fm: 'DM Mono', ui-monospace, monospace;
	--h1s: clamp(54px, 9vw, 152px); --h1w: 700; --h1lh: .92; --h1ls: -.045em; --h2s: clamp(38px, 5vw, 82px); --h2w: 650;
	--logo-f: brightness(0) invert(1); --r-md: 18px; --r-lg: 24px; --r-xl: 32px; --ftr-bg: #071510; --veil-bg: #0A1C16;
	--diag-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEF2EA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E");
	--diag-img-acc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1C16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E");
}
/* Hero: su foto de la selva bajo el verde, hojas que se mecen y titular con píldoras de piel */
body.jg-site .e-con.jg-hero--a { min-height: 100svh; justify-content: flex-end; padding-block: 150px 70px; overflow: hidden; isolation: isolate; }
body.jg-site .jg-hero--a .jg-hero__foto { position: absolute !important; inset: 0; z-index: 0; }
body.jg-site .jg-hero--a .jg-hero__foto img { width: 100%; height: 100%; object-fit: cover; opacity: .4; filter: saturate(.85); }
body.jg-site .e-con.jg-hero--a::after { content: ""; position: absolute; inset: 0; z-index: 1; background: radial-gradient(55% 65% at 88% 12%, rgba(52, 104, 80, .45), transparent 62%), linear-gradient(180deg, rgba(10, 28, 22, .5) 0%, rgba(10, 28, 22, .7) 45%, rgba(10, 28, 22, .97) 94%); pointer-events: none; }
body.jg-site .jg-leaf { position: absolute !important; z-index: 2; pointer-events: none; }
body.jg-site .jg-leaf img { width: 100%; filter: brightness(1.55) saturate(1.1); opacity: .55; }
body.jg-site .jg-leaf--1 { width: min(760px, 62vw) !important; right: -14%; top: -12%; rotate: -16deg; }
body.jg-site .jg-leaf--2 { width: min(360px, 32vw) !important; left: -9%; bottom: -16%; rotate: 158deg; }
body.jg-site .jg-leaf--2 img { opacity: .3; }
body.jg-site .e-con.jg-hero--a .jg-hero__in { position: relative; z-index: 4; }
body.jg-a .jg-h1--a em { font-style: normal; color: var(--acc); }
body.jg-a .jg-h1--a .pill { display: inline-block; vertical-align: middle; height: .74em; width: 1.85em; margin-left: .06em; border-radius: 999px; transform: translateY(-.07em); background: var(--bg2) url(img/piel-leopardo.jpg) center/cover; }
body.jg-a .jg-h1--a .pill--2 { width: 1.4em; background-image: url(img/tigre.jpg); background-position: 50% 30%; }
body.jg-site .e-con.jg-hero__pie { flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; margin-top: clamp(30px, 4vw, 60px); padding-top: 26px; border-top: 1px solid var(--line); }
/* Formas en movimiento (sin vídeo) con los rótulos de sus servicios */
body.jg-site .e-con.jg-band { --sec: clamp(36px, 5vw, 80px); overflow: hidden; gap: 14px; }
body.jg-site .e-con.jg-band__row { flex-direction: row; flex-wrap: nowrap; gap: clamp(10px, 1.2vw, 16px); width: max-content; padding-left: 3vw; will-change: transform; }
body.jg-site .e-con.jg-band__row--2 { margin-left: -38vw; }
body.jg-site .jg-shape { flex: 0 0 auto; }
body.jg-site .jg-shape .elementor-heading-title { display: inline-flex; align-items: center; height: clamp(78px, 10.5vw, 168px); padding: 0 clamp(26px, 3.6vw, 62px); border-radius: 999px; font: 700 clamp(38px, 6.2vw, 108px)/1 var(--fd); letter-spacing: -.045em; white-space: nowrap; }
body.jg-site .jg-shape--1 .elementor-heading-title { background: var(--acc); color: var(--acc-ink); }
body.jg-site .jg-shape--2 .elementor-heading-title { background: #EAF0E7; color: #0A1C16; border-radius: 34px; transform: skewX(-12deg); }
body.jg-site .jg-shape--3 .elementor-heading-title { background: #2C5A45; color: #EEF2EA; }
body.jg-site .jg-shape--4 .elementor-heading-title { background: #EAF0E7; color: #0A1C16; border-radius: 30px; }
body.jg-site .jg-shape--ol .elementor-heading-title { background: transparent; border: 1.5px solid var(--line-2); color: var(--ink); font-weight: 600; }
body.jg-site .jg-shape--img { width: clamp(150px, 19vw, 310px) !important; height: clamp(78px, 10.5vw, 168px); border-radius: 999px; overflow: hidden; }
body.jg-site .jg-shape--sm { width: clamp(100px, 11vw, 180px) !important; }
body.jg-site .jg-shape--img img { width: 100%; height: clamp(78px, 10.5vw, 168px); object-fit: cover; }
/* Marcas, proyectos, enfoque, contacto */
body.jg-site .e-con.jg-marcas--a { --sec: clamp(60px, 7vw, 110px); border-block: 1px solid var(--line); }
body.jg-site .e-con.jg-proyectos--a { padding-inline: 0; --sec: clamp(60px, 7vw, 100px); min-height: 100svh; justify-content: center; }
body.jg-site .jg-proyectos--a .jg-proy__h .elementor-heading-title { font-size: clamp(34px, 3.6vw, 56px); }
body.jg-site .jg-proyectos--a .jg-proy__h { margin-bottom: 0; }
body.jg-site .e-con.jg-contacto--a { background: radial-gradient(50% 60% at 100% 0%, rgba(52, 104, 80, .35), transparent 60%), var(--bg); }
body.jg-a .jg-ftr__word .elementor-heading-title { -webkit-text-stroke-color: rgba(205, 176, 122, .3); }
body.jg-a { --ftr-ink: #EEF2EA; }