/* SECTEO learning content. Original presentation slides keep their source design. */
.sa-course-card .sa-course-cover--image { background:#fff; }
.sa-course-card .sa-course-cover--image img { width:100%!important; height:100%!important; object-fit:contain; padding:30px 14px 12px; }
.sa-course-title-image { margin:0 0 22px; padding:12px; border:1px solid #d8edf3; border-radius:20px; background:#fff; }
.sa-course-title-image img { display:block; width:100%; height:clamp(170px,23vw,300px); object-fit:contain; }
.sa-learning { --learn-cyan:#46c9ec; --learn-blue:#1396b9; --learn-teal:#1c788f; --learn-pale:#e5f7fc; --learn-yellow:#ffd300; color:#4b4b4d; max-width:1120px; margin-inline:auto; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.7; }
.sa-learning h2,.sa-learning h3 { color:var(--learn-blue); font-style:italic; font-weight:600; line-height:1.25; }
.sa-learning h2 { font-size:clamp(1.8rem,3.5vw,2.8rem); margin:16px 0; }
.sa-learning h3 { font-size:1.45rem; margin:0 0 12px; }
.sa-learning p { margin:0 0 16px; }
.sa-lesson-eyebrow { display:block; font-size:.68rem; letter-spacing:.16em; font-weight:650; color:var(--learn-teal); }
.sa-lesson-hero,.sa-course-welcome { position:relative; padding:42px; background:var(--learn-pale); border-radius:22px; border:1px solid #ccecf5; overflow:hidden; }
.sa-lesson-hero::before,.sa-course-welcome::before { content:""; position:absolute; width:160px; height:160px; border:30px solid #46c9ec20; border-radius:50%; right:-55px; top:-65px; pointer-events:none; }
.sa-lesson-hero p,.sa-course-welcome>p { max-width:760px; font-size:1.05rem; margin-bottom:0; }
.sa-lesson-number { display:block; color:var(--learn-teal); font-size:.75rem; margin-top:18px; letter-spacing:.08em; }
.sa-learning-goals { margin:24px 0 34px; padding:26px 30px; border:1px solid #d8edf3; border-radius:18px; background:#fff; }
.sa-learning-goals ul,.sa-exam-intro ul { padding-left:21px; margin:12px 0 0; }
.sa-learning-goals li { padding:4px 0; }
.sa-learning li::marker { color:var(--learn-blue); }
.sa-learning-copy { padding:0 8px; }
.sa-learning-copy section { margin-bottom:30px; }
.sa-learning-video { margin:28px 0; padding:26px; border-radius:20px; background:#f5fbfd; border:1px solid #d8edf3; }
.sa-learning-video h3 { margin:8px 0 18px; }
.sa-learning-video video { display:block; width:100%; max-height:620px; background:#142f38; border-radius:12px; aspect-ratio:16/9; }
.sa-learning-video>p { font-size:.8rem; color:#687b82; margin:12px 0 0; }
.sa-learning-slides { margin:36px 0; }
.sa-learning-slide { border:1px solid #d8edf3; background:#fff; border-radius:15px; margin:10px 0; overflow:hidden; }
.sa-learning-slide>summary,.sa-learning-check>summary { cursor:pointer; padding:17px 20px; font-size:.95rem; color:var(--learn-teal); font-weight:550; }
.sa-learning-slide>summary:hover,.sa-learning-check>summary:hover { background:#f0fafd; }
.sa-learning-slide>summary>span { display:inline-block; font-size:.7rem; letter-spacing:.06em; color:#727274; margin:0 12px 0 5px; }
.sa-learning-slide[open]>summary { background:var(--learn-pale); border-bottom:1px solid #d8edf3; }
.sa-learning-slide figure { margin:0; padding:16px; }
.sa-learning-slide img { width:100%; height:auto; display:block; border-radius:7px; }
.sa-learning-slide figcaption { color:#727274; font-size:.72rem; padding:10px 2px 0; }
.sa-slide-transcript { padding:4px 22px 20px; font-size:.86rem; }
.sa-slide-transcript h4 { font-size:.8rem; font-weight:600; color:var(--learn-teal); }
.sa-slide-transcript ul { margin:0; padding-left:20px; }
.sa-learning-practice { padding:28px 30px; border-left:5px solid var(--learn-yellow); background:#fffcdf; border-radius:0 18px 18px 0; margin:30px 0 18px; }
.sa-learning-practice h3 { margin:10px 0 12px; }
.sa-learning-practice p { margin:0; }
.sa-learning-check { border:1px solid #ccecf5; border-radius:15px; background:#f5fbfd; }
.sa-learning-check>p { margin:0; padding:0 24px 22px; }
.sa-learning-end { border-top:1px solid #d8edf3; padding-top:24px; margin-top:32px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.sa-learning-end p { margin:0; color:#727274; font-size:.83rem; }
a.sa-learning-button { display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; background:var(--learn-yellow); color:#303b40; border-radius:99px; font-weight:550; font-size:.9rem; text-decoration:none; }
a.sa-learning-button:hover { background:#efc800; color:#222; text-decoration:none; }
.sa-learning summary:focus-visible,.sa-learning a:focus-visible { outline:3px solid var(--learn-blue); outline-offset:3px; }
.sa-course-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:28px 0; }
.sa-course-facts>span { padding:15px 18px; background:#ffffffa6; border:1px solid #fff; border-radius:14px; font-size:.8rem; }
.sa-course-facts b { display:block; color:var(--learn-teal); font-size:1.6rem; font-weight:600; line-height:1.3; }
.sa-learning-start { padding:30px 10px 8px; }
.sa-learning-start ol { padding-left:22px; }
.sa-learning-start li { padding:5px 0 5px 5px; }
.sa-source-note { font-size:.8rem; color:#727274; }
.sa-exam-intro { padding:28px 32px; background:var(--learn-pale); border:1px solid #ccecf5; border-radius:20px; }
.sa-exam-intro h2 { font-size:1.8rem; }
.sa-exam-intro ul { margin-bottom:20px; }
.sa-exam-intro>p:last-child { font-size:.8rem; color:#61747a; margin-bottom:0; }
@media(max-width:767px) {
 .sa-lesson-hero,.sa-course-welcome { padding:26px 22px; border-radius:18px; }
 .sa-learning-goals,.sa-learning-video,.sa-learning-practice,.sa-exam-intro { padding:22px 18px; }
 .sa-course-facts { grid-template-columns:repeat(2,1fr); gap:9px; margin:23px 0; }
 .sa-course-facts>span { padding:12px 14px; }
 .sa-learning-slide>summary { padding:14px; font-size:.88rem; }
 .sa-learning-slide>summary>span { display:block; margin:0 0 4px; }
 .sa-learning-slide figure { padding:8px; }
 .sa-learning-copy { padding:0; }
 .sa-learning h3 { font-size:1.25rem; }
 .sa-learning-end>a { width:100%; }
}