/* GSP — Trabajá con nosotros (empleo / fuga). Canonical tokens. */

/* ── Topbar mínima (dead-end, sin mega-menú) ── */
.empleo-topbar { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1.2rem,4vw,3rem); background: var(--navy-800); }
.empleo-logo img { height: 46px; display: block; }
.empleo-back { display: inline-flex; align-items: center; gap: .5rem; color: rgba(255,255,255,.7); text-decoration: none; font-family: var(--font-display); font-weight: 700; font-size: .82rem; transition: color var(--dur) var(--ease); }
.empleo-back:hover { color: #fff; }
.empleo-back svg { stroke: var(--red-500); }

/* ── HERO ── */
.empleo-hero { position: relative; background: linear-gradient(155deg, var(--navy-800) 0%, #0E1526 100%); padding: clamp(3rem,7vh,5rem) var(--section-x) clamp(3.5rem,7vh,5rem); overflow: hidden; }
.empleo-hero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 15% 0%, rgba(231,26,33,.14), transparent 52%), radial-gradient(ellipse at 90% 100%, rgba(63,78,109,.4), transparent 55%); }
.empleo-hero-inner { position: relative; z-index: 2; max-width: 880px; margin: 0 auto; }
.empleo-pill { display: inline-block; background: var(--red-500); color: #fff; font-family: var(--font-display); font-weight: 800; font-size: .78rem; letter-spacing: 2px; text-transform: uppercase; padding: .55rem 1.3rem; border-radius: var(--radius-pill); box-shadow: var(--shadow-red); margin-bottom: 1.4rem; }
.empleo-hero-title { font-family: var(--font-display); font-weight: 800; font-size: clamp(2rem,4.4vw,3.2rem); line-height: 1.1; color: #fff; margin: 0 0 1.1rem; }
.empleo-hero-sub { font-size: clamp(.98rem,1.5vw,1.12rem); color: rgba(255,255,255,.66); line-height: 1.65; max-width: 680px; margin: 0; }
.empleo-hero .hero-diagonal { position: absolute; bottom: -1px; left: 0; width: 100%; line-height: 0; z-index: 3; }
.empleo-hero .hero-diagonal svg { width: 100%; height: 56px; display: block; }

/* ── BODY ── */
.empleo-body { background: var(--white); }
.empleo-inner { max-width: 1040px; margin: 0 auto; padding: 0 var(--section-x); }
.empleo-highlight { background: var(--red-500); color: #fff; text-align: center; font-family: var(--font-display); font-weight: 700; font-size: clamp(.92rem,1.4vw,1.05rem); line-height: 1.5; border-radius: var(--radius-xl); padding: 1.5rem 1.8rem; box-shadow: var(--shadow-red); margin-bottom: clamp(2.5rem,5vh,3.5rem); }

.empleo-cols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,4rem); margin-bottom: clamp(2.5rem,5vh,3.5rem); }
@media(max-width:820px){ .empleo-cols { grid-template-columns: 1fr; gap: 2.5rem; } }
.empleo-col { display: flex; flex-direction: column; gap: 2rem; }
.empleo-h { font-family: var(--font-display); font-weight: 800; font-size: 1.15rem; text-transform: uppercase; letter-spacing: .3px; color: var(--red-500); margin: 0 0 .9rem; }
.empleo-lead { font-weight: 700; color: var(--navy-700); margin: 0 0 .7rem; font-size: .95rem; }
.empleo-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .7rem; }
.empleo-list li { display: flex; align-items: flex-start; gap: .7rem; color: var(--gray-700, #374151); font-size: .94rem; line-height: 1.45; }
.empleo-list svg { stroke: var(--red-500); flex-shrink: 0; margin-top: 2px; }
.empleo-proc { color: var(--gray-600); line-height: 1.65; font-size: .94rem; margin: 0; }

.empleo-banner-black { display: flex; align-items: center; gap: .8rem; background: #11151c; color: #fff; font-family: var(--font-display); font-weight: 800; font-size: .9rem; letter-spacing: .3px; text-transform: uppercase; border-radius: var(--radius-pill); padding: 1rem 1.4rem; }
.empleo-banner-black .ebb-ic { width: 30px; height: 30px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.empleo-banner-black .ebb-ic svg { stroke: #11151c; }
.empleo-banner-red { background: var(--red-500); color: #fff; border-radius: var(--radius-lg, 10px); padding: 1rem 1.4rem; font-size: .9rem; line-height: 1.5; }
.empleo-banner-red strong { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; letter-spacing: .3px; }

/* ── FORM ── */
.empleo-formcard { background: var(--gray-50); border: 1px solid var(--gray-100); border-top: 3px solid var(--red-500); border-radius: var(--radius-xl); padding: clamp(1.6rem,3vw,2.4rem); max-width: 760px; margin: 0 auto; }
.empleo-formcard-title { font-family: var(--font-display); font-weight: 800; font-size: 1.25rem; color: var(--navy-700); margin: 0 0 1.4rem; }
.empleo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.empleo-grid > *:nth-child(5) { grid-column: 1 / -1; }
@media(max-width:560px){ .empleo-grid { grid-template-columns: 1fr; } }
.empleo-file { margin-bottom: 1.2rem; }
.empleo-file-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-md, 6px); padding: .65rem .65rem .65rem 1rem; }
.empleo-file-label { display: inline-flex; align-items: center; gap: .6rem; font-size: .88rem; color: var(--gray-500); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empleo-file-label svg { stroke: var(--gray-400); flex-shrink: 0; }
.empleo-file-btn { flex-shrink: 0; background: var(--navy-700); color: #fff; border: none; border-radius: var(--radius-sm, 4px); padding: .5rem 1.1rem; font-family: var(--font-display); font-weight: 700; font-size: .82rem; cursor: pointer; transition: background var(--dur) var(--ease); }
.empleo-file-btn:hover { background: var(--navy-800); }
.empleo-form-note { font-size: .76rem; color: var(--gray-500); line-height: 1.5; margin: 1rem 0 0; text-align: center; }

.empleo-sent { text-align: center; padding: 1.5rem 0; }
.empleo-sent .ok { width: 64px; height: 64px; border-radius: 50%; background: var(--red-glow); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.2rem; }
.empleo-sent .ok svg { stroke: var(--red-500); }
.empleo-sent h3 { font-family: var(--font-display); font-weight: 800; color: var(--navy-700); margin: 0 0 .6rem; font-size: 1.3rem; }
.empleo-sent p { color: var(--gray-600); line-height: 1.6; max-width: 420px; margin: 0 auto; }

/* ── FOOTER mínimo ── */
.empleo-footer { background: #0E1526; padding: 1.4rem var(--section-x); }
.empleo-footer-inner { max-width: 1040px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: .78rem; color: rgba(255,255,255,.45); }
.empleo-footer-inner a { color: rgba(255,255,255,.6); text-decoration: none; }
.empleo-footer-inner a:hover { color: #fff; }