/* Propuesta F · «Panorama» (unrvld.com: titular condensado centrado sobre foto con trama de puntos, menú en cápsula oscura con el logo
   en medio; loungelizard.com: panel de color partido con foto y botón fijo abajo a la derecha). Antonio + Schibsted Grotesk. */
body.jg-f {
	--bg: #ECEFE9; --bg2: #E0E5DD; --panel: #FFFFFF; --ink: #0B2219; --mute: #4F5E56; --dim: rgba(11, 34, 25, .35);
	--line: rgba(11, 34, 25, .12); --line-2: rgba(11, 34, 25, .24); --acc: #1F5C45; --acc-ink: #FFFFFF; --acc-soft: rgba(31, 92, 69, .15); --gold: #C9AE7C;
	--soft: rgba(11, 34, 25, .06); --row-hover: rgba(11, 34, 25, .03); --hdr-bg: rgba(236, 239, 233, .85); --nav-bg: rgba(11, 34, 25, .8); --err: #B4452F;
	--fd: 'Antonio', 'Schibsted Grotesk', sans-serif; --fb: 'Schibsted Grotesk', system-ui, sans-serif; --fm: 'DM Mono', ui-monospace, monospace;
	--h1s: clamp(66px, 10vw, 172px); --h1w: 700; --h1lh: .9; --h1ls: -.01em; --h2s: clamp(44px, 5.4vw, 92px); --h2w: 700; --h2lh: .94; --h2ls: -.01em;
	--r-md: 8px; --r-lg: 10px; --r-xl: 16px; --logo-f: grayscale(1) brightness(.25); --logo-o: .75; --logo-f-hover: none; --ftr-bg: #0B1F18; --ftr-ink: #ECEFE9; --veil-bg: #0B2219;
	--diag-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2219' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E");
}
body.jg-f .jg-t-h1 .elementor-heading-title, body.jg-f .jg-t-h2 .elementor-heading-title, body.jg-f .jg-card__t .elementor-heading-title, body.jg-f .jg-ftr__big .elementor-heading-title, body.jg-f .jg-ftr__word .elementor-heading-title, body.jg-f .jg-mnav__list a { text-transform: uppercase; }
/* Cabecera: cápsula oscura con el logo en medio (UNRVLD) */
body.jg-site.jg-f .e-con.jg-hdr { justify-content: center; gap: 0; }
body.jg-f .jg-hdr__nav { margin: 0; }
body.jg-f .jg-hdr__nav .elementor-icon-list-items { background: var(--nav-bg); border: 0; border-radius: 0; padding: 6px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
body.jg-f .jg-hdr__nav--l .elementor-icon-list-items { border-radius: 10px 0 0 10px; }
body.jg-f .jg-hdr__nav--r .elementor-icon-list-items { border-radius: 0 10px 10px 0; }
body.jg-f .jg-hdr__nav .elementor-icon-list-item > a { color: #ECEFE9 !important; font-size: 13px; border-radius: 6px; }
body.jg-f .jg-hdr__nav .elementor-icon-list-item > a:hover { background: rgba(236, 239, 233, .14); }
body.jg-f .jg-hdr__logo { background: var(--nav-bg); padding: 8px 20px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); align-self: stretch; display: flex; align-items: center; }
body.jg-f .jg-hdr__logo img { height: 30px !important; }
body.jg-f .jg-hdr__cta { position: absolute; right: var(--g); }
body.jg-f .jg-hdr__cta .elementor-button { background: var(--gold); color: var(--ink); border-radius: 10px; }
@media (max-width: 1240px) { body.jg-site.jg-f .e-con.jg-hdr { justify-content: flex-start; gap: 16px; } body.jg-f .jg-hdr__logo { background: none; padding: 0; } body.jg-f .jg-hdr__cta { position: static; margin-left: auto; } }
/* Hero: su foto con trama de puntos y titular condensado centrado */
body.jg-site .e-con.jg-hero--f { min-height: 100svh; justify-content: center; align-items: center; text-align: center; padding-block: 140px 70px; overflow: hidden; isolation: isolate; }
body.jg-site .jg-hero--f .jg-hero__foto { position: absolute !important; inset: 0; z-index: -2; }
body.jg-site .jg-hero--f .jg-hero__foto img { width: 100%; height: 100%; object-fit: cover; }
body.jg-site .jg-trama { position: absolute !important; inset: 0; z-index: -1; height: auto !important; background-image: radial-gradient(rgba(11, 34, 25, .55) 1px, transparent 1.3px), linear-gradient(rgba(11, 34, 25, .35), rgba(11, 34, 25, .62)); background-size: 4px 4px, 100% 100%; }
body.jg-site .e-con.jg-hero--f .jg-hero__in { align-items: center; }
body.jg-f .jg-h1--f .elementor-heading-title { color: #fff; text-align: center; }
body.jg-site .jg-hero--f .jg-sedes { margin-top: 34px; }
body.jg-site .jg-hero--f .jg-sedes .elementor-icon-list-items { justify-content: center; color: rgba(255, 255, 255, .85); }
/* Como tú: panel partido (Lounge Lizard) */
body.jg-site .e-con.jg-somos--f { --sec: 0px; }
body.jg-site .e-con.jg-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); min-height: 92vh; }
body.jg-site .e-con.jg-split__panel { background: var(--acc); color: #fff; padding: clamp(60px, 8vw, 130px) clamp(28px, 6vw, 110px); justify-content: center; --ink: #FFFFFF; --mute: rgba(255, 255, 255, .78); --bg: #0B2219; }
body.jg-site .jg-split__panel .jg-somos__ps p { color: rgba(255, 255, 255, .8); }
body.jg-site .jg-split__panel .jg-somos__ps p:nth-child(-n+2) { color: #fff; font-family: var(--fb); font-weight: 600; font-size: clamp(21px, 2vw, 32px); }
body.jg-site .e-con.jg-split__foto { position: relative; overflow: hidden; min-height: 60vh; }
body.jg-site .jg-split__img { position: absolute !important; inset: 0; }
body.jg-site .jg-split__img img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) { body.jg-site .e-con.jg-split { grid-template-columns: 1fr; } }
/* Servicios en tarjetas (UNRVLD) */
body.jg-site .jg-servicios--f .e-con.jg-card { gap: 12px; }
body.jg-site .jg-servicios--f .jg-card__img { border-radius: var(--r-lg); }
body.jg-site .jg-servicios--f .jg-card__n { display: none; }
body.jg-site .jg-servicios--f .jg-card__t { padding-top: 6px; border-top: 1px solid var(--line-2); }
body.jg-site .jg-servicios--f .jg-card__t .elementor-heading-title { font: 700 clamp(30px, 2.6vw, 44px)/.95 var(--fd); }
/* Proyectos en carril que se arrastra */
/* scroll-padding: sin él el ajuste llevaba la primera foto al borde de la pantalla, fuera del margen */
body.jg-site .e-con.jg-carril { overflow-x: auto; scrollbar-width: none; cursor: grab; scroll-snap-type: x mandatory; scroll-padding-inline: var(--g); margin-top: clamp(26px, 3vw, 46px); }
body.jg-site .e-con.jg-carril::-webkit-scrollbar { display: none; }
body.jg-site .e-con.jg-carril.is-drag { cursor: grabbing; scroll-snap-type: none; }
body.jg-site .e-con.jg-carril__in { flex-direction: row; flex-wrap: nowrap; gap: 20px; padding-inline: var(--g); width: max-content; }
body.jg-site .jg-carril__img { flex: 0 0 auto; width: clamp(280px, 36vw, 560px) !important; border-radius: var(--r-lg); overflow: hidden; scroll-snap-align: start; }
body.jg-site .jg-carril__img img { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; transition: scale 1s var(--ease); pointer-events: none; }
body.jg-site .jg-carril__img:hover img { scale: 1.05; }
/* Marcas en rejilla de 4 con filetes (como «Technology partnerships») */
body.jg-site .e-con.jg-marcas--f .jg-logos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
body.jg-site .jg-marcas--f .e-con.jg-logos__c { padding: 26px 10px; border-bottom: 1px solid var(--line); align-items: flex-start; }
body.jg-site .jg-marcas--f .jg-logo { padding: 0; }
body.jg-site .jg-marcas--f .jg-logo img { height: 40px; }
@media (max-width: 760px) { body.jg-site .e-con.jg-marcas--f .jg-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
body.jg-f .jg-enfoque__p .elementor-heading-title { font-family: var(--fb); font-weight: 500; }
/* Botón fijo (Lounge Lizard): aparece al dejar atrás el hero */
body.jg-site .e-con.jg-fijo { position: fixed; right: clamp(14px, 2vw, 28px); bottom: clamp(14px, 2vw, 28px); z-index: 55; width: auto; opacity: 0; transform: translateY(20px); pointer-events: none; transition: opacity .4s, transform .5s var(--ease); }
body.jg-pasado .e-con.jg-fijo { opacity: 1; transform: none; pointer-events: auto; }
body.jg-site .jg-btn--fijo .elementor-button { background: var(--gold); color: var(--ink); padding: 18px 28px; border-radius: 999px; font-size: 16px; box-shadow: 0 20px 40px -14px rgba(11, 34, 25, .45); text-transform: uppercase; letter-spacing: .04em; }
body.jg-site .jg-btn--fijo .elementor-button:hover { background: var(--ink); color: #fff; }
body.jg-f .jg-ftr__word .elementor-heading-title { font-weight: 700; letter-spacing: -.02em; -webkit-text-stroke-color: rgba(201, 174, 124, .35); }
/* Pie verde oscuro: acento en arena (el verde del teléfono y de «¡Hola!» no se leía) */
body.jg-f .jg-ftr { --acc: #C9AE7C; --acc-ink: #0B2219; }