/* Trabaja con nosotros (trabaja-con-nosotros.html) — vacantes.
   Card visuals (.ev-card-tag, .ev-card-date, .ev-card-desc, .ev-card-btn,
   .ev-empty) are shared with events.css on purpose: same "info card with a
   primary CTA" shape, so this page only adds what's actually different
   (hero + grid container), not a parallel copy of the same rules. */

.cr-hero{padding:4.5rem 0 3rem;text-align:center}
.cr-wrap{max-width:920px}
.cr-hero h1{margin-bottom:1rem}
.cr-lede{font-size:1.08rem;color:var(--gray-700);max-width:680px;margin:0 auto}

.cr-section{padding-top:0;padding-bottom:2.5rem}
.cr-positions-title{text-align:center;margin-bottom:2rem}
.cr-positions-title::before{display:none}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
.cr-card{display:flex;flex-direction:column;padding:1.75rem;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t)}
.cr-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.cr-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}

@media (max-width:640px){
  .cr-grid{grid-template-columns:1fr}
}

/* [cg_cv_form] (plugin cg-forms) — el formulario completo empieza
   escondido (.lf-hidden, ver cv-form.js) detrás de este recuadro, para que
   la página no muestre de entrada un formulario largo sin relación visual
   con las vacantes de arriba. */
.cr-apply-lede{margin:.6rem auto 0;color:var(--gray-700);font-size:.98rem;max-width:640px}
.cr-apply-prompt{max-width:640px;margin:0 auto 2rem;padding:1.5rem;background:var(--gray-50,#f7f7f5);border:1px solid var(--gray-100);border-radius:var(--r-lg);text-align:center}
.cr-apply-prompt p{margin:0 0 1rem;color:var(--gray-700)}
.cr-success-folio{margin-top:.75rem;font-family:monospace;font-weight:600;color:var(--gray-800,#262626)}