body.plugmais-interface-v2 .plugmais-training-page, body.plugmais-interface-v2 .plugmais-training-event { color: var(--pmv2-ink); margin: 0 auto 68px; max-width: var(--plugmais-container-width); }
.plugmais-training-hero { background: linear-gradient(135deg, #006b9f, #008acb 62%, #27a7da); border-radius: 16px; color: #fff; margin-top: 32px; overflow: hidden; padding: clamp(22px, 3vw, 36px); position: relative; }
.plugmais-training-hero::after { background: radial-gradient(circle, rgba(255,255,255,.25) 0 2px, transparent 3px) 0 0 / 22px 22px; content: ''; inset: 0 0 0 auto; opacity: .7; position: absolute; width: 32%; }
.plugmais-training-hero > * { position: relative; z-index: 1; }
.plugmais-training-hero > span, .plugmais-training-interest > div > span, .plugmais-training-listing header > span, .plugmais-training-event__hero > div > span { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.plugmais-training-hero h1 { color: #fff; font: 500 clamp(28px, 3vw, 40px)/1.1 Oswald, Arial, sans-serif; margin: 7px 0 10px; max-width: 720px; }
.plugmais-training-hero p { color: #e4f6fc; font-size: 16px; line-height: 1.5; margin: 0; max-width: 650px; }
.plugmais-training-interest { align-items: center; background: #f2f8fa; border: 1px solid #d8e8ed; border-radius: 14px; display: grid; gap: 32px; grid-template-columns: minmax(0, .8fr) minmax(360px, 1.2fr); margin: 24px 0 54px; padding: clamp(24px, 4vw, 40px); }
.plugmais-training-interest > div > span, .plugmais-training-listing header > span { color: var(--pmv2-blue); }
.plugmais-training-interest h2, .plugmais-training-listing h2 { color: var(--pmv2-ink); font: 500 clamp(26px, 3vw, 34px)/1.15 Oswald, Arial, sans-serif; margin: 7px 0 10px; }
.plugmais-training-interest p { color: var(--pmv2-muted); line-height: 1.6; margin: 0; }
.plugmais-training-form { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.plugmais-training-form label, .plugmais-training-optout label { color: var(--pmv2-ink); font-size: 13px; font-weight: 700; }
.plugmais-training-form input, .plugmais-training-optout input { background: #fff; border: 1px solid #cfd9dd; border-radius: 8px; box-sizing: border-box; display: block; font: 400 15px Arial, sans-serif; margin-top: 5px; min-height: 43px; padding: 0 11px; width: 100%; }
.plugmais-training-form input:focus, .plugmais-training-optout input:focus { border-color: var(--pmv2-blue); box-shadow: 0 0 0 3px rgba(0,138,203,.14); outline: 0; }
.plugmais-training-form .plugmais-training-consent { align-items: flex-start; color: var(--pmv2-muted); display: flex; font-size: 12px; font-weight: 400; gap: 8px; grid-column: 1 / -1; line-height: 1.35; }
.plugmais-training-consent input { accent-color: var(--pmv2-blue); margin: 2px 0 0; min-height: auto; width: auto; }
.plugmais-training-form button, .plugmais-training-register, .plugmais-training-optout button { background: var(--pmv2-blue); border: 1px solid var(--pmv2-blue); border-radius: 999px; color: #fff; cursor: pointer; font: 700 13px/1 Arial, sans-serif; grid-column: 1 / -1; justify-self: start; padding: 13px 18px; text-decoration: none; }
.plugmais-training-form button:hover, .plugmais-training-register:hover { background: var(--pmv2-blue-dark); border-color: var(--pmv2-blue-dark); }
.plugmais-training-trap { display: none; }
.plugmais-training-optout { color: var(--pmv2-muted); font-size: 13px; margin-top: 16px; }
.plugmais-training-optout summary { cursor: pointer; }
.plugmais-training-optout form { align-items: end; display: flex; gap: 10px; margin-top: 12px; max-width: 420px; }
.plugmais-training-optout form label { flex: 1; }
.plugmais-training-optout button { padding: 12px 14px; white-space: nowrap; }
.plugmais-training-notice { border-radius: 8px; font-size: 14px; margin: 0 0 12px; padding: 10px 12px; }
.plugmais-training-notice--success { background: #e9f8ee; color: #126b32; }.plugmais-training-notice--error { background: #fff0f0; color: #9b2424; }
.plugmais-training-listing header { margin-bottom: 22px; }
.plugmais-training-cards { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.plugmais-training-card { background: #fff; border: 1px solid var(--pmv2-border); border-radius: 14px; display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: box-shadow .2s ease, transform .2s ease; }.plugmais-training-card:hover { box-shadow: 0 14px 28px rgba(23,36,43,.12); transform: translateY(-3px); }
.plugmais-training-card__image { align-items: center; background: linear-gradient(135deg, #e8f5fa, #dceef5); display: flex; height: 180px; justify-content: center; overflow: hidden; }.plugmais-training-card__image img { height: 100%; object-fit: cover; width: 100%; }.plugmais-training-card__image > span { color: var(--pmv2-blue); font-size: 48px; }
.plugmais-training-card__body { display: flex; flex: 1; flex-direction: column; padding: 21px; }.plugmais-training-card__meta { align-items: center; color: var(--pmv2-muted); display: flex; font-size: 12px; font-weight: 700; gap: 10px; justify-content: space-between; text-transform: uppercase; }.plugmais-training-card__meta span { color: var(--pmv2-blue-dark); }
.plugmais-training-card h3 { font: 500 25px/1.15 Oswald, Arial, sans-serif; margin: 13px 0 10px; }.plugmais-training-card h3 a { color: var(--pmv2-ink); text-decoration: none; }.plugmais-training-card p { color: var(--pmv2-muted); font-size: 14px; line-height: 1.55; margin: 0 0 20px; }.plugmais-training-card__facts { border-bottom: 1px solid var(--pmv2-border); border-top: 1px solid var(--pmv2-border); display: grid; font-size: 12px !important; gap: 5px; margin: 0 0 14px !important; padding: 10px 0; }.plugmais-training-card__facts span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.plugmais-training-card footer { align-items: center; display: flex; justify-content: space-between; margin-top: auto; }.plugmais-training-card footer a { color: var(--pmv2-blue-dark); font-size: 13px; font-weight: 700; text-decoration: none; }
.plugmais-training-status { border-radius: 999px; display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .03em; padding: 6px 9px; text-transform: uppercase; }.plugmais-training-status--open { background: #e3f8eb; color: #16713b; }.plugmais-training-status--closed, .plugmais-training-status--finished { background: #e9edef; color: #56676e; }.plugmais-training-status--cancelled { background: #fff0f0; color: #9e3333; }.plugmais-training-status--coming_soon { background: #e3f3fa; color: #086a9b; }
.plugmais-training-empty { background: #f4f6f7; border-radius: 12px; color: var(--pmv2-muted); padding: 25px; }
.plugmais-training-back { color: var(--pmv2-blue-dark); display: inline-block; font-size: 14px; font-weight: 700; margin-bottom: 18px; text-decoration: none; }.plugmais-training-event__hero { align-items: stretch; background: #f2f8fa; border: 1px solid var(--pmv2-border); border-radius: 16px; display: grid; grid-template-columns: 1fr minmax(280px, .8fr); overflow: hidden; }.plugmais-training-event__hero > div { padding: clamp(28px, 5vw, 55px); }.plugmais-training-event__hero > div > span { color: var(--pmv2-blue); }.plugmais-training-event__hero h1 { color: var(--pmv2-ink); font: 500 clamp(32px, 4vw, 50px)/1.08 Oswald, Arial, sans-serif; margin: 11px 0 18px; }.plugmais-training-event__date { color: var(--pmv2-blue-dark); font: 700 16px/1.3 Arial, sans-serif; }.plugmais-training-event__hero > img { height: 100%; min-height: 280px; object-fit: cover; width: 100%; }.plugmais-training-event__layout { align-items: start; display: grid; gap: 42px; grid-template-columns: minmax(0, 1fr) 300px; margin-top: 36px; }.plugmais-training-event__content { color: var(--pmv2-muted); font-size: 16px; line-height: 1.72; }.plugmais-training-event__content h2, .plugmais-training-event__content h3 { color: var(--pmv2-ink); font-family: Oswald, Arial, sans-serif; font-weight: 500; }.plugmais-training-event__sidebar { background: #fff; border: 1px solid var(--pmv2-border); border-radius: 14px; padding: 22px; }.plugmais-training-event__sidebar dl { margin: 22px 0; }.plugmais-training-event__sidebar dl div { border-bottom: 1px solid var(--pmv2-border); padding: 12px 0; }.plugmais-training-event__sidebar dt { color: var(--pmv2-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; }.plugmais-training-event__sidebar dd { color: var(--pmv2-ink); font-size: 15px; margin: 5px 0 0; }.plugmais-training-register { display: block; text-align: center; }.plugmais-training-register[disabled] { background: #e3e9eb; border-color: #e3e9eb; color: #67777e; cursor: not-allowed; width: 100%; }
@media (max-width: 900px) { .plugmais-training-interest { grid-template-columns: 1fr; }.plugmais-training-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }.plugmais-training-event__layout { grid-template-columns: 1fr; }.plugmais-training-event__sidebar { max-width: none; }.plugmais-training-event__hero { grid-template-columns: 1fr; }.plugmais-training-event__hero > img { max-height: 330px; } }
@media (max-width: 767px) { body.plugmais-interface-v2 .plugmais-training-page, body.plugmais-interface-v2 .plugmais-training-event { margin: 0 14px 42px; }.plugmais-training-hero { border-radius: 10px; margin-top: 28px; padding: 22px; }.plugmais-training-hero::after { width: 45%; }.plugmais-training-form { grid-template-columns: 1fr; }.plugmais-training-cards { grid-template-columns: 1fr; }.plugmais-training-card__image { height: 195px; }.plugmais-training-optout form { align-items: stretch; display: block; }.plugmais-training-optout button { margin-top: 10px; }.plugmais-training-event__hero { border-radius: 10px; }.plugmais-training-event__hero > img { min-height: 220px; }.plugmais-training-event__layout { gap: 24px; margin-top: 24px; } }