/* Extracted from prototype curso.html (inline <style>) */

/* Ficha de curso subvencionado (data-product="sub") */
.ctags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ctags span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:999px}
.ctags svg{width:15px;height:15px;color:var(--pc)}
.ctags .nw{background:#1F9D57;border-color:#1F9D57;color:#fff}
.ctags .nw svg{color:#fff}
.phero-media .new{position:absolute;right:16px;top:16px;display:inline-flex;align-items:center;gap:6px;background:#1F9D57;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.phero-media .new svg{width:13px;height:13px}

.cdet{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.cblock+.cblock{margin-top:44px;padding-top:40px;border-top:1px solid var(--line)}
.cblock h2{font-size:clamp(24px,2.6vw,30px);font-weight:300;letter-spacing:-.025em;line-height:1.15;color:var(--ink);margin-bottom:16px}
.cblock h2 b{font-weight:800}
.cblock p{font-size:16px;color:#24364b;line-height:1.7;margin-bottom:12px}
.clist{list-style:none;display:grid;gap:10px}
.clist li{display:flex;gap:12px;font-size:16px;color:var(--ink);line-height:1.5}
.clist li svg{width:20px;height:20px;color:var(--pc);flex-shrink:0;margin-top:2px}
.clist.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.conv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.conv div{background:var(--pc-soft);border:1px solid var(--pc-line);border-radius:16px;padding:16px 18px;min-width:0}
.conv small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pc-deep);margin-bottom:6px}
.conv b{font-size:17px;font-weight:800;color:var(--ink)}
.conv .ph-note{font-size:13px}
.cfine{font-size:14px !important;color:var(--muted) !important;margin-top:14px}

.cside{position:sticky;top:96px}
.ccard{background:#fff;border:1px solid var(--line);border-top:4px solid var(--pc);border-radius:24px;padding:24px;box-shadow:0 30px 60px -40px rgba(8,19,32,.4)}
.ccard .k{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pc-deep);margin-bottom:4px}
.ccard h2{font-size:20px;font-weight:800;letter-spacing:-.015em;line-height:1.25;color:var(--ink);margin-bottom:14px}
.ccard dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;font-size:14px;margin-bottom:18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ccard dt{color:var(--muted);font-weight:600}
.ccard dd{color:var(--ink);font-weight:700;text-align:right}
.ccard .btn{width:100%;justify-content:center}
.ccard .btn+.btn{margin-top:10px}
.ccard .nlink{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:10px;background:none;border:1.5px dashed var(--pc-line);border-radius:14px;font:inherit;font-size:14px;font-weight:800;color:var(--pc-deep);cursor:pointer}
.ccard .nlink:hover{border-color:var(--pc);background:var(--pc-soft)}
.ccard .nlink svg{width:17px;height:17px}
.ccard .help{font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px}

/* Tarjetas relacionadas (mismo estilo que el catálogo) */
.pcard .ph .new{left:auto;right:12px;background:#1F9D57;display:inline-flex;align-items:center;gap:5px}
.pcard .ph .new svg{width:12px;height:12px}
.pcard.is-new{border-top:3px solid #1F9D57}
.pcard .ph .badge.ocu{background:var(--pc);color:#fff}
.pcard:focus-within{border-color:var(--pc);box-shadow:0 0 0 3px var(--pc-line)}
.pcard a.cover:focus-visible{outline:0}

.cnf{padding:40px 0 80px;max-width:640px}
.cnf h1{font-size:clamp(32px,4.5vw,48px);font-weight:300;letter-spacing:-.03em;line-height:1.08;color:var(--ink);margin:22px 0 14px}
.cnf h1 b{font-weight:800;color:var(--pc)}
.cnf p{font-size:17px;color:var(--muted);line-height:1.6;margin-bottom:22px}
.cnf .acts{display:flex;flex-wrap:wrap;gap:10px}

@media(max-width:980px){
  .cdet{grid-template-columns:minmax(0,1fr);gap:32px}
  .cside{position:static;order:-1}
}
@media(max-width:640px){
  .clist.two,.conv{grid-template-columns:minmax(0,1fr)}
  .psec-head .more{white-space:normal}
  .ccard{padding:20px 18px}
  .cblock+.cblock{margin-top:34px;padding-top:30px}
}