/* Página para elegir propuesta (portada del sitio de bocetos): seis tarjetas con la captura de cada propuesta. */
body.jg-sel {
	--bg: #0A1C16; --bg2: #0F261E; --panel: #0D221B; --ink: #EEF2EA; --mute: #9DB1A6; --line: rgba(238, 242, 234, .11); --line-2: rgba(238, 242, 234, .22);
	--acc: #CDB07A; --acc-ink: #0A1C16; --fd: 'Bricolage Grotesque', sans-serif; --fb: 'Figtree', sans-serif; --fm: 'DM Mono', monospace; --veil-bg: #0A1C16;
	background: radial-gradient(70% 55% at 90% 0%, rgba(52, 104, 80, .45), transparent 65%) no-repeat, var(--bg);
}
body.jg-site .e-con.jg-selpage { --sec: 0px; min-height: 100svh; }
body.jg-site .e-con.jg-sel { padding-top: 32px; padding-bottom: 60px; }
body.jg-site .jg-sel__logo img { height: 44px; width: auto; }
/* Separación con padding: Elementor anula el margin inferior de los widgets */
body.jg-site .jg-sel__h { margin: clamp(60px, 9vw, 120px) 0 0; padding-bottom: clamp(30px, 4vw, 54px); }
body.jg-site .jg-sel__h .elementor-heading-title { font: 700 clamp(44px, 6.4vw, 104px)/.95 var(--fd); letter-spacing: -.045em; }
body.jg-site .e-con.jg-sel__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
body.jg-site .e-con.jg-sel__c { border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--panel); position: relative; top: 0; transition: top .5s var(--ease), border-color .3s; }
body.jg-site .e-con.jg-sel__c:hover { top: -8px; border-color: var(--acc); }
body.jg-site .jg-sel__img { overflow: hidden; }
body.jg-site .jg-sel__img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 0 0; transition: scale 1s var(--ease); }
body.jg-site .e-con.jg-sel__c:hover .jg-sel__img img { scale: 1.05; }
body.jg-site .jg-sel__t { padding: 20px 24px; }
body.jg-site .jg-sel__t .elementor-heading-title { display: flex; justify-content: space-between; align-items: center; font: 650 24px/1 var(--fd); letter-spacing: -.02em; }
body.jg-site .jg-sel__t .elementor-heading-title::after { content: ""; width: 20px; height: 20px; background: var(--acc); -webkit-mask: var(--arrow) center/contain no-repeat; mask: var(--arrow) center/contain no-repeat; transition: transform .4s var(--ease); }
body.jg-site .e-con.jg-sel__c:hover .jg-sel__t .elementor-heading-title::after { transform: translateX(5px); }
@media (max-width: 980px) { body.jg-site .e-con.jg-sel__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { body.jg-site .e-con.jg-sel__grid { grid-template-columns: 1fr; } }