/*
  CSS propio de esta página.

  En el sitio original iba embebido en el <head> de seleccion-de-personal-medellin.html.
  Al migrar a WordPress solo se trasladaron las secciones, no estos
  estilos, y por eso la página se veía desordenada: la cabecera salía
  sin márgenes y las rejillas sin columnas.

  Se copia tal cual, con la paleta nueva aplicada.
*/
.svc-nav{ background:var(--verde); padding:.9rem 0; position:sticky; top:0; z-index:50; }
  .svc-nav-inner{ display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
  .svc-nav img{ height:34px; width:auto; }
  .svc-nav .btn{ padding:.6rem 1.2rem; font-size:.85rem; }
  .svc-hero{ background:var(--verde); color:var(--cream); padding:clamp(3rem,7vw,5.5rem) 0 clamp(3.4rem,7vw,5rem); }
  .svc-hero .kicker{ color:var(--oro); }
  .svc-hero h1{ font-size:clamp(2rem,5vw,3.3rem); color:var(--cream); margin-top:.7rem; max-width:20ch; line-height:1.06; }
  .svc-hero h1 em{ font-style:italic; color:var(--oro); }
  .svc-hero .lead{ margin-top:1.2rem; font-size:clamp(1rem,1.7vw,1.18rem); color:rgba(247, 245, 241,.8); max-width:56ch; }
  .svc-hero .acts{ margin-top:2rem; display:flex; gap:1rem; flex-wrap:wrap; }
  .svc-hero .reassure{ margin-top:1.1rem; font-size:.87rem; color:rgba(247, 245, 241,.62); }
  .pain-list{ list-style:none; padding:0; margin:0; display:grid; gap:1rem; }
  @media (min-width:760px){ .pain-list{ grid-template-columns:repeat(3,1fr); } }
  .pain-list li{ background:#fff; border:1px solid var(--line); border-left:3px solid var(--oro-deep); border-radius:12px; padding:1.3rem 1.4rem; }
  .pain-list strong{ display:block; color:var(--verde); font-family:var(--font-display); font-size:1.18rem; font-weight:500; margin-bottom:.4rem; }
  .pain-list p{ font-size:.93rem; color:var(--ink-mute); margin:0; line-height:1.55; }
  .evals{ display:grid; gap:1rem; margin-top:1.2rem; }
  @media (min-width:860px){ .evals{ grid-template-columns:1fr 1fr; } }
  .eval{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.5rem 1.6rem; display:flex; flex-direction:column; }
  .eval.destacada{ background:var(--verde-2); border-color:var(--verde-2); }
  .eval-tag{ align-self:flex-start; font-size:.68rem; letter-spacing:.09em; text-transform:uppercase; font-weight:700;
             color:var(--oro); background:rgba(212, 175, 55,.16); border:1px solid rgba(212, 175, 55,.38);
             padding:.3rem .8rem; border-radius:100px; margin-bottom:.75rem; }
  .eval h3{ font-family:var(--font-display); font-size:1.55rem; color:var(--verde); font-weight:500; }
  .eval.destacada h3{ color:var(--cream); }
  .eval-desc{ font-size:.94rem; color:var(--ink-mute); margin:.45rem 0 1rem; line-height:1.5; }
  .eval.destacada .eval-desc{ color:rgba(247, 245, 241,.78); }
  .eval ul{ list-style:none; margin:0; padding:0; display:grid; gap:.6rem; }
  .eval li{ display:flex; gap:.6rem; align-items:flex-start; font-size:.91rem; color:var(--ink-mute); line-height:1.5; }
  .eval.destacada li{ color:rgba(247, 245, 241,.85); }
  .eval li svg{ flex:none; width:17px; height:17px; margin-top:.2rem; color:var(--oro-deep); }
  .eval.destacada li svg{ color:var(--oro); }
  .eval-mas{ font-size:.75rem; letter-spacing:.07em; text-transform:uppercase; font-weight:700; color:var(--oro); margin:0 0 .7rem; }
  .evals-cta{ margin-top:1.4rem; text-align:center; }
  .nivel .rec{ display:block; margin-top:.9rem; font-size:.75rem; letter-spacing:.06em; text-transform:uppercase;
               font-weight:700; color:var(--oro-deep); }
  .niveles{ display:grid; gap:1rem; margin-top:1.6rem; }
  @media (min-width:760px){ .niveles{ grid-template-columns:repeat(3,1fr); } }
  .nivel{ background:var(--panel); border-radius:14px; padding:1.4rem 1.5rem; }
  .nivel h3{ font-family:var(--font-display); font-size:1.3rem; color:var(--verde); }
  .nivel span{ display:block; font-size:.78rem; letter-spacing:.09em; text-transform:uppercase; color:var(--oro-deep); font-weight:600; margin-bottom:.3rem; }
  .nivel p{ font-size:.9rem; color:var(--ink-mute); margin:.5rem 0 0; line-height:1.55; }
  .garantia{ background:var(--verde-2); color:var(--cream); border-radius:18px; padding:clamp(1.8rem,4vw,2.6rem); display:flex; gap:1.6rem; align-items:center; flex-wrap:wrap; }
  .garantia .num{ font-family:var(--font-display); font-size:clamp(3.2rem,8vw,4.6rem); color:var(--oro); line-height:1; }
  .garantia div{ flex:1; min-width:260px; }
  .garantia h2{ font-size:1.5rem; color:var(--cream); margin-bottom:.5rem; }
  .garantia p{ color:rgba(247, 245, 241,.78); margin:0; font-size:.98rem; }
  .breadcrumb{ font-size:.82rem; color:var(--ink-mute); margin-bottom:1.4rem; }
  .breadcrumb a{ color:var(--oro-deep); }