/* Jobs shared refinements — 2026 */

/* =========================================================
   FAQ — same composition as Insiders
========================================================= */
.jobs26-faq{
  padding:104px 0 112px!important;
  background:#071022!important;
  color:#F5F7FF!important;
}
.jobs26-faq>.container{
  width:min(1180px,calc(100% - 64px))!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:92px!important;
  row-gap:0!important;
  align-items:start!important;
}
.jobs26-faq>.container>.jobs26-eyebrow,
.jobs26-faq>.container>.jobs26-eyebrow-light{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  margin:0 0 18px!important;
  color:#B6C5FF!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.20em!important;
}
.jobs26-faq>.container>h2{
  grid-column:1!important;
  grid-row:2!important;
  max-width:460px!important;
  margin:0!important;
  color:#F5F7FF!important;
  font-size:clamp(38px,3.5vw,50px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  font-weight:300!important;
}
.jobs26-faq>.container>h2 strong{
  color:#AFC0FF!important;
  font-weight:300!important;
}
.jobs26-faq-list{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  width:100%!important;
  margin:0!important;
  border-top:1px solid rgba(138,164,255,.22)!important;
}
.jobs26-faq-list details{
  margin:0!important;
  border-bottom:1px solid rgba(138,164,255,.22)!important;
  background:transparent!important;
  transition:background-color .2s ease!important;
}
.jobs26-faq-list summary{
  min-height:94px!important;
  padding:0 2px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  list-style:none!important;
  cursor:pointer!important;
  color:#F1F4FC!important;
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:600!important;
  transition:color .2s ease,transform .2s ease!important;
}
.jobs26-faq-list summary::-webkit-details-marker{display:none!important}
.jobs26-faq-list summary span{
  flex:0 0 auto!important;
  color:#B6C5FF!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:300!important;
  transition:transform .2s ease,color .2s ease!important;
}
.jobs26-faq-list details>p{
  max-width:720px!important;
  margin:0!important;
  padding:0 48px 28px 0!important;
  color:#C0CAE0!important;
  font-size:13px!important;
  line-height:1.72!important;
}
@media(hover:hover){
  .jobs26-faq-list details:hover{background:rgba(138,164,255,.06)!important}
  .jobs26-faq-list details:hover summary{color:#C3D0FF!important;transform:translateX(3px)!important}
  .jobs26-faq-list details:hover summary span{transform:rotate(90deg)!important}
}
.jobs26-faq-list details[open]{background:rgba(138,164,255,.07)!important}
.jobs26-faq-list details[open] summary{color:#C3D0FF!important}
.jobs26-faq-list details[open] summary span{transform:rotate(45deg)!important}

/* =========================================================
   CTA — stronger, visible hover
========================================================= */
.jobs26-final-row a{
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease!important;
}
@media(hover:hover){
  .jobs26-final-row a:first-child:hover{
    transform:translateY(-3px)!important;
    background:#EEF1FF!important;
    color:#1419E0!important;
    box-shadow:0 16px 34px rgba(5,10,24,.24)!important;
  }
  .jobs26-final-row a:last-child:hover{
    transform:translateY(-3px)!important;
    background:rgba(255,255,255,.12)!important;
    border-color:#fff!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(5,10,24,.16)!important;
  }
}
.jobs26-final-row a:active{transform:translateY(0) scale(.985)!important}

@media(max-width:1100px){
  .jobs26-faq>.container{width:calc(100% - 48px)!important;column-gap:56px!important}
}
@media(max-width:900px){
  .jobs26-faq>.container{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:0!important}
  .jobs26-faq>.container>.jobs26-eyebrow,
  .jobs26-faq>.container>.jobs26-eyebrow-light,
  .jobs26-faq>.container>h2,
  .jobs26-faq-list{grid-column:1!important;grid-row:auto!important}
  .jobs26-faq-list{margin-top:36px!important}
}
@media(max-width:760px){
  .jobs26-faq{padding:72px 0!important}
  .jobs26-faq>.container{width:calc(100% - 40px)!important}
  .jobs26-faq>.container>h2{font-size:34px!important;max-width:330px!important}
  .jobs26-faq-list{margin-top:30px!important}
  .jobs26-faq-list summary{min-height:76px!important;font-size:14px!important}
  .jobs26-faq-list summary span{font-size:21px!important}
  .jobs26-faq-list details>p{padding:0 30px 22px 0!important;font-size:12.5px!important}
}

/* =========================================================
   JOBS CONTENT GRID — exact Nosotros width
   This intentionally overrides the accidental 1620px inline rule.
   Navbar and footer are untouched.
========================================================= */
html body main#top .container{
  width:min(1220px,calc(100% - 128px))!important;
  max-width:1220px!important;
  margin-inline:auto!important;
}

@media(max-width:1100px){
  html body main#top .container{
    width:calc(100% - 48px)!important;
    max-width:none!important;
  }
}

@media(max-width:760px){
  html body main#top .container{
    width:calc(100% - 32px)!important;
  }
}