.clientHome{--primary: #0c93f5;--textColor: #0b263f;--textColorSecondary: #4b4b4b;display:flex;height:100vh;background-color:#fff;flex-direction:column;font-family:Helvetica,Arial,sans-serif}.clientHome .pageHeader{display:flex;height:50px;background-color:#fff;justify-content:start;align-items:center}.clientHome .pageHeader .logo{display:flex}.clientHome .headerLogo{width:150px}.pageContainer{display:flex;flex:1;flex-direction:column}.pageContainer .contentHeaderContainer{display:flex;height:100px;align-items:center}.pageContainer .contentHeaderContainer .contentHeaderTitle{font-size:24px;font-weight:700}.pageContainer .content{display:flex;flex:1}.pageContainer .content .inputsSection{display:flex;width:300px;flex-direction:column;padding:0 16px;margin-right:24px}.pageContainer .content .inputsSection .filterBy{display:flex;font-size:20px;font-weight:700}.pageContainer .content .inputsSection .inputModalidad{display:flex}.pageContainer .content .inputsSection .comboLabels{display:flex;color:#afafaf;font-size:14px;font-weight:700}.pageContainer .content .inputsSection .coursos,.pageContainer .content .inputsSection .inputSede{display:flex;background-color:#fff;flex-direction:column}.pageContainer .content .inputsSection .inputEdad,.pageContainer .content .inputsSection .inputConvocatoria{display:flex;background-color:#fff;flex-direction:column;justify-content:start}.pageContainer .content .resultsSection{display:flex;flex:4;flex-direction:column}.pageContainer .content .resultsSection .results{display:flex}.cardA{--dotSize: 8px;--primary: #0c93f5;--textColor: #0b263f;--textColorSecondary: #4b4b4b;font-size:medium;display:flex;flex-direction:column;min-width:344px;max-width:344px;overflow:hidden;border-radius:16px;box-shadow:0 2px 4px #0003,0 2px 12px #0000001a;border-color:#e2e2e2;position:relative}.cardA .accentHeader{display:flex;background-color:#39a6f9;height:8px;border-radius:16px}.cardA .icons{position:absolute;right:8px;top:16px}.cardA .cardContent{display:flex;padding:0 16px 24px;background-color:#fff;flex-direction:column}.cardA .cardContent .modalidadContainer{display:flex}.cardA .cardContent .modalidadContainer .modalidad{display:flex;font-size:14px;color:var(--primary)}.cardA .cardContent .nombreCourso{display:flex;font-size:24px;font-weight:700;color:var(--textColor)}.cardA .cardContent .infoGroup{display:flex;flex-direction:column;color:var(--textColorSecondary);font-size:14px}.cardA .cardContent .infoGroup .row,.cardA .cardContent .infoGroup .row .text{display:flex}.cardA .cardContent .infoGroup .row .duracionCourso,.cardA .cardContent .infoGroup .row .sede,.cardA .cardContent .infoGroup .row .edad,.cardA .cardContent .infoGroup .row .inico{display:flex;flex:1;align-items:center}.cardA .cardContent .tituloCalendario{display:flex}.cardA .cardContent .convocatoriasAccordion{display:flex;flex-direction:column}.cardA .cardContent .tituloHorarios{display:flex;font-weight:700;font-size:16px}.cardA .cardContent .horarios{display:flex;align-items:center;justify-content:space-between;font-size:14px}.cardA .cardContent .tituloPrecio{display:flex;font-weight:700;font-size:16px}.cardA .cardContent .costRow{display:flex;align-items:center}.cardA .cardContent .price{font-size:14px}.cardA .cardContent .matricula{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:400}.cardA .cardContent .matricula .dot{height:var(--dotSize);width:var(--dotSize);background-color:#189ba1;border-radius:50%;display:flex;margin-right:5px}.cardA .cardContent .cuotas{display:flex;justify-content:space-between;font-size:14px;font-weight:400}.cardA .cardContent .cuotas .dot{height:var(--dotSize);width:var(--dotSize);background-color:#e8ad28;border-radius:50%;display:flex;margin-right:5px}.cardA .cardContent .libro{display:flex;justify-content:space-between;font-size:14px;font-weight:400}.cardA .cardContent .libro .dot{height:var(--dotSize);width:var(--dotSize);background-color:#285daf;border-radius:50%;display:flex;margin-right:5px}.cardA .cardContent .convocatoriaContent{display:flex;flex-direction:column}.cardA .cardContent .convocatoriaContent .titleBar{display:flex;justify-content:space-between;align-items:center}.cardA .cardContent .convocatoriaContent .titleBar .titleConvocatoria{display:flex;font-weight:700;font-size:16px}.cardA .cardContent .convocatoriaContent .titleBar .expandIcon{display:flex}.cardA .cardContent .convocatoriaContent .proximaConvocatoria{display:flex;align-items:center;justify-content:flex-start;font-size:14px}.cardA .cardContent .convocatoriaContent .moreContent,.cardA .cardContent .inscribiste{display:flex}.cardA .cardContent .button{background-color:var(--primary)}.pageContainerMobile{display:flex;flex:1;flex-direction:column}.pageContainerMobile .contentHeaderContainer{display:flex;height:50px;align-items:center}.pageContainerMobile .contentHeaderContainer .contentHeaderTitle{font-size:18px;font-weight:700}.pageContainerMobile .contentMobile{display:flex;flex-direction:column;align-items:flex-start}.pageContainerMobile .contentMobile .inputsSection{display:flex;flex-direction:column;padding:0 16px;margin:8px 24px 24px}.pageContainerMobile .contentMobile .inputsSection .filterBy{display:flex;font-size:16px;font-weight:700}.pageContainerMobile .contentMobile .inputsSection .inputModalidad{display:flex}.pageContainerMobile .contentMobile .inputsSection .comboLabels{display:flex;color:#afafaf;font-size:14px;font-weight:700}.pageContainerMobile .contentMobile .inputsSection .coursos,.pageContainerMobile .contentMobile .inputsSection .inputSede{display:flex;background-color:#fff;flex-direction:column}.pageContainerMobile .contentMobile .inputsSection .inputEdad,.pageContainerMobile .contentMobile .inputsSection .inputConvocatoria{display:flex;background-color:#fff;flex-direction:column;justify-content:start}.pageContainerMobile .contentMobile .resultsSection{display:flex;flex-direction:column}.pageContainerMobile .contentMobile .resultsSection .results{display:flex}