/* V45 · Refinamiento visual exclusivo de la sección Formación Gratuita */
#recursos{--course-accent:#e8c475}
#recursos .course-intro{
  position:relative;overflow:hidden;padding:24px 28px;margin-bottom:14px;
  border-radius:19px;background:linear-gradient(113deg,#102842,#0a1c2e 74%);
  border:1px solid rgba(167,204,232,.17);box-shadow:0 14px 40px rgba(0,0,0,.12)
}
#recursos .course-intro:after{
  content:"";position:absolute;width:230px;height:230px;right:-72px;top:-150px;
  border-radius:50%;border:45px solid rgba(78,163,205,.085);pointer-events:none
}
#recursos .course-intro .eyebrow{font-size:.65rem;letter-spacing:.16em;color:#f3d48e}
#recursos .course-intro h2{font-size:clamp(1.65rem,2.7vw,2.55rem);letter-spacing:-.035em;margin:7px 0 8px}
#recursos .course-intro p{font-size:.86rem;max-width:740px;line-height:1.58;color:#bdcfe2}
#recursos .course-intro-meta{margin-top:13px;gap:7px}
#recursos .course-intro-meta span{
  padding:5px 9px;border-radius:8px;font-size:.67rem;
  background:rgba(255,255,255,.035);color:#bfdde7
}
#recursos .course-toolbox{padding:14px 16px 13px;margin-bottom:14px;border-radius:17px;
  background:linear-gradient(145deg,#0c2239,#091b2d);border-color:rgba(145,197,230,.15)}
#recursos .course-toolbar-title{margin-bottom:9px}
#recursos .course-toolbar-title strong{font-size:.98rem}
#recursos .course-toolbar-title span{font-size:.73rem}
#recursos .course-toolbar{gap:10px}
#recursos .search-box{min-height:40px;border-radius:10px}
#recursos .resource-filters button{padding:7px 9px;font-size:.69rem;border-radius:9px}
#recursos .course-area-filters{margin-top:9px;gap:6px}
#recursos .course-area-filters button{padding:6px 10px;font-size:.7rem}
#recursos .course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:stretch}
#recursos .course-card{
 min-width:0;min-height:255px;padding:14px!important;border-radius:16px!important;
 background:linear-gradient(155deg,#102c43,#0a1b2d 85%)!important;
 border:1px solid rgba(138,183,214,.16)!important;
 box-shadow:0 7px 20px rgba(0,0,0,.12);
 transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease!important
}
#recursos .course-card:hover{transform:translateY(-4px);border-color:rgba(231,193,111,.45)!important;
 box-shadow:0 15px 33px rgba(0,0,0,.24)}
#recursos .course-card-top{margin-bottom:9px;gap:6px}
#recursos .course-icon{width:39px;height:39px;font-size:1.26rem;border-radius:11px;
 background:linear-gradient(135deg,rgba(64,153,203,.21),rgba(33,105,157,.07))}
#recursos .course-free{font-size:.56rem;padding:5px 7px;white-space:nowrap;background:rgba(41,196,152,.09)}
#recursos .course-provider{font-size:.59rem;line-height:1.35;letter-spacing:.075em;color:#e5c078!important}
#recursos .course-card h3{font-size:1.03rem;line-height:1.23;margin:5px 0 7px;letter-spacing:-.015em}
#recursos .course-card p{font-size:.745rem;line-height:1.47;margin:0 0 8px;color:#b5c8da}
#recursos .course-topics{padding:7px 0;margin-top:auto;gap:4px}
#recursos .course-topics span{font-size:.59rem;padding:4px 6px;border-radius:6px}
#recursos .course-card-bottom{margin:5px 0 9px;gap:4px}
#recursos .course-credential,#recursos .course-language{font-size:.63rem;line-height:1.35}
#recursos .course-open{
  min-height:34px;padding:7px 10px;border-radius:9px;
  background:linear-gradient(110deg,#175c88,#1d76a6);
  font-size:.74rem!important;letter-spacing:.005em;
  transition:background .2s ease,transform .2s ease
}
#recursos .course-open:hover{background:linear-gradient(110deg,#1a7cae,#218dc4);transform:translateY(-1px)}
#recursos .course-disclaimer{margin-top:12px;padding:11px 14px;border-radius:12px;font-size:.76rem}
@media(max-width:1160px){#recursos .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){#recursos .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#recursos .course-grid{grid-template-columns:1fr}
 #recursos .course-intro{padding:19px}#recursos .course-toolbox{padding:12px}
 #recursos .course-card{min-height:0}#recursos .search-box{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){#recursos .course-card{transition:none!important}}