﻿/* R0R112.0.0 · Cierre visual de tarjetas Becas/Cursos/Guías + preview Admin. */
.resource-card-preview-host{--line:#d9d3cb;--muted:#625d56;--red:#cf1f2c;--red-dark:#991b1b;max-width:100%;border:1px solid #e3ddd5;background:#f7f4ef;padding:12px;border-radius:10px}
.resource-card{box-sizing:border-box;background:#fff;border:1px solid var(--line,#ddd8d1);padding:16px 17px;display:grid;align-content:start;min-width:0}
.resource-card .source{color:var(--red-dark,#991b1b);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;line-height:1.25}
.resource-card h2{font-family:Georgia,serif;font-size:1.22rem;line-height:1.18;margin:5px 0 7px;color:#18181b}
.resource-card>p{color:var(--muted,#625d56);font-size:.84rem;line-height:1.48;margin:0}
.resource-card .actions{display:flex;gap:8px;flex-wrap:wrap}
.resource-card .actions .btn{white-space:normal;line-height:1.2;text-align:left}
.resource-card .resource-card-image{display:block;box-sizing:border-box;max-width:100%;height:auto;object-fit:contain;object-position:center}
.resource-card .resource-card-image[data-image-fit="cover"],.card-image-preview img[data-image-fit="cover"]{object-fit:cover!important}
.resource-card .resource-card-image[data-image-position="left"],.card-image-preview img[data-image-position="left"]{object-position:left center!important}
.resource-card .resource-card-image[data-image-position="center"],.card-image-preview img[data-image-position="center"]{object-position:center!important}
.resource-card .resource-card-image[data-image-position="right"],.card-image-preview img[data-image-position="right"]{object-position:right center!important}
.resource-card.has-card-image:not(.scholarship-card):not(.course-card):not(.guide-card) .resource-card-image{width:auto;max-width:180px;max-height:74px;margin:0 0 10px}
.resource-page-scholarship .resource-hero,.resource-page-course .resource-hero,.resource-page-guide .resource-hero{padding:27px 0 16px}
.resource-page-scholarship .resource-hero .page-intro,.resource-page-course .resource-hero .page-intro,.resource-page-guide .resource-hero .page-intro{max-width:760px;font-size:.98rem;line-height:1.48}
.resource-page-scholarship .resource-grid,.resource-page-course .resource-grid,.resource-page-guide .resource-grid{gap:12px;margin-top:18px}
.resource-page-guide .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.resource-page-scholarship .scholarship-card,.resource-page-course .course-card{min-height:170px;grid-template-columns:minmax(0,1.48fr) minmax(145px,.78fr);grid-template-areas:"image source" "title actions" "summary actions";grid-template-rows:auto auto 1fr;column-gap:18px;row-gap:5px;align-items:start}
.resource-page-scholarship .scholarship-card .resource-card-image,.resource-page-course .course-card .resource-card-image{grid-area:image;width:auto;max-width:min(100%,205px);height:48px;max-height:48px;margin:0;object-fit:contain;object-position:left center;align-self:center;justify-self:start}
.resource-page-scholarship .scholarship-card .source,.resource-page-course .course-card .source{grid-area:source;margin:0;align-self:center;justify-self:end;max-width:175px;text-align:left}
.resource-page-scholarship .scholarship-card h2,.resource-page-course .course-card h2{grid-area:title;margin:2px 0 0}
.resource-page-scholarship .scholarship-card>p,.resource-page-course .course-card>p{grid-area:summary;margin:0;padding-right:2px}
.resource-page-scholarship .scholarship-card .actions,.resource-page-course .course-card .actions{grid-area:actions;margin:0;align-self:end;justify-self:end;justify-content:flex-end;max-width:175px}
.resource-page-scholarship .feature-strip article,.resource-page-course .feature-strip article{padding:11px 13px}
.resource-page-scholarship .feature-strip,.resource-page-course .feature-strip{gap:8px}
.resource-page-guide .guide-card{min-height:198px;grid-template-columns:minmax(0,1fr) minmax(145px,185px);grid-template-areas:"source image" "title image" "summary image" "actions image";column-gap:18px;row-gap:5px;align-items:start;overflow:hidden}
.resource-page-guide .guide-card .source{grid-area:source}.resource-page-guide .guide-card h2{grid-area:title}.resource-page-guide .guide-card>p{grid-area:summary}.resource-page-guide .guide-card .actions{grid-area:actions;margin-top:8px;align-self:end;justify-self:start}
.resource-page-guide .guide-card .resource-card-image{grid-area:image;align-self:center;justify-self:center;width:100%;height:165px;max-width:175px;max-height:165px;object-fit:contain;object-position:center}
.resource-page-guide .guide-card:not(.has-card-image){grid-template-columns:1fr;grid-template-areas:"source" "title" "summary" "actions"}
.resource-card-preview-host .resource-card{width:100%;max-width:620px;margin:0 auto;min-height:170px}
.resource-card-preview-host .btn{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;background:#cf1f2c;color:#fff;border:1px solid #cf1f2c;border-radius:4px;padding:9px 12px;font-size:.76rem;font-weight:900}
.card-image-preview img[data-image-fit="cover"]{width:100%;height:112px}
@media(max-width:900px){.resource-page-scholarship .scholarship-card,.resource-page-course .course-card{grid-template-columns:minmax(0,1.35fr) minmax(135px,.75fr);column-gap:14px}}
@media(max-width:760px){.resource-page-guide .resource-grid{grid-template-columns:1fr}.resource-page-scholarship .scholarship-card,.resource-page-course .course-card{grid-template-columns:1fr;grid-template-areas:"image" "source" "title" "summary" "actions";min-height:0;gap:6px;padding:16px}.resource-page-scholarship .scholarship-card .source,.resource-page-course .course-card .source{justify-self:start;max-width:none}.resource-page-scholarship .scholarship-card .actions,.resource-page-course .course-card .actions{justify-self:start;justify-content:flex-start;max-width:none;margin-top:6px}.resource-page-guide .guide-card{grid-template-columns:minmax(0,1fr) 118px;grid-template-areas:"source image" "title image" "summary image" "actions actions";padding:16px}.resource-page-guide .guide-card .resource-card-image{height:118px;max-width:112px;max-height:118px}}
@media(max-width:480px){.resource-page-guide .guide-card{grid-template-columns:1fr;grid-template-areas:"image" "source" "title" "summary" "actions"}.resource-page-guide .guide-card .resource-card-image{justify-self:center;width:145px;height:128px;max-width:145px;max-height:128px;margin-bottom:4px}.resource-page-scholarship .resource-card .actions,.resource-page-course .resource-card .actions,.resource-page-guide .resource-card .actions{width:100%}.resource-page-scholarship .resource-card .actions .btn,.resource-page-course .resource-card .actions .btn,.resource-page-guide .resource-card .actions .btn{width:100%;text-align:center}}

/* VISUAL REDESIGN V1 · Becas / Cursos / Guías: catálogo editorial numerado */
.resource-page-scholarship .resource-grid,.resource-page-course .resource-grid,.resource-page-guide .resource-grid{
  grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--ink);counter-reset:p360-resource
}
.resource-page-scholarship .resource-card,.resource-page-course .resource-card,.resource-page-guide .resource-card{
  counter-increment:p360-resource;position:relative;min-height:0!important;
  border:0!important;border-radius:0!important;border-bottom:1px solid #c9c3b9!important;background:#fffefb!important;box-shadow:none!important;
  padding:22px 72px 22px 18px!important
}
.resource-page-scholarship .resource-card::after,.resource-page-course .resource-card::after,.resource-page-guide .resource-card::after{
  content:counter(p360-resource,decimal-leading-zero);position:absolute;right:17px;top:16px;
  font-family:var(--display);font-size:2.45rem;line-height:1;color:rgba(19,33,43,.09);letter-spacing:-.06em
}
.resource-page-scholarship .scholarship-card,.resource-page-course .course-card{
  grid-template-columns:190px minmax(0,1fr) 170px!important;
  grid-template-areas:"image title source" "image summary actions"!important;
  grid-template-rows:auto 1fr!important;column-gap:24px!important;row-gap:8px!important;align-items:center!important
}
.resource-page-scholarship .scholarship-card .resource-card-image,.resource-page-course .course-card .resource-card-image{
  grid-area:image!important;max-width:175px!important;max-height:68px!important;height:auto!important;justify-self:start!important;align-self:center!important
}
.resource-page-scholarship .scholarship-card .source,.resource-page-course .course-card .source{
  grid-area:source!important;justify-self:start!important;align-self:start!important;max-width:150px!important;text-align:left!important;
  color:var(--red-dark)!important;font-size:.65rem!important;letter-spacing:.07em!important;text-transform:none!important
}
.resource-page-scholarship .scholarship-card h2,.resource-page-course .course-card h2{
  grid-area:title!important;font-family:var(--display)!important;font-size:1.22rem!important;letter-spacing:-.04em!important;margin:0!important
}
.resource-page-scholarship .scholarship-card>p,.resource-page-course .course-card>p{grid-area:summary!important;font-size:.86rem!important;line-height:1.52!important}
.resource-page-scholarship .scholarship-card .actions,.resource-page-course .course-card .actions{grid-area:actions!important;align-self:end!important;justify-self:start!important;margin:0!important}
.resource-page-scholarship .resource-card .actions .btn,.resource-page-course .resource-card .actions .btn{width:auto!important;border-radius:0!important}
.resource-page-guide .guide-card{
  grid-template-columns:minmax(0,1fr) 190px!important;
  grid-template-areas:"source image" "title image" "summary image" "actions image"!important;
  min-height:184px!important;padding-right:72px!important;column-gap:28px!important
}
.resource-page-guide .guide-card .resource-card-image{width:170px!important;height:142px!important;max-width:170px!important;max-height:142px!important;filter:grayscale(.15) contrast(.95)}
.resource-page-guide .guide-card .source{text-transform:none!important;font-size:.66rem!important;letter-spacing:.07em!important}
.resource-page-guide .guide-card h2{font-family:var(--display)!important;font-size:1.18rem!important;letter-spacing:-.035em!important}
.resource-page-guide .guide-card>p{font-size:.85rem!important;line-height:1.5!important}
.resource-page-guide .guide-card .actions .btn{border-radius:0!important}
.resource-card-preview-host{border-radius:0;background:#ebe7de}
@media(max-width:820px){
  .resource-page-scholarship .scholarship-card,.resource-page-course .course-card{
    grid-template-columns:150px minmax(0,1fr)!important;grid-template-areas:"image source" "image title" "image summary" "image actions"!important
  }
  .resource-page-scholarship .resource-card,.resource-page-course .resource-card,.resource-page-guide .resource-card{padding-right:54px!important}
  .resource-page-guide .guide-card{grid-template-columns:minmax(0,1fr) 130px!important}
  .resource-page-guide .guide-card .resource-card-image{width:120px!important;height:110px!important}
}
@media(max-width:560px){
  .resource-page-scholarship .scholarship-card,.resource-page-course .course-card,.resource-page-guide .guide-card{
    grid-template-columns:1fr!important;grid-template-areas:"image" "source" "title" "summary" "actions"!important;padding:18px 48px 18px 14px!important
  }
  .resource-page-scholarship .scholarship-card .resource-card-image,.resource-page-course .course-card .resource-card-image,.resource-page-guide .guide-card .resource-card-image{justify-self:start!important;width:auto!important;max-width:160px!important;height:auto!important;max-height:76px!important}
  .resource-page-scholarship .resource-card::after,.resource-page-course .resource-card::after,.resource-page-guide .resource-card::after{font-size:1.75rem;right:10px;top:12px}
}


/* VISUAL REDESIGN V2 · CTAs con ritmo estable en Becas/Cursos y lectura interna en Cursos/Guías */
.resource-page-scholarship .resource-card .actions,.resource-page-course .resource-card .actions{width:172px!important;max-width:172px!important}
.resource-page-scholarship .resource-card .actions .btn,.resource-page-course .resource-card .actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:172px!important;min-height:46px!important;padding:9px 12px!important;text-align:center!important;line-height:1.2!important}
.resource-page-guide .resource-card .actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:128px!important;min-height:42px!important;text-align:center!important}
@media(max-width:760px){.resource-page-scholarship .resource-card .actions,.resource-page-course .resource-card .actions{width:100%!important;max-width:none!important}.resource-page-scholarship .resource-card .actions .btn,.resource-page-course .resource-card .actions .btn{width:100%!important}}


/* VISUAL REDESIGN V2.3 · iconografía uniforme de Cursos y 21 Guías */
.resource-page-course .course-card .resource-card-image{max-width:175px!important;max-height:74px!important;filter:none!important}
.resource-page-guide .guide-card .resource-card-image{filter:none!important;object-fit:contain!important}
.resource-page-guide .guide-card.has-card-image{min-height:190px!important}
@media(max-width:560px){.resource-page-guide .guide-card.has-card-image{min-height:0!important}}
