/* CareerLink — tarjeta de enlace anterior: no afecta otras tarjetas. */
.clai-main .clil-card,
.cl-post-body .clil-card,
.clil-card {
  box-sizing:border-box;
  display:block;
  margin:24px 0 27px;
  border:1px solid #efc8b7;
  border-left:5px solid var(--clil-accent,#EF603E);
  border-radius:18px;
  background:linear-gradient(135deg,#fff1e8 0%,#ffe7da 55%,#fff4ec 100%);
  box-shadow:0 7px 20px rgba(65,34,57,.07);
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
  clear:both;
  position:relative;
}
.clil-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(239,96,62,.08) 0%, rgba(239,96,62,.03) 42%, rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.clil-card:hover,.clil-card:focus-within{
  transform:translateY(-7px);
  border-color:var(--clil-accent,#EF603E);
  box-shadow:0 17px 34px rgba(73,37,48,.14);
  background:linear-gradient(135deg,#ffe9dc 0%,#ffdcca 55%,#fff1e7 100%);
}
.clil-card .clil-hitarea{
  position:relative;
  z-index:1;
  display:flex;
  gap:16px;
  align-items:center;
  padding:20px 22px;
  color:#3d2936;
  text-decoration:none!important;
  outline-offset:-3px;
}
.clil-card .clil-icon{
  flex:0 0 65px;
  width:65px;height:65px;
  display:flex;justify-content:center;align-items:center;
  color:var(--clil-accent,#EF603E);
  background:rgba(239,96,62,.12);
  border:1px solid rgba(239,96,62,.23);
  border-radius:15px;
  transition:transform .25s ease,background .25s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.clil-card:hover .clil-icon{transform:translateY(-3px) rotate(-3deg);background:rgba(239,96,62,.18)}
.clil-card .clil-icon svg{display:block;flex:none;stroke:currentColor}
.clil-card .clil-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.clil-card .clil-eyebrow{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#326d54}
.clil-card .clil-title{display:block;color:#53223f;font-size:clamp(16px,1.5vw,20px);line-height:1.32;font-weight:850;overflow-wrap:anywhere}
.clil-card .clil-type{font-size:12px;color:#786572;line-height:1.5}
.clil-card .clil-action{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;margin-left:8px;border-radius:11px;padding:10px 12px;color:var(--clil-accent,#EF603E);background:rgba(255,255,255,.88);border:1px solid #efcfc1;font-weight:850;font-size:13px;white-space:nowrap;box-shadow:0 4px 12px rgba(65,34,57,.05)}
.clil-card .clil-action svg{display:block;transition:transform .2s ease}
.clil-card:hover .clil-action svg{transform:translateX(4px)}
.clil-card .clil-hitarea:focus-visible{outline:3px solid var(--clil-accent,#EF603E);border-radius:12px}
@media(max-width:650px){
  .clil-card{margin:18px 0 22px;border-radius:15px}
  .clil-card .clil-hitarea{padding:15px;gap:12px;align-items:flex-start;flex-wrap:wrap}
  .clil-card .clil-icon{flex-basis:48px;width:48px;height:48px;border-radius:12px}
  .clil-card .clil-icon svg{width:26px;height:26px}
  .clil-card .clil-copy{flex:1 1 calc(100% - 65px)}
  .clil-card .clil-title{font-size:16px}
  .clil-card .clil-action{flex:1 1 100%;justify-content:center;margin:0;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){.clil-card,.clil-card .clil-icon,.clil-card .clil-action svg{transition:none!important}.clil-card:hover,.clil-card:hover .clil-icon{transform:none!important}}