/* Localized demo screens; original Gerencie Web branding stays in the page shell. */
.learning-platform #por-dentro{scroll-margin-top:125px}.learning-platform .learn-screen{margin:0;min-width:0;width:100%}
.learning-platform .learn-screen-open{display:block;position:relative;padding:0;width:100%;border:1px solid #c7e2f0;border-radius:20px;background:#edf8ff;overflow:hidden;cursor:zoom-in;box-shadow:0 18px 50px #064d7714;color:#fff;text-align:left;transition:box-shadow .2s,border-color .2s}.learning-platform .learn-screen-open:hover{border-color:#079fe2;box-shadow:0 22px 55px #064d7721}.learning-platform .learn-screen-open:focus-visible{outline:3px solid #079fe2;outline-offset:5px}.learning-platform .learn-screen-open>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.learn-screen-affordance{position:absolute;right:17px;bottom:17px;display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #98c8e680;background:#063b88ed;color:#fff;border-radius:28px;box-shadow:0 4px 14px #063b8826;font:500 12px/1.3 'Raleway',Arial,sans-serif;pointer-events:none}.learn-screen-affordance svg,.learn-screen-modal-footer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.learning-platform .learn-screen figcaption{font-size:12px;line-height:1.5;color:#6b879e;padding:15px 2px 0}.learning-platform .learn-screen figcaption>span{display:block;font-family:'Source Sans Pro',Arial,sans-serif;font-size:19px;font-weight:400;line-height:1.3;color:#12628f;margin-bottom:4px}
.learning-platform .service-row-art:has(.learn-screen){max-width:680px}.learning-platform .learn-experience .learn-split{grid-template-columns:.83fr 1.17fr;gap:50px}.learning-platform .learn-reporting .learn-split{grid-template-columns:1.17fr .83fr;gap:50px}.learning-platform .learn-experience-art,.learning-platform .learn-report-art{min-width:0}
.learn-course-showcase{padding:80px 0;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#eff9ff,#fff 80%)}.learn-course-showcase::before{position:absolute;z-index:-1;right:-210px;top:20px;width:620px;aspect-ratio:1;content:'';background:url('./assets/brand-symbol-avif-56565d7e.avif') center/contain no-repeat;opacity:.03;pointer-events:none}
.learn-showcase-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:35px}.learning-platform .learn-showcase-heading h2{text-align:left}.learn-showcase-heading .service-divider{margin-inline:0}.learning-platform .learn-showcase-heading>div>p:not(.service-kicker){font-size:17px;line-height:1.6;margin-top:16px}.learning-platform .learn-showcase-heading>div>p:not(.service-kicker):first-child{margin-top:0}
.learn-screen-wide .learn-screen-open{max-width:1120px;margin-inline:auto;border-radius:24px}.learning-platform .learn-screen-wide figcaption{max-width:1120px;margin-inline:auto}.learn-screen-benefits{display:flex;justify-content:center;gap:25px 45px;flex-wrap:wrap;margin:28px 0;color:#2e6a8f}.learn-screen-benefits>p{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.4}.learn-screen-benefits span{color:#008fc2;font-size:19px}.learn-course-showcase .service-row-actions{justify-content:center;margin-top:30px}
body.learning-screen-open{overflow:hidden}.learn-screen-dialog{position:fixed;inset:0;width:min(1500px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #bedbed;border-radius:20px;background:#fff;color:#164f78;box-shadow:0 28px 100px #001e4666;font-family:'Source Sans Pro',Arial,sans-serif}.learn-screen-dialog::backdrop{background:#001e46cc;backdrop-filter:blur(7px)}
.learn-screen-modal-shell{display:flex;flex-direction:column;height:calc(100dvh - 50px);min-width:0}.learn-screen-modal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 25px;border-bottom:1px solid #d8e9f3;flex:none}.learn-screen-modal-brand{display:flex;align-items:center;gap:14px;min-width:0}.learn-screen-modal-brand>img{width:33px;height:33px;flex:none}.learn-screen-modal-brand>div>span{font-size:13px;line-height:1.3;color:#4e87a6}.learning-platform .learn-screen-modal-header h2{font-family:'Source Sans Pro',Arial,sans-serif;font-size:25px;font-weight:400;line-height:1.1;margin:5px 0 0;color:#063b88}
.learn-screen-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:9px 14px;min-height:44px;border:1px solid #bedceb;border-radius:25px;background:#f2faff;color:#0c6296;cursor:pointer;font:400 15px/1.4 'Source Sans Pro',Arial,sans-serif;flex:none}.learn-screen-close>span{font-size:25px;line-height:1}.learn-screen-modal-shell>p{padding:12px 25px;margin:0;color:#69879d;font-size:13px;line-height:1.4;flex:none}
.learn-screen-modal-viewport{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;background:#edf7fe;outline-offset:-4px;scrollbar-color:#5c9bbe #e5f1f8}.learn-screen-modal-viewport>img{display:block;width:100%;max-width:1440px;height:100%;max-height:none;object-fit:contain;margin-inline:auto}.learn-screen-modal-viewport.is-detail>img{height:auto;width:1440px;max-width:none;max-height:none;margin:0}
.learn-screen-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px 25px;padding:15px 25px;background:#fff;flex:none;border-top:1px solid #d8e9f3}.learn-screen-modal-footer>p{font-size:14px;line-height:1.4;color:#6b889e;margin:0}.learn-screen-pagination{display:flex;align-items:center;gap:14px;flex:none}.learn-screen-pagination>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b8d9ea;border-radius:50%;background:#f2faff;color:#006ba5;cursor:pointer;font:400 21px/1 'Source Sans Pro',Arial,sans-serif}.learn-screen-pagination>span{font-size:15px;line-height:1.4;color:#356c8c;min-width:40px;text-align:center}
.learn-screen-modal-footer>button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 15px;flex:none;background:#063b88;color:#fff;border:1px solid #063b88;border-radius:25px;cursor:pointer;font:400 15px/1.4 'Source Sans Pro',Arial,sans-serif}.learn-screen-close:hover,.learn-screen-pagination>button:hover{background:#e3f5ff}.learn-screen-modal-footer>button:hover{background:#00649f}.learn-screen-close:focus-visible,.learn-screen-pagination>button:focus-visible,.learn-screen-modal-footer>button:focus-visible{outline:3px solid #079fe2;outline-offset:3px}
@media(max-width:1150px){.learn-showcase-heading{gap:45px}.learning-platform .learn-experience .learn-split,.learning-platform .learn-reporting .learn-split{gap:35px}.learn-screen-modal-footer>p{max-width:340px}.learn-screen-benefits{gap:20px 25px}}
@media(max-width:950px){.learning-platform .learn-experience .learn-split,.learning-platform .learn-reporting .learn-split{grid-template-columns:1fr}.learning-platform .learn-experience-art,.learning-platform .learn-report-art{max-width:800px}.learning-platform .service-row-art:has(.learn-screen){max-width:650px}.learn-showcase-heading{grid-template-columns:1fr;gap:15px}.learn-showcase-heading>div:first-child{max-width:650px}.learn-showcase-heading .service-divider{margin-bottom:5px}.learn-course-showcase{padding-block:65px}.learn-screen-modal-footer{flex-wrap:wrap}.learn-screen-modal-footer>p{display:none}.learn-screen-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.learn-screen-modal-shell{height:calc(100dvh - 30px)}}
@media(max-width:520px){.learn-course-showcase{padding-block:48px}.learn-showcase-heading{margin-bottom:27px}.learning-platform .learn-showcase-heading>div>p:not(.service-kicker){font-size:16px}.learn-screen-wide .learn-screen-open,.learning-platform .learn-screen-open{border-radius:15px}.learn-screen-affordance{right:10px;bottom:10px;padding:8px 11px;font-size:11px;gap:7px}.learn-screen-affordance svg{width:14px;height:14px}.learning-platform .learn-screen figcaption{padding-top:12px;font-size:11px}.learning-platform .learn-screen figcaption>span{font-size:18px}.learn-screen-benefits{display:grid;justify-content:start;gap:13px;margin-block:23px}.learn-screen-benefits>p{font-size:15px}.learn-course-showcase .service-row-actions{justify-content:flex-start}.learn-screen-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.learn-screen-modal-shell{height:calc(100dvh - 22px)}.learn-screen-modal-header{padding:17px 15px;gap:12px}.learn-screen-modal-brand{gap:10px}.learn-screen-modal-brand>img{width:28px;height:28px}.learn-screen-modal-brand>div>span{font-size:11px}.learning-platform .learn-screen-modal-header h2{font-size:20px;max-width:215px}.learn-screen-close{font-size:0;padding:0;width:42px;height:42px;min-height:42px;gap:0}.learn-screen-close>span{font-size:26px}.learn-screen-modal-shell>p{padding:12px 15px;font-size:12px}.learn-screen-modal-footer{padding:13px 14px;gap:12px;align-items:center}.learn-screen-modal-footer>button{width:100%;min-height:44px;font-size:14px}.learn-screen-pagination{width:100%;justify-content:center;gap:20px}.learn-screen-modal-viewport.is-detail>img{max-height:none}.learn-screen-pagination>button{width:42px;height:42px}.learn-screen-affordance{border-color:#d5e8f570}}
@media(max-width:520px){.learn-screen-modal-shell{height:auto;max-height:calc(100dvh - 22px)}.learn-screen-modal-viewport{flex:initial;max-height:calc(100dvh - 285px)}.learn-screen-modal-viewport>img{height:auto;max-height:none}}
@media(prefers-reduced-motion:reduce){.learning-platform .learn-screen-open{transition:none}}
