.profesores-stage{background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0 50px;overflow:hidden;position:relative}.profesores-stage>.container-md{position:relative;z-index:1}.profesores-stage .stage-deco{position:absolute;z-index:0;pointer-events:none}.profesores-stage .purple-deco{bottom:-42px;right:38px;width:290px;z-index:2}.profesores-stage .rings-deco{bottom:-66px;left:-66px;width:262px}.profesores-stage h1{font-size:55px}.profesores-stage p{font-family:var(--title-font);line-height:1.05}.profesores-stage .thumb-holder{background-size:cover;border-radius:30px;display:flex;align-items:flex-start;justify-content:flex-end;padding:20px 25px;position:relative}.profesores-stage .thumb-holder .yellow-deco{left:-50px;top:15px;width:80px}.grid-controls{display:flex;align-items:center;flex-wrap:wrap;gap:36px;padding-bottom:20px}.grid-controls .search-holder{display:flex;align-items:center;flex-wrap:wrap;gap:20px;width:calc(100% - 364px)}.grid-controls .search-holder .ctrl-holder{width:calc(100% - 165px)}.grid-controls .search-holder .btn{width:145px}.grid-controls .filters-holder{width:200px}.grid-controls .filters-holder .filters-dropdown{position:relative}.grid-controls .filters-holder .filters-dropdown .filters-toggle{background-color:#fff;border-bottom:solid 1px var(--purple-color);color:var(--purple-color);font-size:14px;font-weight:700;line-height:1.2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;height:40px;pointer-events:none;position:relative;z-index:2}.grid-controls .filters-holder .filters-dropdown .filters-toggle:hover{text-decoration:none}.grid-controls .filters-holder .filters-dropdown .filters-toggle .selected-filter{display:inline-block;flex-shrink:0;padding:0 20px 0 5px;width:calc(100% - 30px)}.grid-controls .filters-holder .filters-dropdown .filters-toggle .toggle-icon{width:30px;height:30px;background:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:30px;transition:all .2s linear}.grid-controls .filters-holder .filters-dropdown .filters-toggle:hover .toggle-icon{background-color:var(--purple-color)}.grid-controls .filters-holder .filters-dropdown .filters-toggle .toggle-icon svg{fill:var(--purple-color);width:14px;height:14px;transition:all .2s linear}.grid-controls .filters-holder .filters-dropdown .filters-toggle:hover .toggle-icon svg{fill:var(--primary-color)}.grid-controls .filters-holder .filters-dropdown select{position:absolute;top:0;left:0;width:100%;height:40px;z-index:1}.grid-controls .view-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:92px}.grid-controls .view-toggles a{width:42px;height:42px;background:#f5f5f5;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s linear}.grid-controls .view-toggles a:hover,.grid-controls .view-toggles a.active{background:var(--lightpurple-color)}.grid-controls .view-toggles a svg{fill:#7946a5;transition:fill .2s linear}.grid-controls .view-toggles a:hover svg,.grid-controls .view-toggles a.active svg{fill:var(--purple-color)}.profesores-grid{margin-top:40px;position:relative}.profesores-grid .profesor-element{display:block;float:left;position:relative;margin:0 10px 20px;width:calc(25% - 20px);z-index:1}.profesores-grid .profesor-element.hidden{display:none}body.enabled-list-view .profesores-grid .profesor-element{width:100%;height:auto!important}.profesores-grid .profesor-element a{background-color:#f5f5f5;border-radius:30px;display:flex;flex-direction:column;padding:20px 15px;text-decoration:none;transition:background .2s linear;height:100%}body.enabled-list-view .profesores-grid .profesor-element a{flex-direction:row;align-items:center;padding:10px 15px}.profesores-grid .profesor-element a:hover{background-color:var(--primary-color)}.profesores-grid .profesor-element .profesor-thumb{margin-bottom:28px;text-align:center}.profesores-grid .profesor-element .profesor-thumb img{border-radius:30px;object-fit:cover;width:100%}.profesores-grid .profesor-element .profesor-name{margin-bottom:8px}.profesores-grid .profesor-element .profesor-name h4{font-family:var(--text-font);font-size:20px;font-weight:700;text-transform:uppercase;min-height:48px}.profesores-grid .profesor-element p{letter-spacing:-.2px;margin:0}.profesores-grid .profesor-element .profesor-area{margin-bottom:40px}.profesores-grid .profesor-element .profesor-area p{font-weight:600;min-height:48px}.profesores-grid .profesor-element .profesor-email p,.profesores-grid .profesor-element .profesor-telephone p{word-break:break-word}@media only screen and (min-width:768px)and (max-width:991px){.grid-controls{gap:20px}.grid-controls .search-holder{flex-grow:1}.grid-controls .search-holder .ctrl-holder{width:calc(100% - 125px)}.grid-controls .search-holder .btn{width:105px}.profesores-grid .profesor-element{width:calc(50% - 20px)}}@media only screen and (min-width:992px){.profesores-stage{height:600px}.profesores-stage p{font-size:18px}.profesores-stage>.container-md{padding-top:10px}.profesores-stage .container-md .col-lg-4{flex-basis:33%;max-width:33%}.profesores-stage .thumb-holder{position:absolute;top:30px;right:0;z-index:1;border-radius:30px 0 0 30px;width:62%;height:calc(100% - 80px);object-fit:cover;object-position:left center}.profesores-stage .thumb-holder .profesores-stage-thumb{display:none!important}.profesores-stage .profesores-stage-thumb{position:absolute;top:40px;right:0;z-index:0;pointer-events:none;border-radius:30px 0 0 30px;width:64%;height:calc(100% - 110px);object-fit:cover;object-position:left center}body.enabled-list-view .profesores-grid .profesor-element .profesor-thumb,body.enabled-list-view .profesores-grid .profesor-element .profesor-name,body.enabled-list-view .profesores-grid .profesor-element .profesor-area{margin-bottom:0}body.enabled-list-view .profesores-grid .profesor-element .profesor-thumb{display:flex;align-items:center;width:148px;height:97px;flex-shrink:0;padding-right:20px}body.enabled-list-view .profesores-grid .profesor-element .profesor-name,body.enabled-list-view .profesores-grid .profesor-element .profesor-area,body.enabled-list-view .profesores-grid .profesor-element .profesor-email,body.enabled-list-view .profesores-grid .profesor-element .profesor-telephone{border-left:solid 1px var(--base-color);min-height:68px;display:flex;align-items:center;padding:0 20px}body.enabled-list-view .profesores-grid .profesor-element .profesor-name{flex-shrink:0;width:290px}body.enabled-list-view .profesores-grid .profesor-element .profesor-area{width:238px}body.enabled-list-view .profesores-grid .profesor-element .profesor-telephone{flex-shrink:0;padding-right:0!important}body.enabled-list-view .profesores-grid .profesor-element .profesor-name h4,body.enabled-list-view .profesores-grid .profesor-element .profesor-area p{min-height:0}}@media only screen and (min-width:992px)and (max-width:1199px){.profesores-stage h1{font-size:40px}.profesores-grid .profesor-element{width:calc(33.333333% - 20px)}body.enabled-list-view .profesores-grid .profesor-element .profesor-name{width:225px}body.enabled-list-view .profesores-grid .profesor-element .profesor-name h4{font-size:18px}body.enabled-list-view .profesores-grid .profesor-element .profesor-area p,body.enabled-list-view .profesores-grid .profesor-element .profesor-email p,body.enabled-list-view .profesores-grid .profesor-element .profesor-telephone p{font-size:14px}}@media only screen and (min-width:1400px){.profesores-stage h1{font-size:65px}.profesores-stage .thumb-holder{max-width:1140px}}@media only screen and (max-width:991px){.profesores-stage{padding-bottom:30px}.profesores-stage .container-md{margin-bottom:50px}.profesores-stage .thumb-holder{background-image:none!important;align-items:center;flex-direction:column;justify-content:center;padding:0 15px}.profesores-stage .thumb-holder .profesores-stage-thumb{border-radius:30px;display:block;width:100%}.profesores-stage .stage-form-panel{background-color:#fff;margin-top:-30px;max-width:95%;padding:30px 15px}.profesores-stage .thumb-holder .yellow-deco{display:none}.profesores-stage .purple-deco{bottom:-60px;right:-60px;width:170px}.profesores-stage .rings-deco{display:none}body.enabled-list-view .profesores-grid .profesor-element a{flex-wrap:wrap;padding:20px 15px;position:relative}body.enabled-list-view .profesores-grid .profesor-element .profesor-thumb{margin-bottom:0;position:absolute;top:0;left:15px;height:100%;display:flex;align-items:center;text-align:center;width:118px}body.enabled-list-view .profesores-grid .profesor-element .profesor-thumb img{height:120px}body.enabled-list-view .profesores-grid .profesor-element .profesor-name,body.enabled-list-view .profesores-grid .profesor-element .profesor-area,body.enabled-list-view .profesores-grid .profesor-element .profesor-email,body.enabled-list-view .profesores-grid .profesor-element .profesor-telephone{margin:0 0 0 137px;width:calc(100% - 132px)}body.enabled-list-view .profesores-grid .profesor-element .profesor-name,body.enabled-list-view .profesores-grid .profesor-element .profesor-area,body.enabled-list-view .profesores-grid .profesor-element .profesor-email{padding-bottom:10px}body.enabled-list-view .profesores-grid .profesor-element .profesor-name h4,body.enabled-list-view .profesores-grid .profesor-element .profesor-area p{min-height:0}body.enabled-list-view .profesores-grid .profesor-element .profesor-name h4{font-size:14px}body.enabled-list-view .profesores-grid .profesor-element .profesor-area p{font-size:12px}body.enabled-list-view .profesores-grid .profesor-element .profesor-email p,body.enabled-list-view .profesores-grid .profesor-element .profesor-telephone p{font-size:10px}}@media only screen and (max-width:767px){.profesores-stage h1{font-size:35px}.grid-controls{gap:30px 20px;justify-content:center}.grid-controls .search-holder{gap:10px;width:100%}.grid-controls .search-holder .ctrl-holder{width:calc(100% - 106px)}.grid-controls .search-holder .btn{width:96px}.profesores-grid .profesor-element{width:calc(50% - 20px)}}@media only screen and (max-width:575px){.profesores-grid .profesor-element{margin-left:0;margin-right:0;width:100%}.profesores-grid .profesor-element .profesor-name{margin-bottom:20px}.profesores-grid .profesor-element .profesor-name h4{min-height:0}.profesores-grid .profesor-element .profesor-area{margin-bottom:25px}.profesores-grid .profesor-element .profesor-area p{min-height:0}}@media only screen and (max-width:480px){.profesores-grid .profesor-element{margin-left:auto;margin-right:auto;width:100%}}