/* Plugin: EasyColor Cursos e Trilhas. Slug: easycolor-cursos. Responsabilidade: matriz responsiva e listas de estados. */
.ecp-resource-matrix{max-width:1100px;margin:32px auto;width:100%;box-sizing:border-box;font-family:var(--easycolor-type-paragraph-family,inherit)}.ecp-matrix-grid{display:grid;grid-template-columns:repeat(var(--mx-cols-desktop,4),minmax(0,1fr));gap:var(--mx-gap,16px)}.ecp-matrix-card{display:flex;min-width:0;overflow:hidden;border:1px solid var(--mx-border,var(--easycolor-border,#e2e2e5));border-radius:var(--mx-radius,14px);background:var(--mx-background,var(--easycolor-surface-card,#fff));color:var(--mx-color,var(--easycolor-text-primary,#282828));box-sizing:border-box;align-items:stretch}.ecp-matrix-card .ecp-matrix-copy{padding:var(--mx-text-top,var(--mx-padding,22px)) var(--mx-text-right,var(--mx-padding,22px)) var(--mx-text-bottom,var(--mx-padding,22px)) var(--mx-text-left,var(--mx-padding,22px));flex:1;min-width:0;overflow-wrap:anywhere;align-self:var(--mx-align,start)}.ecp-matrix-copy h3{margin:0 0 var(--mx-title-gap,12px);font-size:calc(var(--easycolor-type-h3-size,22)*1px);font-family:var(--easycolor-type-h3-family,inherit);font-weight:var(--easycolor-type-h3-weight,700);line-height:var(--easycolor-type-h3-line-height,1.25);color:inherit}.ecp-matrix-copy p{margin:0;font-weight:400;font-size:calc(var(--easycolor-type-paragraph-size,18)*1px);line-height:var(--easycolor-type-paragraph-line-height,1.6);color:inherit}.ecp-matrix-card.mx-top{flex-direction:column}.ecp-matrix-card.mx-bottom{flex-direction:column-reverse}.ecp-matrix-card.mx-right{flex-direction:row-reverse}.ecp-matrix-media{flex-shrink:0;position:relative;overflow:hidden}.ecp-matrix-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mx-focus,50% 50%);max-width:none;margin:0}.mx-strip.mx-left>.ecp-matrix-media,.mx-strip.mx-right>.ecp-matrix-media{width:var(--mx-width,80px)}.mx-strip.mx-h-full.mx-left>.ecp-matrix-media img,.mx-strip.mx-h-full.mx-right>.ecp-matrix-media img{position:absolute;inset:0}.mx-strip.mx-h-manual.mx-left>.ecp-matrix-media,.mx-strip.mx-h-manual.mx-right>.ecp-matrix-media{height:var(--mx-height,120px)}.mx-strip.mx-top>.ecp-matrix-media,.mx-strip.mx-bottom>.ecp-matrix-media{height:var(--mx-height,120px);width:100%}.mx-strip.mx-w-manual.mx-top>.ecp-matrix-media,.mx-strip.mx-w-manual.mx-bottom>.ecp-matrix-media{width:var(--mx-width,100%)}.mx-icon>.ecp-matrix-media{width:var(--mx-width,64px);height:var(--mx-width,64px);margin:var(--mx-icon-top,var(--mx-padding,22px)) var(--mx-icon-right,var(--mx-padding,22px)) var(--mx-icon-bottom,var(--mx-padding,22px)) var(--mx-icon-left,var(--mx-padding,22px));align-self:flex-start}.mx-icon>.ecp-matrix-media img{object-fit:contain}.mx-icon.mx-top>.ecp-matrix-media{margin-bottom:var(--mx-icon-bottom,var(--mx-image-gap,16px))}.mx-icon.mx-bottom>.ecp-matrix-media{margin-top:var(--mx-icon-top,var(--mx-image-gap,16px))}.mx-icon.mx-left>.ecp-matrix-media{margin-right:var(--mx-icon-right,var(--mx-image-gap,16px))}.mx-icon.mx-right>.ecp-matrix-media{margin-left:var(--mx-icon-left,var(--mx-image-gap,16px))}.mx-icon.mx-top>.ecp-matrix-copy{padding-top:var(--mx-text-top,0)}.mx-icon.mx-bottom>.ecp-matrix-copy{padding-bottom:var(--mx-text-bottom,0)}.mx-icon.mx-left>.ecp-matrix-copy{padding-left:var(--mx-text-left,0)}.mx-icon.mx-right>.ecp-matrix-copy{padding-right:var(--mx-text-right,0)}.mx-no-image>.ecp-matrix-copy{padding:var(--mx-text-top,var(--mx-padding,22px)) var(--mx-text-right,var(--mx-padding,22px)) var(--mx-text-bottom,var(--mx-padding,22px)) var(--mx-text-left,var(--mx-padding,22px))}
.ecp-symbol-list{list-style:none!important;padding:0!important;margin:0!important}.ecp-symbol-list>li{list-style:none!important;display:flex;align-items:flex-start;gap:var(--mk-gap,12px);margin:0 0 var(--mk-spacing,14px)!important;padding:0!important}.ecp-symbol-list>li:before,.ecp-symbol-list>li:after{display:none!important;content:none!important}.ecp-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--mk-size,20px);width:var(--mk-size,20px);height:var(--mk-size,20px);font-family:Arial,sans-serif;font-size:var(--mk-symbol,14px);font-weight:700;border-radius:50%;line-height:1;margin-top:.2em}.ecp-symbol-list>li>div{flex:1;min-width:0}.ecp-symbol-list .ecp-symbol-list{margin-top:var(--mk-spacing,14px)!important}.ecp-resource-matrix .screen-reader-text,.ecp-symbol-list .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1024px){.ecp-matrix-grid{grid-template-columns:repeat(var(--mx-cols-tablet,2),minmax(0,1fr))}}
@media(max-width:600px){.ecp-matrix-grid{grid-template-columns:repeat(var(--mx-cols-mobile,1),minmax(0,1fr))}.ecp-resource-matrix{padding:0 12px}.mx-mobile-hide>.ecp-matrix-media{display:none}.mx-mobile-hide>.ecp-matrix-copy{padding:var(--mx-text-top,var(--mx-padding,22px)) var(--mx-text-right,var(--mx-padding,22px)) var(--mx-text-bottom,var(--mx-padding,22px)) var(--mx-text-left,var(--mx-padding,22px))}.ecp-matrix-card.mx-mobile-top{flex-direction:column}.ecp-matrix-card.mx-mobile-bottom{flex-direction:column-reverse}.ecp-matrix-card.mx-mobile-left{flex-direction:row}.ecp-matrix-card.mx-mobile-right{flex-direction:row-reverse}.mx-strip.mx-mobile-top>.ecp-matrix-media,.mx-strip.mx-mobile-bottom>.ecp-matrix-media{width:100%;height:var(--mx-height,120px)}.mx-strip.mx-mobile-top>.ecp-matrix-media img,.mx-strip.mx-mobile-bottom>.ecp-matrix-media img{position:static}.mx-strip.mx-mobile-left>.ecp-matrix-media,.mx-strip.mx-mobile-right>.ecp-matrix-media{width:var(--mx-width,80px);height:auto}.mx-strip.mx-mobile-left>.ecp-matrix-media img,.mx-strip.mx-mobile-right>.ecp-matrix-media img{position:absolute;inset:0}.mx-icon>.ecp-matrix-copy{padding:var(--mx-text-top,var(--mx-padding,22px)) var(--mx-text-right,var(--mx-padding,22px)) var(--mx-text-bottom,var(--mx-padding,22px)) var(--mx-text-left,var(--mx-padding,22px))!important}}

.mx-icon>.ecp-matrix-media{height:auto;aspect-ratio:1}.mx-icon>.ecp-matrix-media img{aspect-ratio:1}

/* Alinhamento horizontal do ícone; a posição lateral do cartão permanece independente. */
.mx-icon.mx-top>.ecp-matrix-media,.mx-icon.mx-bottom>.ecp-matrix-media{align-self:var(--mx-icon-align,flex-start)}
.mx-icon>.ecp-matrix-media img{object-position:var(--mx-icon-object,left center)}
@media(max-width:600px){.mx-icon.mx-mobile-top>.ecp-matrix-media,.mx-icon.mx-mobile-bottom>.ecp-matrix-media{align-self:var(--mx-icon-align,flex-start)}}
