.commercial{background:url(../img/fondoArcade5.36140be7.png) 50% no-repeat fixed;background-size:cover;min-height:85vh;width:100vw;padding:3%}.commercial .marginBox{padding-left:140px}@media only screen and (min-width:1025px)and (max-width:1415px){.commercial .marginBox{padding-left:50px}}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .marginBox{padding-left:0}}.commercial .titleZoneGames{writing-mode:vertical-lr;transform:rotate(180deg);font-size:122px;color:#fff;font-family:Roboto,sans-serif;font-weight:700}@media only screen and (min-width:1025px)and (max-width:1415px){.commercial .titleZoneGames{font-size:96px}}@media only screen and (max-width:768px){.commercial .titleZoneGames{writing-mode:horizontal-tb;transform:rotate(0);font-size:58px}}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .titleZoneGames{font-size:98px}}.commercial .sectionWrapper{max-width:1024px}.commercial .districtDescription .districtTitle{font-family:Roboto,sans-serif;font-weight:700;font-size:32px;color:#fff;margin-bottom:8px}@media only screen and (max-width:768px){.commercial .districtDescription .districtTitle{font-size:24px}}.commercial .districtDescription .districtSubtitle{font-family:Roboto,sans-serif;font-size:18px;color:hsla(0,0%,100%,.9);line-height:1.5}@media only screen and (max-width:768px){.commercial .districtDescription .districtSubtitle{font-size:15px}}.commercial .containerBoxAvatar{display:flex;margin-top:20px}.commercial .containerBoxAvatar .containerAvatar{background-color:#fff;border-radius:15px;width:100%;max-height:87px;padding:8px}.commercial .containerBoxAvatar .containerAvatar .paddingTextAvatar{padding:22px 46px 20px 32px}.commercial .containerBoxAvatar .containerAvatar .sectionAvatar{margin:4px 18px 10px 20px}.commercial .containerBoxAvatar .containerAvatar .titleAvatar{font-family:Roboto,sans-serif;font-weight:700;font-size:37px;color:#4f4f4f}.commercial .containerBoxAvatar .containerAvatar .clothespin{max-width:50px;max-height:35px}.commercial .containerBoxAvatar .containerAvatar .paragraphAvatar{color:#4f4f4f;font-family:Roboto,sans-serif;font-size:18px;text-align:left}.commercial .containerBoxAvatar .containerAvatar .buttonCustomize{color:#fff;background-color:#1197bf;font-family:Roboto,sans-serif;font-weight:700;font-size:25px;width:254px;height:67px;cursor:pointer;border-radius:5px}.commercial .containerBoxAvatar .containerAvatar .buttonCustomize .personalizeAvatar{line-height:1;margin:5px 12px 10px 0}.commercial .containerBibliotecas .boxBibliotecas{background-color:#fff;border-radius:15px;padding:20px 24px}.commercial .containerBibliotecas .boxBibliotecas .iconBibliotecas{font-size:28px;color:#1197bf;flex-shrink:0}.commercial .containerBibliotecas .boxBibliotecas .titleBibliotecas{font-family:Roboto,sans-serif;font-weight:700;font-size:20px;color:#4f4f4f}@media only screen and (max-width:768px){.commercial .containerBibliotecas .boxBibliotecas .titleBibliotecas{font-size:16px}}.commercial .containerBibliotecas .boxBibliotecas .paragraphBibliotecas{font-family:Roboto,sans-serif;font-size:16px;color:#4f4f4f;line-height:1.4}.commercial .containerBibliotecas .boxBibliotecas .buttonBibliotecas{display:inline-block;font-family:Roboto,sans-serif;font-weight:700;font-size:16px;border-radius:5px;padding:10px 20px;cursor:pointer;text-decoration:none;transition:opacity .2s}.commercial .containerBibliotecas .boxBibliotecas .buttonBibliotecas:hover{opacity:.85}.commercial .containerBibliotecas .boxBibliotecas .buttonBibliotecasPrimary{background-color:#1197bf;color:#fff}.commercial .containerBibliotecas .boxBibliotecas .buttonBibliotecasSecondary{background-color:#f2f2f2;color:#1197bf;border:2px solid #1197bf}.commercial .containerBibliotecas .boxBibliotecas .agendaBibliotecas{border-top:1px solid #e0e0e0;padding-top:16px}.commercial .containerBibliotecas .boxBibliotecas .agendaBibliotecas .titleAgendaBibliotecas{font-family:Roboto,sans-serif;font-weight:700;font-size:18px;color:#1197bf}@media only screen and (max-width:768px){.commercial .containerBibliotecas .boxBibliotecas .agendaBibliotecas .titleAgendaBibliotecas{font-size:16px}}.commercial .containerBibliotecas .boxBibliotecas .agendaBibliotecas .buttonAgenda{background-color:#1197bf;color:#fff;border:none;cursor:pointer}.commercial .containerCarruselAgenda .tituloCarruselAgenda{font-family:Roboto,sans-serif;font-weight:700;font-size:20px;color:#fff}.commercial .containerCarruselAgenda ::v-deep .carousel-arrow .icon{background-color:#1197bf;border-radius:50%;color:#fff}.commercial .containerCarruselAgenda ::v-deep .carousel-arrow .icon.has-icons-left{left:5px}.commercial .containerCarruselAgenda ::v-deep .carousel-arrow .icon.has-icons-right{right:5px}.commercial .containerCarruselAgenda .cardEvento{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer}.commercial .containerCarruselAgenda .cardEvento .cardEventoImage{width:100%;aspect-ratio:4/5;overflow:hidden}.commercial .containerCarruselAgenda .cardEvento .cardEventoImage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}.commercial .containerCarruselAgenda .cardEvento .cardEventoInfo{padding:12px 14px}.commercial .containerCarruselAgenda .cardEvento .cardEventoInfo .cardEventoDate{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;color:#1197bf;margin-bottom:4px}.commercial .containerCarruselAgenda .cardEvento .cardEventoInfo .cardEventoTitle{font-family:Roboto,sans-serif;font-size:15px;font-weight:600;color:#4f4f4f;line-height:1.3}.commercial .modalImagenEvento{display:flex;align-items:center;justify-content:center;cursor:zoom-out}.commercial .modalImagenEvento .modalImagenEventoImg{max-height:90vh;max-width:90vw;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.commercial ::v-deep .modal-content{max-width:1100px!important;width:1100px}.commercial .modalAgenda{background:#fff;border-radius:12px;width:90vw;max-width:1100px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.18)}.commercial .modalAgenda .modalAgendaHead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#1197bf;color:#fff}.commercial .modalAgenda .modalAgendaHead .modalAgendaTitle{font-family:Roboto,sans-serif;font-weight:700;font-size:16px}.commercial .modalAgenda .modalAgendaHead .modalAgendaClose{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.commercial .modalAgenda .modalAgendaHead .modalAgendaClose:hover{opacity:.75}.commercial .modalAgenda .modalAgendaBody{padding:0}.commercial .modalAgenda .modalAgendaBody .iframeAgendaWrapper{width:100%;height:80vh}.commercial .modalAgenda .modalAgendaBody .iframeAgendaWrapper .iframeAgenda{width:100%;height:100%;border:none;display:block}.commercial .subtitleGames{color:#fff;font-family:Roboto,sans-serif;font-size:22px;font-weight:700}.commercial .marginColumnGames{padding:4px;justify-items:center}@media only screen and (min-width:1025px)and (max-width:1415px){.commercial .marginColumnGames{margin-right:-50px}}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .marginColumnGames{margin-right:-10px}}.commercial .containerPagination .pagination-link.is-current{background-color:#fff;border-style:none;color:#1197bf;font-family:Roboto;font-size:14px}.commercial .containerPagination .pagination-link,.commercial .containerPagination .pagination-next,.commercial .containerPagination .pagination-previous{border-style:none;color:#fff;font-family:Roboto;font-size:16px}.commercial .boxGames{background-color:#fff;border-radius:10px;width:390px;height:615px}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .boxGames{width:300px}}.commercial .boxGames .imageGames{width:390px;height:260px;opacity:1}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .boxGames .imageGames{width:300px}}.commercial .boxGames .imageGames img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:390px;border-radius:10px}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .boxGames .imageGames img{width:300px}}.commercial .boxGames .infoGames{padding:10px}.commercial .boxGames .infoGames .contentGames{position:relative!important}.commercial .boxGames .infoGames .contentGames .titleGames{font-family:Roboto,sans-serif;font-size:22px;color:#4f4f4f;font-weight:600}.commercial .boxGames .infoGames .contentGames .paragraphGames{font-family:Roboto,sans-serif;font-size:18px;color:#4f4f4f;line-height:1}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .boxGames .infoGames .contentGames .paragraphGames{font-size:15px}}.commercial .boxGames .infoGames .contentGames .titleLesson{font-family:Roboto,sans-serif;font-size:18px;color:#4f4f4f;line-height:1;font-weight:500}.commercial .boxGames .infoGames .contentGamesDown{position:absolute;bottom:85px}.commercial .boxGames .infoGames .contentGamesDown .centerTimeAndScore{padding:15px}.commercial .boxGames .infoGames .contentGamesDown .centerTimeAndScore .boxTimeAndScore{border-radius:5px;background-color:#f2f2f2;width:150px;height:59px;text-align:center;padding:2px}@media only screen and (min-width:769px)and (max-width:1024px){.commercial .boxGames .infoGames .contentGamesDown .centerTimeAndScore .boxTimeAndScore{width:115px}}.commercial .boxGames .infoGames .contentGamesDown .centerTimeAndScore .boxTimeAndScore .titleScore{font-family:Roboto,sans-serif;font-size:18px;color:#4f4f4f}.commercial .boxGames .infoGames .contentGamesDown .centerTimeAndScore .boxTimeAndScore .scoreAndTime{font-family:Roboto,sans-serif;color:#4f4f4f;font-weight:700}.commercial .boxGames .infoGames .contentGamesDown .buttonPlayDownload{background-color:#1197bf;color:#fff;font-family:Roboto,sans-serif;font-weight:700;font-size:25px;width:184px;height:42px}.commercial .boxGames .infoGames .contentGamesDownNoTime{width:370px}.commercial .boxGames .infoGames .contentGamesDownNoTime .boxTimeAndScore{margin:0 auto}.commercial .noAccess{margin-top:200px}@media(max-width:768px){.cards{display:block!important;margin:9% 0}.cards .card{margin-top:16px!important}}