/* Propuesta B · «Noche»: blanco sobre negro, condensada enorme, fotografía en blanco y negro que se enciende. Big Shoulders + Hanken Grotesk. */
body.jg-b {
	--bg: #060606; --bg2: #121211; --panel: #0D0D0C; --ink: #F3EFE6; --mute: #8F8A80; --dim: rgba(243, 239, 230, .3);
	--line: rgba(243, 239, 230, .12); --line-2: rgba(243, 239, 230, .24); --acc: #CBB07D; --acc-ink: #060606; --acc-soft: rgba(203, 176, 125, .16);
	--soft: rgba(243, 239, 230, .07); --row-hover: rgba(243, 239, 230, .035); --hdr-bg: rgba(6, 6, 6, .8); --nav-bg: rgba(243, 239, 230, .04); --err: #FF9C8A;
	--fd: 'Big Shoulders', 'Hanken Grotesk', sans-serif; --fb: 'Hanken Grotesk', system-ui, sans-serif; --fm: 'DM Mono', ui-monospace, monospace;
	--h1s: clamp(70px, 13.6vw, 248px); --h1w: 850; --h1lh: .84; --h1ls: -.005em; --h2s: clamp(48px, 6.6vw, 116px); --h2w: 800; --h2lh: .9; --h2ls: 0em;
	--btn-r: 0; --nav-r: 0; --r-md: 0; --r-lg: 0; --r-xl: 0; --logo-f: brightness(0) invert(1); --post-f: grayscale(1) contrast(1.05); --ftr-bg: #000; --ftr-ink: #F3EFE6; --veil-bg: #060606;
	--diag-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F3EFE6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E");
}
body.jg-b .jg-t-h1 .elementor-heading-title, body.jg-b .jg-t-h2 .elementor-heading-title, body.jg-b .jg-ftr__big .elementor-heading-title, body.jg-b .jg-ftr__word .elementor-heading-title, body.jg-b .jg-mnav__list a, body.jg-b .jg-card__t .elementor-heading-title, body.jg-b .jg-cf label:not(.wpcf7-acceptance label) { text-transform: uppercase; }
body.jg-b .jg-hdr__nav .elementor-icon-list-items { border: 0; background: none; }
body.jg-b .jg-hdr__nav .elementor-icon-list-item > a { text-transform: uppercase; font-size: 12.5px; letter-spacing: .06em; font-weight: 600; }
/* Hero */
body.jg-site .e-con.jg-hero--b { min-height: 100svh; justify-content: flex-end; padding-block: 130px 56px; overflow: hidden; }
body.jg-site .e-con.jg-hero--b .jg-hero__in { display: grid; grid-template-columns: 1fr; gap: 26px; position: relative; }
body.jg-site .jg-hero--b .jg-hero__side { grid-row: 1; grid-column: 1; position: relative; z-index: 2; }
body.jg-site .jg-hero--b .jg-hero__side .elementor-icon-list-items { color: var(--ink); }
body.jg-site .jg-h1--b { grid-row: 2; grid-column: 1; position: relative; z-index: 2; }
body.jg-b .jg-h1--b .ln--r { text-align: right; }
body.jg-b .jg-h1--b .ln--fill { background: url(img/piel-tigre.jpg) 50% 50% / 140% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: jg-fill 18s ease-in-out infinite alternate; }
@keyframes jg-fill { to { background-position: 50% 100%; } }
body.jg-site .jg-hero__photo { grid-row: 1 / 3; grid-column: 1; justify-self: end; align-self: center; margin-right: 7%; z-index: 1; width: clamp(220px, 23vw, 390px) !important; overflow: hidden; }
body.jg-site .jg-hero__photo img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; filter: grayscale(1) contrast(1.15) brightness(.8); transition: filter .8s; }
body.jg-site .jg-hero__photo:hover img { filter: none; }
@media (max-width: 760px) { body.jg-site .jg-hero__photo { margin-right: 0; opacity: .75; width: 44vw !important; } body.jg-b .jg-h1--b .ln--r { text-align: left; } }
/* Cinta con los rótulos de sus servicios */
body.jg-site .e-con.jg-ticker { --sec: 0px; border-block: 1px solid var(--line); padding-block: 18px; }
body.jg-site .jg-marquee--txt { --dur: 40s; -webkit-mask-image: none; mask-image: none; }
body.jg-site .jg-tick__w .elementor-heading-title { font: 800 clamp(48px, 8vw, 128px)/1 var(--fd); text-transform: uppercase; padding-inline: 34px; color: transparent; -webkit-text-stroke: 1.2px var(--ink); white-space: nowrap; transition: color .3s; }
body.jg-site .jg-tick__w:nth-child(4n+1) .elementor-heading-title, body.jg-site .jg-tick__w:hover .elementor-heading-title { color: var(--ink); -webkit-text-stroke: 0; }
body.jg-site .jg-tick__i { flex: 0 0 auto; width: clamp(28px, 4vw, 54px) !important; }
body.jg-site .jg-tick__i img { width: 100%; }
/* Como tú, somos únicos */
body.jg-site .e-con.jg-somos--b .jg-somos__in { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
body.jg-b .jg-somos__ps p:nth-child(-n+2) { font: 500 clamp(22px, 2.2vw, 34px)/1.25 var(--fb); letter-spacing: -.012em; }
/* Servicios en rejilla con filetes */
body.jg-site .e-con.jg-servicios--b .jg-cards { --cards-gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
body.jg-site .jg-servicios--b .e-con.jg-card { padding: clamp(18px, 1.8vw, 28px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .35s; }
body.jg-site .jg-servicios--b .e-con.jg-card:hover { background: var(--row-hover); }
body.jg-site .jg-servicios--b .jg-card__img { margin-bottom: 12px; }
body.jg-site .jg-servicios--b .jg-card__img img { filter: grayscale(1) contrast(1.12) brightness(.85); }
body.jg-site .jg-servicios--b .e-con.jg-card:hover .jg-card__img img { filter: none; }
body.jg-site .jg-servicios--b .jg-card__n { position: absolute !important; left: calc(clamp(18px, 1.8vw, 28px) + 12px); top: calc(clamp(18px, 1.8vw, 28px) + 6px); z-index: 2; }
body.jg-site .jg-servicios--b .jg-card__n .elementor-heading-title { font: 850 64px/1 var(--fd); color: #fff; mix-blend-mode: difference; letter-spacing: 0; }
body.jg-site .jg-servicios--b .jg-card__t .elementor-heading-title { font: 800 clamp(32px, 3vw, 48px)/.92 var(--fd); }
/* Proyectos en rejilla con filetes, en blanco y negro */
body.jg-site .e-con.jg-pgrid--b { gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
body.jg-site .jg-pgrid--b .jg-pg { border-radius: 0; padding: clamp(14px, 1.6vw, 24px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: none; }
body.jg-site .jg-pgrid--b .jg-pg img { filter: grayscale(1) contrast(1.1) brightness(.85); }
body.jg-site .jg-pgrid--b .jg-pg:hover img { filter: none; }
/* Marcas en rejilla */
body.jg-site .e-con.jg-logos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
body.jg-site .e-con.jg-logos__c { aspect-ratio: 3 / 2; display: grid; place-items: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .3s; }
body.jg-site .e-con.jg-logos__c:hover { background: var(--row-hover); }
body.jg-site .jg-logos .jg-logo { padding: 18px; }
body.jg-site .jg-logos .jg-logo img { height: auto; max-height: 50px; max-width: 100%; }
@media (max-width: 900px) { body.jg-site .e-con.jg-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) { body.jg-site .e-con.jg-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
body.jg-b .jg-enfoque__p .elementor-heading-title { font: 500 clamp(21px, 1.9vw, 30px)/1.32 var(--fb); }
body.jg-b .jg-ftr__word .elementor-heading-title { font-size: clamp(130px, 30vw, 560px); -webkit-text-stroke-color: rgba(243, 239, 230, .16); }