/* USG Aula Infantil PRO 3.9.9.22 — presentation only, scoped */ .usg-aula-pro{box-sizing:border-box;overflow-wrap:anywhere} .usg-aula-pro *{box-sizing:border-box} .usg-aula-pro .usg-adventure-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 12px;font-weight:750;color:#173e69} .usg-aula-pro .usg-adventure-title{font-size:clamp(17px,2.2vw,23px)} .usg-aula-pro .usg-adventure-count{background:#fff3d8;color:#80520c;border-radius:99px;padding:8px 14px;font-size:14px} .usg-aula-pro .usg-adventure-track{display:block;height:20px;border-radius:99px;background:#e8f1fc;overflow:hidden;border:1px solid #d0e2f7;position:relative} .usg-aula-pro .usg-adventure-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2673d4,#20aeb3,#46bf87);transition:width .55s ease} .usg-aula-pro .usg-adventure-stages{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px!important;margin:24px 0!important} .usg-aula-pro .usg-adventure-stop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:94px;padding:10px 5px!important;border-radius:17px!important;background:#f7faff!important;border:2px solid #d4e2f6!important;color:#24476c!important;font-size:12px;line-height:1.3;transition:transform .2s ease,box-shadow .2s ease} .usg-aula-pro .usg-adventure-stop span[aria-hidden]{font-size:27px!important;margin:0!important} .usg-aula-pro .usg-adventure-stop.is-complete{background:#edfbf5!important;border-color:#83d8b4!important} .usg-aula-pro .usg-adventure-stop.is-current{background:#e3f1ff!important;border-color:#2477ce!important;box-shadow:0 0 0 3px #dbeeff} .usg-aula-pro .usg-adventure-stop:hover{transform:translateY(-3px);box-shadow:0 8px 18px #1d54851c} .usg-aula-pro .usg-adventure-stop:focus-visible,.usg-aula-pro .usg-adventure-zoom:focus-visible{outline:3px solid #dc8b16;outline-offset:3px} .usg-aula-pro .usg-adventure-celebration{background:#fff5dd;border:1px solid #f1ce85;border-radius:15px;padding:14px 18px;color:#714a08;font-weight:700;margin:8px 0 18px;animation:usgAdventureIn .5s ease both} .usg-aula-pro .usg-adventure-saved{color:#157044;font-weight:600} .usg-aula-pro .usg-adventure-article{min-width:0;background:linear-gradient(180deg,#fff,#fcfdff)} .usg-aula-pro .usg-adventure-article img{max-width:100%!important;height:auto!important;object-fit:contain;display:block;border-radius:12px} .usg-aula-pro .usg-adventure-article video,.usg-aula-pro .usg-adventure-article iframe,.usg-aula-pro .usg-adventure-article .wp-video,.usg-aula-pro .usg-adventure-article .mejs-container{max-width:100%!important} .usg-aula-pro .usg-adventure-zoom{border:0;background:transparent;padding:0;cursor:zoom-in;max-width:100%;display:inline-block} .usg-adventure-lightbox{border:0;border-radius:18px;padding:22px;background:#fff;max-width:min(92vw,1100px);max-height:92vh;box-shadow:0 20px 70px #0005} .usg-adventure-lightbox::backdrop{background:#091b2bca} .usg-adventure-lightbox img{display:block;max-width:100%;max-height:75vh;object-fit:contain} .usg-adventure-lightbox button{margin-bottom:12px;border:0;background:#2457a7;color:white;border-radius:9px;padding:9px 16px;cursor:pointer} @keyframes usgAdventureIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}} @media(max-width:850px){.usg-aula-pro .usg-adventure-stages{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:520px){.usg-aula-pro{padding:16px!important}.usg-aula-pro .usg-adventure-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.usg-aula-pro .usg-adventure-stop{min-height:78px}.usg-aula-pro .usg-adventure-article{padding:14px!important}} @media(prefers-reduced-motion:reduce){.usg-aula-pro .usg-adventure-fill,.usg-aula-pro .usg-adventure-stop,.usg-aula-pro .usg-adventure-celebration{animation:none!important;transition:none!important}} /* 3.9.9.22.1: connected adventure path; purely presentational */ .usg-aula-pro .usg-adventure-map-title{font-size:16px;font-weight:800;color:#17476e;margin:25px 0 0} .usg-aula-pro .usg-adventure-map-title span{display:block;font-size:12px;font-weight:500;color:#54718d;margin-top:4px} .usg-aula-pro .usg-adventure-stages{position:relative;isolation:isolate;gap:12px!important} .usg-aula-pro .usg-adventure-stages:before{content:"";position:absolute;top:46px;left:4%;right:4%;height:6px;border-radius:99px;background:repeating-linear-gradient(90deg,#a9c7ea 0 16px,transparent 16px 24px);z-index:-1} .usg-aula-pro .usg-adventure-stop{position:relative;box-shadow:0 5px 0 #dce8f5;transform-origin:center;min-height:104px} .usg-aula-pro .usg-adventure-stop.is-complete{box-shadow:0 5px 0 #bde9d3} .usg-aula-pro .usg-adventure-stop.is-current{box-shadow:0 0 0 3px #dbeeff,0 6px 0 #8cbeee;transform:translateY(-2px)} .usg-aula-pro .usg-adventure-stop.is-current:after{content:"Estás aquí";position:absolute;top:-19px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:800;color:#1259a0} .usg-aula-pro .usg-adventure-celebration{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;font-size:16px;padding:22px;background:linear-gradient(135deg,#fff3cb,#e9fbf3);animation:usgAdventureIn .45s ease both} .usg-aula-pro .usg-adventure-celebration span:first-child{font-size:28px;animation:usgStarPop .7s ease both} .usg-aula-pro .usg-adventure-celebration span:last-child{font-size:13px;font-weight:500} @keyframes usgStarPop{0%{transform:scale(.55);opacity:.3}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}} @media(max-width:850px){.usg-aula-pro .usg-adventure-stages:before{display:none}} @media(prefers-reduced-motion:reduce){.usg-aula-pro .usg-adventure-celebration span:first-child{animation:none!important}} /* 3.9.9.23 - guía virtual y recompensas derivadas del progreso existente */ .usg-aula-pro .usg-adventure-guide{display:flex;align-items:center;gap:16px;margin:22px 0 8px;padding:18px;border-radius:18px;border:1px solid #b9def4;background:linear-gradient(110deg,#eef8ff,#fff9e9)} .usg-aula-pro .usg-adventure-guide-avatar{font-size:46px;line-height:1;flex:none;filter:drop-shadow(0 4px 3px #1232)} .usg-aula-pro .usg-adventure-guide-copy{flex:1;min-width:0;color:#183f66} .usg-aula-pro .usg-adventure-guide-copy strong{font-size:16px} .usg-aula-pro .usg-adventure-guide-copy p{margin:5px 0 0;font-size:14px} .usg-aula-pro .usg-adventure-guide-award{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:white;border:1px solid #f1d38c;border-radius:14px;padding:10px 14px;color:#79500c;font-weight:750;min-width:150px} .usg-aula-pro .usg-adventure-guide-award small{font-weight:500;font-size:12px} @media(max-width:620px){.usg-aula-pro .usg-adventure-guide{flex-wrap:wrap;padding:14px}.usg-aula-pro .usg-adventure-guide-award{width:100%}.usg-aula-pro .usg-adventure-guide-avatar{font-size:38px}} /* ===================================================== USG Aula Infantil PRO · Curso abierto piloto 1562 Mapa de aventuras — presentación únicamente ===================================================== */ .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map { background: linear-gradient(160deg,#164bc4,#2877f0); border-radius: 24px; padding: 22px 18px; box-shadow: 0 15px 35px rgba(24,76,164,.16); } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map > strong { font-size: 17px; margin-bottom: 18px; color: #fff; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link { display: flex; align-items: center; min-height: 51px; margin: 9px 0; padding: 12px 13px; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.2); border-radius: 13px; color: #fff !important; font-size: 13px; font-weight: 750; line-height: 1.4; transition: background .2s ease,transform .2s ease; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(4n+1) { border-left: 5px solid #ffd34d; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(4n+2) { border-left: 5px solid #67d83d; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(4n+3) { border-left: 5px solid #ff9a5b; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(4n) { border-left: 5px solid #c5a0ff; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:hover, .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:focus-visible { background: rgba(255,255,255,.24); transform: translateX(3px); } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link.is-current { background: #fff; color: #174b9c !important; outline: 2px solid #ffd34d; outline-offset: 0; } @media (prefers-reduced-motion: reduce) { .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link { transition: none; } } /* USG OPEN PILOT 1562 - ICONOS DE ESTACIONES */ .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link::before { display: inline-block; flex: 0 0 27px; margin-right: 7px; font-size: 21px; line-height: 1; text-align: center; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(1)::before {content:"🚀"} .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(2)::before {content:"🎟️"} .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(3)::before {content:"📖"} .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(4)::before {content:"✏️"} .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(5)::before {content:"🏆"} .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(6)::before {content:"🏁"} .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(7)::before {content:"🎓"} .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link:nth-of-type(8)::before {content:"⭐"} /* USG OPEN PILOT 1562 - ESTACIONES COMPLETADAS */ .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link.is-complete { border-color: #9de6bc; background: rgba(24, 135, 91, .22); } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link.is-complete::after { content: "⭐"; margin-left: auto; padding-left: 5px; font-size: 15px; flex-shrink: 0; } .usg-course-shell.is-kids[data-course-id="1562"] .usg-open-adventure-map .usg-stage-link.is-complete.is-current { background: #ffffff; color: #174b9c !important; border-color: #67d83d; }