/* [ft-trabalhe-conosco] — mirror of base-copia/pt/trabalhe-conosco/index.htm
 * (proto selectors .q/.r/.s/.t/.u/.v/.w/.x/.y/.z/.aa/.ab/.ac/.ad/.ae/.af/.ag/.ah/.ai) */

.ft-scope .ft-trabalhe__container{max-width:var(--style-max);margin:0 auto;padding:var(--style-gap-xl) var(--style-gutter)}
.ft-scope .ft-trabalhe__root{display:flex;flex-direction:column;gap:var(--style-gap-lg)}

/* Hero (.s + .t + .u) */
.ft-scope .ft-trabalhe__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--style-gap-lg);align-items:center}
.ft-scope .ft-trabalhe__hero-content{display:flex;flex-direction:column;gap:var(--style-gap);max-width:540px}
.ft-scope .ft-trabalhe__hero h1{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:800;color:var(--style-primary);letter-spacing:-.02em;line-height:1.14}
.ft-scope .ft-trabalhe__hero-lead{font-size:1.125rem;color:var(--style-muted);line-height:1.5}

/* Collage (.v + .v::before + .w + .x .y .z .aa) */
.ft-scope .ft-trabalhe__collage{position:relative;width:100%;max-width:540px;aspect-ratio:660/510;margin-left:auto}
.ft-scope .ft-trabalhe__collage::before{content:"";position:absolute;top:14.5%;left:18.2%;width:61.1%;aspect-ratio:1;background:var(--style-bg-soft);border-radius:50%;z-index:0}
.ft-scope .ft-trabalhe__collage-img{position:absolute;border-radius:var(--style-radius);overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.12);z-index:1}
.ft-scope .ft-trabalhe__collage-img picture{display:contents}
.ft-scope .ft-trabalhe__collage-img img{display:block;width:100%;height:100%;object-fit:cover}
.ft-scope .ft-trabalhe__collage-img--1{top:0;left:28.6%;width:39.7%;aspect-ratio:262/185}
.ft-scope .ft-trabalhe__collage-img--2{top:21.6%;left:72.6%;width:27.4%;aspect-ratio:181/239}
.ft-scope .ft-trabalhe__collage-img--3{top:41.8%;left:0;width:31.2%;aspect-ratio:206/198}
.ft-scope .ft-trabalhe__collage-img--4{top:45.1%;left:37.3%;width:31.4%;aspect-ratio:207/277}

/* Search (.ab + .ac) */
.ft-scope .ft-trabalhe__search{display:flex;align-items:center;gap:4px;padding:16px 16px 16px 12px;background:var(--style-bg);border-radius:var(--style-radius);max-width:50%;width:100%;color:var(--style-muted);font-size:1rem;font-weight:400;cursor:pointer;border:1px solid var(--style-divider);height:56px}
.ft-scope .ft-trabalhe__search input{flex:1;background:0 0;border:none;outline:0;font:inherit;color:inherit;padding:0;min-width:0}
.ft-scope .ft-trabalhe__search input::placeholder{color:inherit;opacity:.85}
.ft-scope .ft-trabalhe__search svg{flex-shrink:0;color:var(--style-muted);margin-left:auto}

/* Jobs (.ad + .ae + .af .ag .ah .ai) */
.ft-scope .ft-trabalhe__jobs{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--style-gap);margin:0;padding:0}
.ft-scope .ft-trabalhe__job{background:rgba(255,255,255,.5);border-radius:var(--style-radius);padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,.08);min-height:180px}
.ft-scope .ft-trabalhe__job h2{font-size:1rem;font-weight:700;color:var(--style-text);margin-bottom:4px}
.ft-scope .ft-trabalhe__job-unit{font-size:.75rem;color:var(--style-text);margin-bottom:8px}
.ft-scope .ft-trabalhe__job-city{font-size:.75rem;color:var(--style-muted)}
.ft-scope .ft-trabalhe__job-time{font-size:.75rem;color:var(--style-text-light)}
.ft-scope .ft-trabalhe__job-cta{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:500;color:var(--style-primary);margin-top:auto;padding-top:8px}
.ft-scope .ft-trabalhe__job-cta:hover{color:var(--style-primary-dark)}
.ft-scope .ft-trabalhe__jobs-empty{font-size:.875rem;color:var(--style-muted);text-align:center;padding:var(--style-gap) 0;margin:0}
.ft-scope .ft-trabalhe__job[hidden],.ft-scope .ft-trabalhe__jobs-empty[hidden]{display:none}

/* Responsive (proto: @media 1024 + 768) */
@media (max-width:1024px){
	.ft-scope .ft-trabalhe__jobs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
	.ft-scope .ft-trabalhe__jobs{grid-template-columns:1fr}
	/* proto: padding-top:88px; user override 2026-05-31 */
	.ft-scope .ft-trabalhe__hero{grid-template-columns:1fr;gap:var(--style-gap)}
	.ft-scope .ft-trabalhe__hero-content{align-items:center;text-align:center;max-width:none}
	.ft-scope .ft-trabalhe__hero h1{font-size:1.25rem}
	.ft-scope .ft-trabalhe__hero-lead{font-size:.75rem;line-height:1.4}
	.ft-scope .ft-trabalhe__collage{max-width:282px;margin:0 auto}
	.ft-scope .ft-trabalhe__search{height:42px;padding:14px 21px;font-size:.75rem;max-width:none}
}