:where(.pg-formacio) #courseModal .modal-content{background:#fff;border-radius:4px;flex-direction:column;width:90%;max-width:600px;display:flex;overflow:hidden auto;padding:0!important}:where(.pg-formacio) #courseModal .modal-close{z-index:20;color:#999;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding-bottom:5px;font-size:2rem;display:flex;position:absolute;top:1rem;right:1rem}:where(.pg-formacio) #courseModal .modal-close:hover{color:var(--fucsia);background:#fff}:where(.pg-formacio) #courseModal .event-detail-content{background:#fff;flex-direction:column;flex-grow:1;padding:2.5rem;display:flex}@media (max-width:480px){:where(.pg-formacio) #courseModal .event-detail-content{padding:1.5rem}}:where(.pg-formacio) #courseModal .event-detail-category{text-transform:uppercase;letter-spacing:2px;color:var(--fucsia);margin-bottom:.5rem;font-size:.8rem;font-weight:700}:where(.pg-formacio) #courseModal .event-detail-title{color:#000;margin-bottom:1.5rem;font-family:Ubuntu,sans-serif;font-size:2rem;line-height:1.2}:where(.pg-formacio) #courseModal .event-detail-description{color:#444;border-left:3px solid var(--fucsia);background:#f9f9f9;margin-bottom:2rem;padding:1rem;line-height:1.6;font-size:1rem!important}:where(.pg-formacio) #courseModal .info-boxes{margin-top:1rem}:where(.pg-formacio) #courseModal .info-box h3{text-transform:uppercase;letter-spacing:1px;color:#999;border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9rem}:where(.pg-formacio) #courseModal .info-box-grid{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}:where(.pg-formacio) #courseModal .info-item{color:#333;flex-direction:column;min-width:fit-content;margin-bottom:0;font-size:.95rem;display:flex}:where(.pg-formacio) #courseModal .info-item strong{color:var(--fucsia);text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem;font-size:.75rem;font-weight:700}:where(.pg-formacio) #courseModal .info-item span{font-size:1rem;font-weight:500}:where(.pg-formacio) #courseModal .info-item.full-width{flex-basis:100%;width:100%}:where(.pg-formacio) #courseModal #modalEnrollBtn{width:100%;margin-top:1rem;padding:1.2rem;font-size:1.1rem;display:block}:where(.pg-formacio) .courses-grid{flex-direction:column;gap:3rem;width:100%;padding:2rem 0;display:flex}:where(.pg-formacio) .status-section{width:100%}:where(.pg-formacio) .status-title{margin-bottom:1.5rem}:where(.pg-formacio) .courses-list{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}@media (max-width:1200px){:where(.pg-formacio) .courses-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){:where(.pg-formacio) .courses-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){:where(.pg-formacio) .courses-list{grid-template-columns:1fr}}