↩️ [[Public/Proyectos y Consultorías/Unisabana e-Learning/Elementos web/index|index]] <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 10px; font-family: 'Segoe UI', Arial, sans-serif;"> <div class="uxnav-card uxnav-color-1" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Avisos</span> </div> <div class="uxnav-card uxnav-color-2" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Syllabus</span> </div> <div class="uxnav-card uxnav-color-3" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px; line-height: 1.2;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Estrategias de evaluación</span> </div> <div class="uxnav-card uxnav-color-4" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Cronograma</span> </div> <div class="uxnav-card uxnav-color-5" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Soy Sabana</span> </div> <div class="uxnav-card uxnav-color-6" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Biblioteca</span> </div> </div> ``` php <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 10px; font-family: 'Segoe UI', Arial, sans-serif;"> <div class="uxnav-card uxnav-color-1" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Avisos</span> </div> <div class="uxnav-card uxnav-color-2" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Syllabus</span> </div> <div class="uxnav-card uxnav-color-3" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px; line-height: 1.2;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Estrategias de evaluación</span> </div> <div class="uxnav-card uxnav-color-4" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Cronograma</span> </div> <div class="uxnav-card uxnav-color-5" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Soy Sabana</span> </div> <div class="uxnav-card uxnav-color-6" style="position: relative; overflow: hidden; background-color: #ffffff; color: #0397aa; border: 2px solid #00205B; width: 130px; min-height: 48px; border-radius: 8px; font-weight: bold; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <span style="position: relative; z-index: 4;">Biblioteca</span> </div> </div> ``` <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="background: #FFFFFF; padding: 32px 20px; font-family: Arial,sans-serif; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; align-items: flex-start; min-width: 820px;"> <!-- TARJETA 2 --> <div class="uxnav-card uxnav-color-2" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M74 35 C74 35 64 33 54 35 L54 72 C64 70 74 72 74 72 C74 72 84 70 94 72 L94 35 C84 33 74 35 74 35Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <line x1="74" y1="35" x2="74" y2="72" stroke="#1a5f6e" stroke-width="1.8"></line> <line x1="59" y1="43" x2="72" y2="42" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="49" x2="72" y2="48" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="55" x2="72" y2="54" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="42" x2="89" y2="43" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="48" x2="89" y2="49" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="54" x2="89" y2="55" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Material de profundización </span></div> </div> <!-- TARJETA 3 --> <div class="uxnav-card uxnav-color-3" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="60" y="35" width="22" height="30" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="64" y1="43" x2="78" y2="43" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="49" x2="78" y2="49" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="55" x2="72" y2="55" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <path d="M79 60 L87 52 L91 56 L83 64 L78 65 Z" stroke="#1a5f6e" stroke-width="1.7" fill="none" stroke-linejoin="round"></path> <line x1="85" y1="54" x2="89" y2="58" stroke="#1a5f6e" stroke-width="1.5"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Actividades de aprendizaje </span></div> </div> <!-- TARJETA 4 --> <div class="uxnav-card uxnav-color-4" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M54 40 Q54 36 58 36 L90 36 Q94 36 94 40 L94 58 Q94 62 90 62 L80 62 L74 68 L74 62 Q70 62 66 62 L58 62 Q54 62 54 58 Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <path d="M71 44 Q71 41 74 41 Q77 41 77 44 Q77 47 74 48 L74 52" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round" fill="none"> </path> <circle cx="74" cy="55.5" r="1.5" fill="#1a5f6e"></circle> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Foro de dudas e inquietudes </span></div> </div> <!-- TARJETA 5 --> <div class="uxnav-card uxnav-color-5" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="52" y="42" width="28" height="22" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <path d="M80 48 L94 42 L94 68 L80 62 Z" stroke="#1a5f6e" stroke-width="2" fill="none" stroke-linejoin="round"></path> <circle cx="63" cy="50" r="4" stroke="#1a5f6e" stroke-width="1.8" fill="none"></circle> <path d="M55 62 Q57 57 63 57 Q69 57 71 62" stroke="#1a5f6e" stroke-width="1.8" fill="none" stroke-linecap="round"></path> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Encuentro sincrónico </span></div> </div> </div> ```php <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="background: #FFFFFF; padding: 32px 20px; font-family: Arial,sans-serif; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; align-items: flex-start; min-width: 820px;"> <!-- TARJETA 2 --> <div class="uxnav-card uxnav-color-2" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M74 35 C74 35 64 33 54 35 L54 72 C64 70 74 72 74 72 C74 72 84 70 94 72 L94 35 C84 33 74 35 74 35Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <line x1="74" y1="35" x2="74" y2="72" stroke="#1a5f6e" stroke-width="1.8"></line> <line x1="59" y1="43" x2="72" y2="42" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="49" x2="72" y2="48" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="55" x2="72" y2="54" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="42" x2="89" y2="43" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="48" x2="89" y2="49" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="54" x2="89" y2="55" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Material de profundización </span></div> </div> <!-- TARJETA 3 --> <div class="uxnav-card uxnav-color-3" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="60" y="35" width="22" height="30" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="64" y1="43" x2="78" y2="43" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="49" x2="78" y2="49" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="55" x2="72" y2="55" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <path d="M79 60 L87 52 L91 56 L83 64 L78 65 Z" stroke="#1a5f6e" stroke-width="1.7" fill="none" stroke-linejoin="round"></path> <line x1="85" y1="54" x2="89" y2="58" stroke="#1a5f6e" stroke-width="1.5"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Actividades de aprendizaje </span></div> </div> <!-- TARJETA 4 --> <div class="uxnav-card uxnav-color-4" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M54 40 Q54 36 58 36 L90 36 Q94 36 94 40 L94 58 Q94 62 90 62 L80 62 L74 68 L74 62 Q70 62 66 62 L58 62 Q54 62 54 58 Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <path d="M71 44 Q71 41 74 41 Q77 41 77 44 Q77 47 74 48 L74 52" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round" fill="none"> </path> <circle cx="74" cy="55.5" r="1.5" fill="#1a5f6e"></circle> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Foro de dudas e inquietudes </span></div> </div> <!-- TARJETA 5 --> <div class="uxnav-card uxnav-color-5" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="52" y="42" width="28" height="22" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <path d="M80 48 L94 42 L94 68 L80 62 Z" stroke="#1a5f6e" stroke-width="2" fill="none" stroke-linejoin="round"></path> <circle cx="63" cy="50" r="4" stroke="#1a5f6e" stroke-width="1.8" fill="none"></circle> <path d="M55 62 Q57 57 63 57 Q69 57 71 62" stroke="#1a5f6e" stroke-width="1.8" fill="none" stroke-linecap="round"></path> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Encuentro sincrónico </span></div> </div> </div> ``` <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 900px; margin: auto; font-family: Arial, sans-serif;"> <div class="uxnav-card uxnav-color-1" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <!-- Fondos y formas del contenedor principal --> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <!-- NUEVO ICONO: Escalado y centrado matemáticamente en el eje (100, 75) --> <g transform="translate(100, 75) scale(0.11) translate(-302.822, -302.822)"> <g enable-background="new 0 0 605.644 605.644"> <g id="Page-1"> <g id="_x30_01---English"> <!-- Aplicamos el color #008f9c original a los trazos --> <path fill="#008f9c" id="Shape" d="m131.223 605.644h343.198c16.724 0 30.282-13.558 30.282-30.282v-52.328c12.056-4.262 20.135-15.638 20.188-28.425v-464.327c0-16.724-13.558-30.282-30.282-30.282h-363.386c-27.86.033-50.437 22.61-50.47 50.47v504.703c.033 27.86 22.61 50.437 50.47 50.471zm353.292-30.283c0 5.575-4.519 10.094-10.094 10.094h-343.198c-16.724 0-30.282-13.558-30.282-30.282s13.558-30.282 30.282-30.282h353.292zm20.188-545.079v464.327c0 5.575-4.519 10.094-10.094 10.094h-343.198v-484.515h343.198c5.575 0 10.094 4.519 10.094 10.094zm-373.48-10.094v484.515c-10.957.037-21.597 3.676-30.282 10.357v-464.59c0-8.031 3.19-15.734 8.869-21.413s13.381-8.869 21.413-8.869z"> </path> <path fill="#008f9c" id="Shape_1_" d="m151.411 565.267h100.941c5.575 0 10.094-4.519 10.094-10.094s-4.519-10.094-10.094-10.094h-100.941c-5.575 0-10.094 4.519-10.094 10.094s4.519 10.094 10.094 10.094z"> </path> <path fill="#008f9c" id="Shape_2_" d="m292.728 565.267h141.317c5.575 0 10.094-4.519 10.094-10.094s-4.519-10.094-10.094-10.094h-141.317c-5.575 0-10.094 4.519-10.094 10.094s4.519 10.094 10.094 10.094z"> </path> <path fill="#008f9c" id="Shape_3_" d="m201.881 282.634c5.575 0 10.094-4.519 10.094-10.094v-40.376h40.376v40.376c0 5.575 4.519 10.094 10.094 10.094s10.094-4.519 10.094-10.094v-90.847c0-22.299-18.077-40.376-40.376-40.376s-40.376 18.077-40.376 40.376v90.847c0 5.574 4.519 10.094 10.094 10.094zm30.282-121.129c11.15 0 20.188 9.039 20.188 20.188v30.282h-40.376v-30.282c0-11.15 9.039-20.188 20.188-20.188z"> </path> <path fill="#008f9c" id="Shape_4_" d="m302.822 282.634h30.282c18.134-.009 34.038-12.106 38.887-29.58s-2.546-36.037-18.083-45.389c10.094-12.015 12.312-28.791 5.688-43.017-6.625-14.226-20.893-23.325-36.586-23.331h-20.188c-5.575 0-10.094 4.519-10.094 10.094v121.129c0 5.574 4.519 10.094 10.094 10.094zm50.47-40.377c0 11.15-9.039 20.188-20.188 20.188h-20.188v-40.376h20.188c11.15 0 20.188 9.039 20.188 20.188zm-30.282-80.752c11.15 0 20.188 9.039 20.188 20.188s-9.039 20.188-20.188 20.188h-10.094v-40.376z"> </path> <path fill="#008f9c" id="Shape_5_" d="m434.045 282.634c22.299 0 40.376-18.077 40.376-40.376 0-5.575-4.519-10.094-10.094-10.094s-10.094 4.519-10.094 10.094c0 11.15-9.039 20.188-20.188 20.188-11.15 0-20.188-9.039-20.188-20.188v-60.564c0-11.15 9.039-20.188 20.188-20.188 11.15 0 20.188 9.039 20.188 20.188 0 5.575 4.519 10.094 10.094 10.094s10.094-4.519 10.094-10.094c0-22.299-18.077-40.376-40.376-40.376s-40.376 18.077-40.376 40.376v60.564c-.001 22.299 18.076 40.376 40.376 40.376z"> </path> </g> </g> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> U1-Guía de actividades</div> </div> </div> <div class="uxnav-card uxnav-color-2" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <!-- Fondos y formas del contenedor principal --> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <!-- NUEVO ICONO: Escalado y centrado matemáticamente en el eje (100, 75) --> <g transform="translate(100, 75) scale(0.13) translate(-256, -256)"> <g> <circle fill="#008f9c" cx="404.218" cy="108.266" r="10"></circle> <path fill="#008f9c" d="m440.437 351.952c15.335-11.204 25.323-29.309 25.323-49.713 0-33.935-27.608-61.543-61.543-61.543s-61.543 27.608-61.543 61.543c0 20.403 9.988 38.509 25.323 49.713-16.131 7.727-29.429 20.445-37.889 36.143-8.46-15.698-21.758-28.416-37.889-36.143 15.335-11.204 25.323-29.309 25.323-49.713 0-33.935-27.608-61.543-61.543-61.543s-61.543 27.608-61.543 61.543c0 20.403 9.988 38.509 25.323 49.713-16.131 7.727-29.429 20.445-37.889 36.143-8.46-15.698-21.758-28.416-37.889-36.143 15.335-11.204 25.323-29.309 25.323-49.713 0-33.935-27.608-61.543-61.543-61.543s-61.541 27.609-61.541 61.544c0 20.403 9.988 38.509 25.323 49.713-28.309 13.56-47.908 42.492-47.908 75.92v74.109c0 5.534 4.486 10.02 10.02 10.02h148.217 148.217 148.217c5.534 0 10.02-4.486 10.02-10.02v-74.109c-.001-33.429-19.6-62.36-47.909-75.921zm-77.724-49.712c0-22.885 18.618-41.504 41.504-41.504s41.504 18.618 41.504 41.504-18.618 41.504-41.504 41.504-41.504-18.619-41.504-41.504zm-148.217 0c0-22.885 18.618-41.504 41.504-41.504s41.504 18.618 41.504 41.504-18.618 41.504-41.504 41.504-41.504-18.619-41.504-41.504zm-148.217 0c0-22.885 18.618-41.504 41.504-41.504s41.504 18.618 41.504 41.504-18.618 41.504-41.504 41.504-41.504-18.619-41.504-41.504zm-22.585 125.632c0-35.339 28.75-64.089 64.089-64.089s64.089 28.75 64.089 64.089v64.089h-128.178zm148.217 0c0-35.339 28.75-64.089 64.089-64.089s64.089 28.75 64.089 64.089v64.089h-128.178zm276.395 64.089h-128.178v-64.089c0-35.339 28.75-64.089 64.089-64.089s64.089 28.75 64.089 64.089z"> </path> <path fill="#008f9c" d="m103.479 215.56c3.491 1.66 7.626 1.165 10.626-1.275l40.036-32.563h73.034l20.52 30.396c1.863 2.759 4.975 4.413 8.304 4.413s6.441-1.654 8.304-4.413l20.52-30.396h73.256l39.794 32.546c1.825 1.493 4.075 2.264 6.345 2.264 1.457 0 2.923-.318 4.29-.966 3.498-1.658 5.728-5.183 5.728-9.054v-53.213c0-5.534-4.486-10.02-10.02-10.02s-10.02 4.486-10.02 10.02v32.074l-26.196-21.426c-1.79-1.464-4.031-2.264-6.343-2.264h-82.157c-3.329 0-6.441 1.654-8.304 4.413l-15.196 22.509-15.195-22.508c-1.863-2.76-4.975-4.413-8.304-4.413h-81.919c-2.303 0-4.536.794-6.322 2.247l-26.456 21.518v-142.656c0-12.546 10.207-22.754 22.754-22.754h230.887c12.546 0 22.754 10.207 22.754 22.754v20.581c0 5.534 4.486 10.02 10.02 10.02s10.02-4.486 10.02-10.02v-20.581c-.002-23.596-19.199-42.793-42.795-42.793h-230.888c-23.596 0-42.793 19.197-42.793 42.793v163.719c0 3.866 2.225 7.388 5.716 9.048z"> </path> <path fill="#008f9c" d="m145.459 86.417c0 16.574 13.484 30.059 30.059 30.059s30.059-13.484 30.059-30.059-13.484-30.059-30.059-30.059-30.059 13.484-30.059 30.059zm40.079 0c0 5.525-4.495 10.02-10.02 10.02s-10.02-4.495-10.02-10.02 4.495-10.02 10.02-10.02 10.02 4.495 10.02 10.02z"> </path> <path fill="#008f9c" d="m225.941 86.417c0 16.574 13.484 30.059 30.059 30.059s30.059-13.484 30.059-30.059-13.485-30.059-30.059-30.059-30.059 13.484-30.059 30.059zm40.079 0c0 5.525-4.495 10.02-10.02 10.02s-10.02-4.495-10.02-10.02 4.495-10.02 10.02-10.02 10.02 4.495 10.02 10.02z"> </path> <path fill="#008f9c" d="m306.423 86.417c0 16.574 13.484 30.059 30.059 30.059s30.059-13.484 30.059-30.059-13.484-30.059-30.059-30.059-30.059 13.484-30.059 30.059zm40.078 0c0 5.525-4.495 10.02-10.02 10.02s-10.02-4.495-10.02-10.02 4.495-10.02 10.02-10.02c5.526 0 10.02 4.495 10.02 10.02z"> </path> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;">  </div> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> <br>U1-Foro asincrónico de reflexión</div> </div> </div> <div class="uxnav-card uxnav-color-3" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <!-- Fondos y formas del contenedor principal --> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <!-- NUEVO ICONO: Escalado y centrado matemáticamente en el eje (100, 75) --> <g transform="translate(100, 75) scale(0.13) translate(-256, -256)"> <g> <ellipse fill="#008f9c" cx="99.489" cy="65.416" rx="10" ry="10" transform="matrix(1 -.008 .008 1 -.487 .747)"></ellipse> <path fill="#008f9c" d="m474.397 249.207c-.115-.209-.238-.414-.368-.614l-43.542-67.182c-.692-57.78-21.469-105.202-60.193-137.284-34.346-28.456-82.603-44.127-135.882-44.127-36.932 0-73.057 10.078-104.471 29.143-4.731 2.871-6.238 9.034-3.367 13.764 2.872 4.731 9.035 6.238 13.764 3.367 28.279-17.163 60.809-26.235 94.073-26.235 48.621 0 92.338 14.035 123.098 39.52 16.624 13.773 29.553 30.814 38.426 50.649 9.642 21.554 14.53 46.517 14.53 74.195 0 1.934.56 3.827 1.612 5.45l44.921 69.308c3.006 5.678 2.853 12.342-.425 17.892-3.333 5.641-9.234 9.01-15.787 9.01h-24.352c-5.533 0-10.02 4.486-10.02 10.02v74.795c0 31.868-25.926 57.794-57.846 57.794-22.099 0-40.078 17.979-40.078 40.078v6.839c0 9.028-7.344 16.373-16.373 16.373h-125.535c-9.028 0-16.373-7.345-16.373-16.373v-90.401c0-13.305-6.55-25.685-17.521-33.119-50.008-33.883-79.863-90.123-79.863-150.442 0-33.868 9.382-66.904 27.131-95.535 2.916-4.703 1.467-10.88-3.237-13.795-4.705-2.918-10.88-1.466-13.795 3.236-19.717 31.805-30.139 68.492-30.139 106.094 0 66.974 33.145 129.416 88.661 167.032 5.462 3.7 8.722 9.879 8.722 16.529v90.401c0 20.078 16.335 36.412 36.412 36.412h125.535c20.077 0 36.412-16.334 36.412-36.412v-6.839c0-11.049 8.989-20.039 20.092-20.039 42.917 0 77.833-34.916 77.833-77.833v-64.775h14.333c13.713 0 26.066-7.049 33.04-18.857 6.977-11.809 7.19-26.028.572-38.039z"> </path> <path fill="#008f9c" d="m101.529 138.522c-5.443 12.692.454 27.447 13.146 32.892l9.522 4.085c-1.288 9.291-1.407 18.646-.354 27.957l-9.615 3.843c-12.822 5.126-19.086 19.728-13.964 32.552l3.758 9.408c2.482 6.214 7.237 11.09 13.386 13.728 6.152 2.638 12.958 2.724 19.173.24l9.608-3.841c5.659 7.478 12.195 14.177 19.534 20.02l-4.084 9.519c-5.444 12.692.451 27.448 13.141 32.894l9.31 3.996c6.151 2.639 12.959 2.725 19.172.243 6.214-2.482 11.089-7.236 13.728-13.387l4.083-9.521c9.303 1.287 18.658 1.406 27.965.357l3.843 9.614c3.912 9.786 13.342 15.752 23.291 15.751 3.088 0 6.227-.575 9.266-1.79l9.412-3.762c6.212-2.483 11.086-7.238 13.723-13.387s2.722-12.957.238-19.17l-3.841-9.61c7.465-5.65 14.161-12.183 20.015-19.527l9.52 4.084c8.147 3.494 17.734 2.358 24.85-2.927 4.831-3.588 7.315-8.512 9.612-13.87.81-1.889 1.62-3.778 2.43-5.667 5.443-12.693-.455-27.448-13.147-32.892l-9.522-4.085c1.289-9.291 1.407-18.644.354-27.956l9.616-3.844c12.823-5.127 19.086-19.729 13.963-32.552l-3.757-9.409c-2.482-6.214-7.237-11.09-13.387-13.728-6.151-2.638-12.96-2.724-19.173-.239l-9.608 3.841c-5.659-7.478-12.195-14.176-19.534-20.02l4.084-9.52c5.444-12.691-.451-27.447-13.142-32.894l-9.309-3.996c-6.151-2.639-12.959-2.726-19.172-.243-6.214 2.482-11.089 7.236-13.728 13.386l-4.084 9.521c-9.301-1.287-18.659-1.408-27.965-.357l-3.842-9.613c-2.483-6.213-7.238-11.087-13.387-13.725-6.147-2.636-12.957-2.721-19.17-.238l-9.411 3.762c-12.825 5.126-19.088 19.731-13.962 32.557l3.841 9.61c-7.465 5.65-14.162 12.184-20.015 19.527l-9.52-4.084c-6.149-2.638-12.959-2.724-19.172-.24s-11.088 7.239-13.724 13.388zm18.417 7.898c.58-4.061 4.663-14.484 10.574-11.946l16.805 7.209c4.394 1.886 9.514.401 12.217-3.546 6.992-10.21 15.775-18.778 26.105-25.466 4.02-2.602 5.636-7.684 3.858-12.13l-6.785-16.974c-1.025-2.566.227-5.487 2.793-6.512l9.411-3.762c1.674-.67 3.12-.259 3.835.048.711.305 2.007 1.068 2.677 2.745l6.786 16.975c1.777 4.444 6.455 7.013 11.151 6.129 12.101-2.27 24.373-2.114 36.474.463 4.682.998 9.41-1.453 11.296-5.849l7.209-16.805c.711-1.659 2.025-2.389 2.746-2.677.719-.287 2.174-.664 3.835.048l9.309 3.996c2.538 1.09 3.717 4.041 2.628 6.579l-7.211 16.81c-1.887 4.4-.398 9.521 3.556 12.223 10.192 6.965 18.761 15.747 25.469 26.101 2.603 4.019 7.684 5.633 12.128 3.857l16.972-6.784c1.679-.67 3.122-.258 3.835.047.712.306 2.007 1.068 2.677 2.746l3.758 9.41c1.024 2.564-.228 5.485-2.793 6.51l-16.978 6.787c-4.444 1.776-7.012 6.449-6.128 11.153 2.275 12.117 2.119 24.382-.462 36.455-1 4.681 1.449 9.416 5.848 11.303l16.809 7.212c2.539 1.089 3.718 4.04 2.63 6.578l-3.995 9.316c-1.077 2.51-4.062 3.711-6.579 2.63l-16.806-7.209c-4.399-1.887-9.514-.401-12.217 3.546-6.992 10.211-15.776 18.779-26.105 25.466-4.02 2.602-5.636 7.684-3.858 12.13l6.786 16.975c.67 1.677.257 3.122-.048 3.834s-1.068 2.007-2.745 2.677l-9.413 3.758c-2.563 1.023-5.485-.227-6.512-2.793l-6.786-16.975c-1.542-3.858-5.265-6.301-9.298-6.301-.613 0-1.233.056-1.853.173-12.102 2.271-24.372 2.115-36.474-.463-4.681-.996-9.41 1.454-11.296 5.85l-7.208 16.805c-.711 1.66-2.025 2.389-2.746 2.677-.719.287-2.174.664-3.834-.048l-9.311-3.996c-2.538-1.089-3.716-4.04-2.627-6.579l7.211-16.81c1.887-4.4.398-9.522-3.556-12.223-10.193-6.965-18.761-15.747-25.468-26.101-2.603-4.019-7.683-5.632-12.129-3.857l-16.972 6.784c-1.675.669-3.121.257-3.835-.048-.712-.306-2.007-1.068-2.677-2.747l-3.758-9.408c-1.024-2.565.228-5.485 2.793-6.51l16.978-6.787c4.444-1.776 7.012-6.449 6.128-11.154-2.275-12.114-2.12-24.379.462-36.454 1-4.681-1.449-9.416-5.848-11.303l-16.809-7.211c-2.538-1.088-3.717-4.039-2.629-6.577z"> </path> <path fill="#008f9c" d="m213.708 241.883c13.476 6.011 28.949 6.427 42.729 1.147 28.75-11.01 43.184-43.361 32.176-72.115-5.333-13.932-15.773-24.952-29.397-31.029-13.625-6.078-28.8-6.484-42.729-1.147-28.75 11.009-43.183 43.36-32.175 72.114 5.333 13.932 15.772 24.952 29.396 31.03zm9.947-84.431c8.835-3.385 18.756-3.12 27.396.735 8.735 3.896 15.429 10.961 18.847 19.893 7.058 18.436-2.197 39.178-20.628 46.236-.001.001-.002.001-.002.001-8.932 3.423-18.66 3.162-27.396-.735-8.735-3.896-15.428-10.961-18.846-19.893-7.057-18.437 2.196-39.178 20.629-46.237z"> </path> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> <br>U1-Actividad 1: Planteamiento del problema</div> </div> </div> </div> <div style="display: flex; justify-content: center; margin: 20px 0;"><button class="btn-regresar"> <span style="font-size: 18px;">↩️</span> Regresar </button></div> ```php <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 900px; margin: auto; font-family: Arial, sans-serif;"> <div class="uxnav-card uxnav-color-1" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <!-- Fondos y formas del contenedor principal --> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <!-- NUEVO ICONO: Escalado y centrado matemáticamente en el eje (100, 75) --> <g transform="translate(100, 75) scale(0.11) translate(-302.822, -302.822)"> <g enable-background="new 0 0 605.644 605.644"> <g id="Page-1"> <g id="_x30_01---English"> <!-- Aplicamos el color #008f9c original a los trazos --> <path fill="#008f9c" id="Shape" d="m131.223 605.644h343.198c16.724 0 30.282-13.558 30.282-30.282v-52.328c12.056-4.262 20.135-15.638 20.188-28.425v-464.327c0-16.724-13.558-30.282-30.282-30.282h-363.386c-27.86.033-50.437 22.61-50.47 50.47v504.703c.033 27.86 22.61 50.437 50.47 50.471zm353.292-30.283c0 5.575-4.519 10.094-10.094 10.094h-343.198c-16.724 0-30.282-13.558-30.282-30.282s13.558-30.282 30.282-30.282h353.292zm20.188-545.079v464.327c0 5.575-4.519 10.094-10.094 10.094h-343.198v-484.515h343.198c5.575 0 10.094 4.519 10.094 10.094zm-373.48-10.094v484.515c-10.957.037-21.597 3.676-30.282 10.357v-464.59c0-8.031 3.19-15.734 8.869-21.413s13.381-8.869 21.413-8.869z"> </path> <path fill="#008f9c" id="Shape_1_" d="m151.411 565.267h100.941c5.575 0 10.094-4.519 10.094-10.094s-4.519-10.094-10.094-10.094h-100.941c-5.575 0-10.094 4.519-10.094 10.094s4.519 10.094 10.094 10.094z"> </path> <path fill="#008f9c" id="Shape_2_" d="m292.728 565.267h141.317c5.575 0 10.094-4.519 10.094-10.094s-4.519-10.094-10.094-10.094h-141.317c-5.575 0-10.094 4.519-10.094 10.094s4.519 10.094 10.094 10.094z"> </path> <path fill="#008f9c" id="Shape_3_" d="m201.881 282.634c5.575 0 10.094-4.519 10.094-10.094v-40.376h40.376v40.376c0 5.575 4.519 10.094 10.094 10.094s10.094-4.519 10.094-10.094v-90.847c0-22.299-18.077-40.376-40.376-40.376s-40.376 18.077-40.376 40.376v90.847c0 5.574 4.519 10.094 10.094 10.094zm30.282-121.129c11.15 0 20.188 9.039 20.188 20.188v30.282h-40.376v-30.282c0-11.15 9.039-20.188 20.188-20.188z"> </path> <path fill="#008f9c" id="Shape_4_" d="m302.822 282.634h30.282c18.134-.009 34.038-12.106 38.887-29.58s-2.546-36.037-18.083-45.389c10.094-12.015 12.312-28.791 5.688-43.017-6.625-14.226-20.893-23.325-36.586-23.331h-20.188c-5.575 0-10.094 4.519-10.094 10.094v121.129c0 5.574 4.519 10.094 10.094 10.094zm50.47-40.377c0 11.15-9.039 20.188-20.188 20.188h-20.188v-40.376h20.188c11.15 0 20.188 9.039 20.188 20.188zm-30.282-80.752c11.15 0 20.188 9.039 20.188 20.188s-9.039 20.188-20.188 20.188h-10.094v-40.376z"> </path> <path fill="#008f9c" id="Shape_5_" d="m434.045 282.634c22.299 0 40.376-18.077 40.376-40.376 0-5.575-4.519-10.094-10.094-10.094s-10.094 4.519-10.094 10.094c0 11.15-9.039 20.188-20.188 20.188-11.15 0-20.188-9.039-20.188-20.188v-60.564c0-11.15 9.039-20.188 20.188-20.188 11.15 0 20.188 9.039 20.188 20.188 0 5.575 4.519 10.094 10.094 10.094s10.094-4.519 10.094-10.094c0-22.299-18.077-40.376-40.376-40.376s-40.376 18.077-40.376 40.376v60.564c-.001 22.299 18.076 40.376 40.376 40.376z"> </path> </g> </g> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> U1-Guía de actividades</div> </div> </div> <div class="uxnav-card uxnav-color-2" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <!-- Fondos y formas del contenedor principal --> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <!-- NUEVO ICONO: Escalado y centrado matemáticamente en el eje (100, 75) --> <g transform="translate(100, 75) scale(0.13) translate(-256, -256)"> <g> <circle fill="#008f9c" cx="404.218" cy="108.266" r="10"></circle> <path fill="#008f9c" d="m440.437 351.952c15.335-11.204 25.323-29.309 25.323-49.713 0-33.935-27.608-61.543-61.543-61.543s-61.543 27.608-61.543 61.543c0 20.403 9.988 38.509 25.323 49.713-16.131 7.727-29.429 20.445-37.889 36.143-8.46-15.698-21.758-28.416-37.889-36.143 15.335-11.204 25.323-29.309 25.323-49.713 0-33.935-27.608-61.543-61.543-61.543s-61.543 27.608-61.543 61.543c0 20.403 9.988 38.509 25.323 49.713-16.131 7.727-29.429 20.445-37.889 36.143-8.46-15.698-21.758-28.416-37.889-36.143 15.335-11.204 25.323-29.309 25.323-49.713 0-33.935-27.608-61.543-61.543-61.543s-61.541 27.609-61.541 61.544c0 20.403 9.988 38.509 25.323 49.713-28.309 13.56-47.908 42.492-47.908 75.92v74.109c0 5.534 4.486 10.02 10.02 10.02h148.217 148.217 148.217c5.534 0 10.02-4.486 10.02-10.02v-74.109c-.001-33.429-19.6-62.36-47.909-75.921zm-77.724-49.712c0-22.885 18.618-41.504 41.504-41.504s41.504 18.618 41.504 41.504-18.618 41.504-41.504 41.504-41.504-18.619-41.504-41.504zm-148.217 0c0-22.885 18.618-41.504 41.504-41.504s41.504 18.618 41.504 41.504-18.618 41.504-41.504 41.504-41.504-18.619-41.504-41.504zm-148.217 0c0-22.885 18.618-41.504 41.504-41.504s41.504 18.618 41.504 41.504-18.618 41.504-41.504 41.504-41.504-18.619-41.504-41.504zm-22.585 125.632c0-35.339 28.75-64.089 64.089-64.089s64.089 28.75 64.089 64.089v64.089h-128.178zm148.217 0c0-35.339 28.75-64.089 64.089-64.089s64.089 28.75 64.089 64.089v64.089h-128.178zm276.395 64.089h-128.178v-64.089c0-35.339 28.75-64.089 64.089-64.089s64.089 28.75 64.089 64.089z"> </path> <path fill="#008f9c" d="m103.479 215.56c3.491 1.66 7.626 1.165 10.626-1.275l40.036-32.563h73.034l20.52 30.396c1.863 2.759 4.975 4.413 8.304 4.413s6.441-1.654 8.304-4.413l20.52-30.396h73.256l39.794 32.546c1.825 1.493 4.075 2.264 6.345 2.264 1.457 0 2.923-.318 4.29-.966 3.498-1.658 5.728-5.183 5.728-9.054v-53.213c0-5.534-4.486-10.02-10.02-10.02s-10.02 4.486-10.02 10.02v32.074l-26.196-21.426c-1.79-1.464-4.031-2.264-6.343-2.264h-82.157c-3.329 0-6.441 1.654-8.304 4.413l-15.196 22.509-15.195-22.508c-1.863-2.76-4.975-4.413-8.304-4.413h-81.919c-2.303 0-4.536.794-6.322 2.247l-26.456 21.518v-142.656c0-12.546 10.207-22.754 22.754-22.754h230.887c12.546 0 22.754 10.207 22.754 22.754v20.581c0 5.534 4.486 10.02 10.02 10.02s10.02-4.486 10.02-10.02v-20.581c-.002-23.596-19.199-42.793-42.795-42.793h-230.888c-23.596 0-42.793 19.197-42.793 42.793v163.719c0 3.866 2.225 7.388 5.716 9.048z"> </path> <path fill="#008f9c" d="m145.459 86.417c0 16.574 13.484 30.059 30.059 30.059s30.059-13.484 30.059-30.059-13.484-30.059-30.059-30.059-30.059 13.484-30.059 30.059zm40.079 0c0 5.525-4.495 10.02-10.02 10.02s-10.02-4.495-10.02-10.02 4.495-10.02 10.02-10.02 10.02 4.495 10.02 10.02z"> </path> <path fill="#008f9c" d="m225.941 86.417c0 16.574 13.484 30.059 30.059 30.059s30.059-13.484 30.059-30.059-13.485-30.059-30.059-30.059-30.059 13.484-30.059 30.059zm40.079 0c0 5.525-4.495 10.02-10.02 10.02s-10.02-4.495-10.02-10.02 4.495-10.02 10.02-10.02 10.02 4.495 10.02 10.02z"> </path> <path fill="#008f9c" d="m306.423 86.417c0 16.574 13.484 30.059 30.059 30.059s30.059-13.484 30.059-30.059-13.484-30.059-30.059-30.059-30.059 13.484-30.059 30.059zm40.078 0c0 5.525-4.495 10.02-10.02 10.02s-10.02-4.495-10.02-10.02 4.495-10.02 10.02-10.02c5.526 0 10.02 4.495 10.02 10.02z"> </path> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;">  </div> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> <br>U1-Foro asincrónico de reflexión</div> </div> </div> <div class="uxnav-card uxnav-color-3" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <!-- Fondos y formas del contenedor principal --> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <!-- NUEVO ICONO: Escalado y centrado matemáticamente en el eje (100, 75) --> <g transform="translate(100, 75) scale(0.13) translate(-256, -256)"> <g> <ellipse fill="#008f9c" cx="99.489" cy="65.416" rx="10" ry="10" transform="matrix(1 -.008 .008 1 -.487 .747)"></ellipse> <path fill="#008f9c" d="m474.397 249.207c-.115-.209-.238-.414-.368-.614l-43.542-67.182c-.692-57.78-21.469-105.202-60.193-137.284-34.346-28.456-82.603-44.127-135.882-44.127-36.932 0-73.057 10.078-104.471 29.143-4.731 2.871-6.238 9.034-3.367 13.764 2.872 4.731 9.035 6.238 13.764 3.367 28.279-17.163 60.809-26.235 94.073-26.235 48.621 0 92.338 14.035 123.098 39.52 16.624 13.773 29.553 30.814 38.426 50.649 9.642 21.554 14.53 46.517 14.53 74.195 0 1.934.56 3.827 1.612 5.45l44.921 69.308c3.006 5.678 2.853 12.342-.425 17.892-3.333 5.641-9.234 9.01-15.787 9.01h-24.352c-5.533 0-10.02 4.486-10.02 10.02v74.795c0 31.868-25.926 57.794-57.846 57.794-22.099 0-40.078 17.979-40.078 40.078v6.839c0 9.028-7.344 16.373-16.373 16.373h-125.535c-9.028 0-16.373-7.345-16.373-16.373v-90.401c0-13.305-6.55-25.685-17.521-33.119-50.008-33.883-79.863-90.123-79.863-150.442 0-33.868 9.382-66.904 27.131-95.535 2.916-4.703 1.467-10.88-3.237-13.795-4.705-2.918-10.88-1.466-13.795 3.236-19.717 31.805-30.139 68.492-30.139 106.094 0 66.974 33.145 129.416 88.661 167.032 5.462 3.7 8.722 9.879 8.722 16.529v90.401c0 20.078 16.335 36.412 36.412 36.412h125.535c20.077 0 36.412-16.334 36.412-36.412v-6.839c0-11.049 8.989-20.039 20.092-20.039 42.917 0 77.833-34.916 77.833-77.833v-64.775h14.333c13.713 0 26.066-7.049 33.04-18.857 6.977-11.809 7.19-26.028.572-38.039z"> </path> <path fill="#008f9c" d="m101.529 138.522c-5.443 12.692.454 27.447 13.146 32.892l9.522 4.085c-1.288 9.291-1.407 18.646-.354 27.957l-9.615 3.843c-12.822 5.126-19.086 19.728-13.964 32.552l3.758 9.408c2.482 6.214 7.237 11.09 13.386 13.728 6.152 2.638 12.958 2.724 19.173.24l9.608-3.841c5.659 7.478 12.195 14.177 19.534 20.02l-4.084 9.519c-5.444 12.692.451 27.448 13.141 32.894l9.31 3.996c6.151 2.639 12.959 2.725 19.172.243 6.214-2.482 11.089-7.236 13.728-13.387l4.083-9.521c9.303 1.287 18.658 1.406 27.965.357l3.843 9.614c3.912 9.786 13.342 15.752 23.291 15.751 3.088 0 6.227-.575 9.266-1.79l9.412-3.762c6.212-2.483 11.086-7.238 13.723-13.387s2.722-12.957.238-19.17l-3.841-9.61c7.465-5.65 14.161-12.183 20.015-19.527l9.52 4.084c8.147 3.494 17.734 2.358 24.85-2.927 4.831-3.588 7.315-8.512 9.612-13.87.81-1.889 1.62-3.778 2.43-5.667 5.443-12.693-.455-27.448-13.147-32.892l-9.522-4.085c1.289-9.291 1.407-18.644.354-27.956l9.616-3.844c12.823-5.127 19.086-19.729 13.963-32.552l-3.757-9.409c-2.482-6.214-7.237-11.09-13.387-13.728-6.151-2.638-12.96-2.724-19.173-.239l-9.608 3.841c-5.659-7.478-12.195-14.176-19.534-20.02l4.084-9.52c5.444-12.691-.451-27.447-13.142-32.894l-9.309-3.996c-6.151-2.639-12.959-2.726-19.172-.243-6.214 2.482-11.089 7.236-13.728 13.386l-4.084 9.521c-9.301-1.287-18.659-1.408-27.965-.357l-3.842-9.613c-2.483-6.213-7.238-11.087-13.387-13.725-6.147-2.636-12.957-2.721-19.17-.238l-9.411 3.762c-12.825 5.126-19.088 19.731-13.962 32.557l3.841 9.61c-7.465 5.65-14.162 12.184-20.015 19.527l-9.52-4.084c-6.149-2.638-12.959-2.724-19.172-.24s-11.088 7.239-13.724 13.388zm18.417 7.898c.58-4.061 4.663-14.484 10.574-11.946l16.805 7.209c4.394 1.886 9.514.401 12.217-3.546 6.992-10.21 15.775-18.778 26.105-25.466 4.02-2.602 5.636-7.684 3.858-12.13l-6.785-16.974c-1.025-2.566.227-5.487 2.793-6.512l9.411-3.762c1.674-.67 3.12-.259 3.835.048.711.305 2.007 1.068 2.677 2.745l6.786 16.975c1.777 4.444 6.455 7.013 11.151 6.129 12.101-2.27 24.373-2.114 36.474.463 4.682.998 9.41-1.453 11.296-5.849l7.209-16.805c.711-1.659 2.025-2.389 2.746-2.677.719-.287 2.174-.664 3.835.048l9.309 3.996c2.538 1.09 3.717 4.041 2.628 6.579l-7.211 16.81c-1.887 4.4-.398 9.521 3.556 12.223 10.192 6.965 18.761 15.747 25.469 26.101 2.603 4.019 7.684 5.633 12.128 3.857l16.972-6.784c1.679-.67 3.122-.258 3.835.047.712.306 2.007 1.068 2.677 2.746l3.758 9.41c1.024 2.564-.228 5.485-2.793 6.51l-16.978 6.787c-4.444 1.776-7.012 6.449-6.128 11.153 2.275 12.117 2.119 24.382-.462 36.455-1 4.681 1.449 9.416 5.848 11.303l16.809 7.212c2.539 1.089 3.718 4.04 2.63 6.578l-3.995 9.316c-1.077 2.51-4.062 3.711-6.579 2.63l-16.806-7.209c-4.399-1.887-9.514-.401-12.217 3.546-6.992 10.211-15.776 18.779-26.105 25.466-4.02 2.602-5.636 7.684-3.858 12.13l6.786 16.975c.67 1.677.257 3.122-.048 3.834s-1.068 2.007-2.745 2.677l-9.413 3.758c-2.563 1.023-5.485-.227-6.512-2.793l-6.786-16.975c-1.542-3.858-5.265-6.301-9.298-6.301-.613 0-1.233.056-1.853.173-12.102 2.271-24.372 2.115-36.474-.463-4.681-.996-9.41 1.454-11.296 5.85l-7.208 16.805c-.711 1.66-2.025 2.389-2.746 2.677-.719.287-2.174.664-3.834-.048l-9.311-3.996c-2.538-1.089-3.716-4.04-2.627-6.579l7.211-16.81c1.887-4.4.398-9.522-3.556-12.223-10.193-6.965-18.761-15.747-25.468-26.101-2.603-4.019-7.683-5.632-12.129-3.857l-16.972 6.784c-1.675.669-3.121.257-3.835-.048-.712-.306-2.007-1.068-2.677-2.747l-3.758-9.408c-1.024-2.565.228-5.485 2.793-6.51l16.978-6.787c4.444-1.776 7.012-6.449 6.128-11.154-2.275-12.114-2.12-24.379.462-36.454 1-4.681-1.449-9.416-5.848-11.303l-16.809-7.211c-2.538-1.088-3.717-4.039-2.629-6.577z"> </path> <path fill="#008f9c" d="m213.708 241.883c13.476 6.011 28.949 6.427 42.729 1.147 28.75-11.01 43.184-43.361 32.176-72.115-5.333-13.932-15.773-24.952-29.397-31.029-13.625-6.078-28.8-6.484-42.729-1.147-28.75 11.009-43.183 43.36-32.175 72.114 5.333 13.932 15.772 24.952 29.396 31.03zm9.947-84.431c8.835-3.385 18.756-3.12 27.396.735 8.735 3.896 15.429 10.961 18.847 19.893 7.058 18.436-2.197 39.178-20.628 46.236-.001.001-.002.001-.002.001-8.932 3.423-18.66 3.162-27.396-.735-8.735-3.896-15.428-10.961-18.846-19.893-7.057-18.437 2.196-39.178 20.629-46.237z"> </path> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> <br>U1-Actividad 1: Planteamiento del problema</div> </div> </div> </div> <div style="display: flex; justify-content: center; margin: 20px 0;"><button class="btn-regresar"> <span style="font-size: 18px;">↩️</span> Regresar </button></div> ``` <p></p> <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 900px; margin: auto; font-family: Arial, sans-serif;"> <div class="uxnav-card uxnav-color-1" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <g transform="translate(100, 75) translate(-32.5, -25.2)"> <path fill="#008f9c" d="M0,23C0,17.43,0,11.86,0,6.29,0,2.45,2.44,0,6.29,0c9.87,0,19.74,0,29.61,0,.24,0,.49,0,.73.04.49.1.75.45.77.92.01.5-.24.9-.77.99-.34.06-.7.04-1.05.04-9.76,0-19.52,0-29.28,0-1.44,0-2.65.44-3.53,1.63-.54.72-.72,1.55-.72,2.44,0,11.3,0,22.6,0,33.91,0,2.45,1.63,4.02,4.1,4.04q1.97.01,1.97-1.97c0-.51,0-1.03,0-1.54.01-.93.33-1.26,1.27-1.29.59-.02,1.19,0,1.78,0,3.33,0,6.65,0,9.98,0,1.36,0,1.61.26,1.62,1.61,0,.87.02,1.73,0,2.6,0,.44.12.62.59.62,3.49-.02,6.98,0,10.46,0,.24,0,.46,0,.64-.25,1.92-2.75,4.67-4.47,7.61-5.88,1.26-.6,2.4-1.34,3.48-2.2.23-.18.46-.36.75-.45.26-.08.77.3.76-.26-.01-.58.34-1.28-.27-1.74-1.75-1.33-2.89-3.04-3.35-5.19-.06-.31-.23-.41-.53-.49-1.86-.5-2.89-1.72-2.93-3.4-.04-1.61.99-2.94,2.76-3.45.44-.13.46-.34.46-.69.02-1.37-.35-2.67-.57-4-.67-4.07,2.5-7.99,6.62-8.16,1-.04,2-.05,3,0,.59.02.75-.2.72-.75-.05-.73.06-1.46-.13-2.18-.44-1.72-1.95-2.87-3.84-2.91-1.11-.02-2.22,0-3.33-.01-.76-.01-1.24-.43-1.18-1.03.07-.68.51-.96,1.17-.96,1.24.01,2.49-.02,3.73.02,3,.1,5.47,2.6,5.57,5.59.02.7-.19,1.52.1,2.07.31.59,1.26.37,1.9.63,1.55.62,2.65,1.64,3.07,3.3.08.31.14.59.54.71,1.9.56,2.59,1.99,2.63,3.82.03,1.43,0,2.87.01,4.3,0,.97.02,1.91.29,2.88.54,1.93-.77,3.84-2.79,4.21-.47.09-.67.21-.78.7-.42,1.88-1.41,3.43-2.9,4.66-.37.31-.66,1.75-.43,2.16.03.06.11.11.17.15,2.55,1.7,5.36,2.96,7.93,4.61,2.67,1.71,4.71,3.92,5.57,7.09.38,1.4.97,2.75,1.44,4.13.88,2.58-.68,4.81-3.42,4.81-11.09.02-22.17.02-33.26,0-2.82,0-4.36-2.25-3.42-4.93.47-1.35.93-2.71,1.46-4.04.28-.71.09-.85-.62-.85-8.73.02-17.47.02-26.2,0-2.95,0-5.19-1.57-6-4.17C.06,41.19,0,40.5,0,39.79c0-5.6,0-11.19,0-16.79ZM51.16,53.85c2.43,0,4.86-.02,7.29.01.6,0,.78-.18.79-.78.02-1.4.18-2.8.45-4.18.54-2.71,1.35-5.3,3.63-7.12.32-.26.16-.39-.08-.52-.94-.53-1.89-1.04-2.82-1.59-.47-.28-.72-.23-.99.29-.67,1.32-1.41,2.61-2.13,3.91-.52.93-1.03,1.05-1.9.46-1.09-.75-2.18-1.5-3.25-2.28-.37-.27-.63-.26-1,0-.91.67-1.85,1.31-2.78,1.96-1.48,1.04-1.75.97-2.64-.64-.64-1.16-1.29-2.31-1.9-3.48-.2-.39-.38-.5-.8-.29-1.13.58-2.24,1.19-3.31,1.88-.34.22-.54.37-.11.76,1.04.94,1.7,2.15,2.21,3.45.82,2.11,1.17,4.32,1.3,6.56.11,1.93-.14,1.58,1.71,1.6,2.11.02,4.21,0,6.32,0ZM58.23,23.44c-.04-.77-.06-1.77-.17-2.76-.12-1.18-.36-2.35-1.03-3.37-.19-.29-.35-.53-.74-.17-2.11,1.97-4.66,2.61-7.48,2.36-.82-.07-1.61.11-2.37.42-.81.33-1.23.91-1.22,1.81.02,1.57-.01,3.14.01,4.7.05,3.38,2.76,6.16,6.15,6.35,3.33.18,6.28-2.3,6.73-5.63.16-1.16.04-2.32.11-3.72ZM52.29,9.87c-1.17,0-2.01-.02-2.84,0-2.27.08-4.1,1.56-4.72,3.76-.42,1.51.08,2.94.31,4.39.06.37.3.2.48.12,1.23-.57,2.53-.67,3.87-.61,2.41.1,4.53-.57,6.12-2.51.46-.56,1.02-.52,1.61-.26.99.45,1.58,1.28,2.03,2.22.47.98.74,2.03.85,3.11.06.62.53.54.9.56.47.02.26-.39.26-.6.02-1.32.02-2.65,0-3.97-.02-1.27-.54-1.83-1.8-1.92-.76-.05-1.11-.37-1.16-1.14-.11-1.72-.86-2.57-2.54-2.98-1.23-.3-2.47-.12-3.38-.17ZM65.12,53.85c1.03,0,2.05.01,3.08,0,1.46-.03,2.06-.88,1.59-2.25-.61-1.76-1.25-3.5-1.86-5.26-.41-1.18-1.12-2.14-1.99-3.01-.36-.36-.66-.37-1.06-.12-.92.59-1.54,1.43-2.01,2.39-1.2,2.46-1.51,5.1-1.62,7.79-.02.44.22.48.55.48,1.11,0,2.22,0,3.32,0ZM37.77,53.85c.95,0,1.89-.01,2.84,0,.46.01.62-.15.59-.62-.16-2.32-.39-4.63-1.27-6.82-.44-1.09-1-2.09-1.9-2.88-.31-.27-.56-.33-.88.03-.64.71-1.24,1.43-1.57,2.34-.7,1.93-1.4,3.86-2.06,5.8-.42,1.23.19,2.1,1.5,2.14.92.03,1.84,0,2.76,0ZM15.4,44.01c1.11,0,2.21,0,3.32,0,2.08,0,2.06,0,2.05-2.07,0-.57-.18-.73-.74-.73-2.62.02-5.24.01-7.86.01-2.13,0-2.12,0-2.05,2.16.01.5.18.64.66.63,1.54-.03,3.08,0,4.62,0ZM49.12,35.75q0,1.36,1.24,2.45c1.3,1.15,1.26,1.1,2.62.03,1.06-.84,1.84-1.71,1.59-3.21-.1-.62-.2-.68-.76-.51-1.12.35-2.28.37-3.44.18-1.25-.21-1.25-.23-1.25,1.07ZM53.44,40.49c.75.53,1.43,1,2.11,1.48.24.18.41.19.57-.1.56-1.04,1.11-2.09,1.71-3.11.25-.44-.04-.6-.31-.76-.28-.16-.48-.68-.94-.28-1.02.91-2.05,1.81-3.14,2.77ZM49.8,40.47c-.06-.08-.12-.17-.2-.24-.95-.84-1.89-1.68-2.85-2.51-.5-.43-.68.19-1,.33-.28.13-.46.33-.24.71.59,1.02,1.14,2.07,1.71,3.1.07.12.14.35.35.22.71-.48,1.42-.98,2.12-1.47.04-.03.06-.08.1-.15ZM60.19,24.04c0,.16-.02.32,0,.48.05.32-.19.83.19.93.48.13.84-.29,1.06-.71.31-.58.21-1.14-.22-1.64-.22-.25-.5-.5-.83-.41-.38.11-.15.51-.2.78-.03.18,0,.37,0,.56ZM43.2,24.12c0-.13.02-.27,0-.4-.05-.32.18-.86-.17-.93-.48-.09-.77.39-.94.83-.19.49-.08.95.24,1.36.19.23.43.52.72.42.3-.1.12-.47.15-.71.02-.18,0-.38,0-.56Z"> </path> <path fill="#008f9c" d="M21.81,29.6c3.97,0,7.94,0,11.91,0,.27,0,.54-.01.81.02.42.06.69.32.74.74.05.42-.13.73-.5.93-.31.17-.63.12-.95.12-8.02,0-16.05,0-24.07,0-.11,0-.22,0-.32,0-.65,0-1.18-.26-1.2-.93-.02-.71.55-.89,1.19-.89,4.13,0,8.27,0,12.4,0Z"> </path> <path fill="#008f9c" d="M15.89,18.31c-2.16,0-4.32-.01-6.48,0-.65,0-1.21-.17-1.2-.88,0-.66.55-.95,1.19-.95,4.32,0,8.63,0,12.95,0,.64,0,1.18.27,1.2.94.02.71-.54.89-1.19.88-2.16-.02-4.32,0-6.48,0Z"> </path> <path fill="#008f9c" d="M15.85,24.32c-2.13,0-4.26,0-6.39,0-.63,0-1.15-.14-1.25-.85-.07-.52.52-.98,1.26-.98,4.29,0,8.58,0,12.87,0,.74,0,1.32.46,1.24.99-.1.71-.62.85-1.25.84-2.16-.01-4.32,0-6.48,0Z"> </path> <path fill="#008f9c" d="M40.12,1.02c.04-.59.36-.91.88-.91.53,0,.89.37.88.87,0,.52-.33.92-.93.9-.55-.02-.79-.38-.83-.86Z"> </path> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> Presentación profesor</div> </div> </div> <div class="uxnav-card uxnav-color-2" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <g transform="translate(100, 75) translate(-29.5, -39)"> <g id="Capa_1-2" data-name="Capa 1"> <g> <path fill="#008f9c" d="M44.8,57.6c-.63,0-1.14.51-1.14,1.14v3.09c0,3.73-1.45,7.24-4.09,9.88-2.64,2.64-6.15,4.09-9.88,4.09-5.36,0-10.31-3.12-12.61-7.96l-4.46-9.36c-.15-.31-.22-.63-.22-.97,0-.71.32-1.37.89-1.8.48-.37,1.07-.52,1.67-.44.6.08,1.13.39,1.5.87l2.79,3.65c.3.39.81.55,1.28.39.46-.16.78-.59.78-1.08v-10.78c0-.63-.51-1.14-1.14-1.14s-1.14.51-1.14,1.14v7.4l-.74-.97c-1.52-1.99-4.38-2.37-6.37-.85-1.12.86-1.78,2.21-1.78,3.61,0,.68.15,1.34.44,1.96l4.46,9.36c2.68,5.63,8.44,9.26,14.68,9.26,4.34,0,8.43-1.69,11.5-4.76,3.07-3.07,4.76-7.15,4.76-11.5v-3.09c0-.63-.51-1.14-1.14-1.14h0Z"> </path> <path fill="#008f9c" d="M55.38,18.83c-1.59,0-2.94,1.03-3.42,2.47h-13.69c-.18-1.42-.71-2.74-1.49-3.87l9.19-8.27c.53.3,1.13.47,1.78.47,1.99,0,3.61-1.62,3.61-3.61s-1.62-3.61-3.61-3.61-3.61,1.62-3.61,3.61c0,.51.11,1,.3,1.44l-9.19,8.27c-1.27-1.09-2.86-1.83-4.61-2.06v-6.64c1.43-.48,2.47-1.83,2.47-3.42,0-1.99-1.62-3.61-3.61-3.61s-3.61,1.62-3.61,3.61c0,1.59,1.03,2.94,2.47,3.42v6.64c-1.75.23-3.33.96-4.61,2.06L14.55,7.46c.19-.44.3-.93.3-1.44,0-1.99-1.62-3.61-3.61-3.61s-3.61,1.62-3.61,3.61,1.62,3.61,3.61,3.61c.65,0,1.25-.17,1.78-.47l9.19,8.27c-.78,1.13-1.3,2.45-1.49,3.87H7.03c-.48-1.43-1.83-2.47-3.42-2.47-1.99,0-3.61,1.62-3.61,3.61s1.62,3.61,3.61,3.61c1.59,0,2.94-1.03,3.42-2.47h13.69c.41,3.17,2.51,5.82,5.36,7.02-.46.57-.76,1.25-.87,1.97-.65-.35-1.38-.52-2.14-.49-2.28.08-4.07,1.97-4.07,4.3v6.59c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-6.59c0-1.07.84-1.97,1.87-2.01.53-.02,1.03.17,1.42.54.38.37.59.86.59,1.39,0,0,0,16.02,0,16.02,0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-19.1c0-.53.21-1.03.59-1.39.38-.37.88-.56,1.42-.54,1.03.04,1.87.94,1.87,2.01v19.03c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14c0,0,0-5.24,0-5.24,0-.53.21-1.02.59-1.39.38-.37.89-.56,1.42-.54,1.03.04,1.87.94,1.87,2.01v5.16c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-2.15c0-.53.21-1.03.59-1.39.38-.37.89-.56,1.42-.54,1.03.04,1.87.94,1.87,2.01v3.16c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-3.16c0-2.29-1.83-4.22-4.07-4.3-.76-.03-1.5.15-2.15.5-.32-1.99-1.97-3.51-4.02-3.58-.74-.03-1.45.14-2.09.47v-10.04c0-.99-.33-1.9-.87-2.63,2.94-1.16,5.11-3.85,5.53-7.09h13.69c.48,1.43,1.83,2.47,3.42,2.47,1.99,0,3.61-1.62,3.61-3.61s-1.62-3.61-3.61-3.61h0ZM47.75,4.7c.73,0,1.32.59,1.32,1.32s-.59,1.32-1.32,1.32-1.32-.59-1.32-1.32.59-1.32,1.32-1.32ZM29.5,2.29c.73,0,1.32.59,1.32,1.32s-.59,1.32-1.32,1.32-1.32-.59-1.32-1.32.59-1.32,1.32-1.32ZM11.24,7.34c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32.59,1.32,1.32-.59,1.32-1.32,1.32ZM3.61,23.76c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32.59,1.32,1.32-.59,1.32-1.32,1.32ZM29.5,29c-3.62,0-6.56-2.94-6.56-6.56s2.94-6.56,6.56-6.56,6.56,2.94,6.56,6.56-2.94,6.56-6.56,6.56ZM55.38,23.76c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32.59,1.32,1.32-.59,1.32-1.32,1.32Z"> </path> <path fill="#008f9c" d="M31.81,21.3h-1.17v-1.17c0-.63-.51-1.14-1.14-1.14s-1.14.51-1.14,1.14v1.17h-1.17c-.63,0-1.14.51-1.14,1.14s.51,1.14,1.14,1.14h1.17v1.17c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-1.17h1.17c.63,0,1.14-.51,1.14-1.14s-.51-1.14-1.14-1.14Z"> </path> </g> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> Medios de interacción</div> </div> </div> <div class="uxnav-card uxnav-color-3" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <g transform="translate(100, 75) translate(-36.5, -36)"> <g id="Capa_1-2" data-name="Capa 1"> <g> <path fill="#008f9c" d="M73.08,32.88c-.07,5.52-1.59,11.13-4.76,16.26-.37.59-.43,1.1-.24,1.76.86,3.07,1.67,6.16,2.49,9.24.44,1.64-.31,2.41-1.95,1.98-3.15-.83-6.29-1.67-9.43-2.54-.52-.14-.92-.12-1.39.17-5.49,3.39-11.47,5.02-17.93,4.83-.62-.02-1.03.15-1.47.6-7.3,7.49-18.37,9-27.37,3.77-.49-.29-.92-.39-1.49-.22-1.91.56-3.85,1.05-5.77,1.55-1.7.45-2.44-.29-1.99-1.99.51-1.93,1.02-3.85,1.55-5.77.14-.51.09-.94-.18-1.41-5.56-9.7-3.61-21.16,4.85-28.45.43-.37.54-.77.56-1.29.45-13.35,8.55-24.61,21.11-29.34,18.55-6.99,39.39,4.88,42.86,24.41.35,1.97.56,3.95.56,6.45ZM67.54,59.08c-.76-2.83-1.43-5.46-2.19-8.07-.3-1.04-.18-1.87.42-2.8,3.72-5.81,5.22-12.2,4.47-19.04C68.39,12.29,53.09.55,36.32,3.05,19.81,5.51,8.54,21.34,11.64,37.7c3.93,20.74,27.33,30.89,45.12,19.55.87-.55,1.63-.67,2.61-.38,2.64.77,5.31,1.44,8.16,2.21ZM4.81,67.24c1.7-.45,3.22-.81,4.71-1.27.88-.27,1.57-.12,2.33.37,7.13,4.54,16.47,3.94,22.99-1.47.21-.18.52-.3.55-.58-15.25-3.57-24.2-13.03-26.85-28.47-.37.14-.57.46-.81.72-5.88,6.41-6.75,16.15-2.07,23.59.53.84.65,1.59.36,2.53-.45,1.45-.79,2.93-1.22,4.58Z"> </path> <path fill="#008f9c" d="M59.72,31.11c0,2.89-2.3,5.17-5.19,5.16-2.86-.01-5.21-2.37-5.17-5.21.04-2.81,2.36-5.12,5.17-5.14,2.86-.02,5.19,2.31,5.19,5.19ZM54.6,28.61c-1.43-.02-2.54,1.06-2.54,2.48,0,1.41,1.12,2.54,2.51,2.54,1.34,0,2.47-1.11,2.52-2.45.04-1.38-1.09-2.55-2.49-2.57Z"> </path> <path fill="#008f9c" d="M20.13,31.06c.02-2.83,2.31-5.12,5.14-5.14,2.84-.02,5.21,2.35,5.21,5.19,0,2.86-2.34,5.18-5.22,5.16-2.89-.01-5.16-2.31-5.14-5.22ZM25.28,28.61c-1.4,0-2.53,1.14-2.51,2.53.02,1.39,1.19,2.52,2.57,2.49,1.36-.03,2.44-1.14,2.45-2.5,0-1.42-1.09-2.52-2.51-2.52Z"> </path> <path fill="#008f9c" d="M39.92,36.27c-2.89,0-5.19-2.31-5.18-5.19.01-2.86,2.39-5.2,5.23-5.16,2.82.04,5.13,2.35,5.14,5.16.01,2.86-2.32,5.19-5.19,5.19ZM42.44,31.16c.03-1.36-1.04-2.49-2.4-2.54-1.46-.05-2.65,1.08-2.65,2.5,0,1.33,1.12,2.47,2.46,2.51,1.38.04,2.56-1.08,2.59-2.47Z"> </path> <path fill="#008f9c" d="M52.13,49.57c-.86,0-1.73.03-2.59,0-.83-.04-1.42-.42-1.43-1.33,0-.91.58-1.32,1.41-1.34,1.73-.04,3.45-.03,5.18,0,.82.02,1.41.41,1.43,1.32.02.81-.53,1.32-1.51,1.35-.83.03-1.66,0-2.49,0Z"> </path> <path fill="#008f9c" d="M31.81,14.49c-.86,0-1.73.02-2.59,0-.86-.03-1.47-.62-1.39-1.36.09-.8.56-1.26,1.39-1.26,1.76,0,3.52,0,5.28,0,.83,0,1.31.47,1.39,1.27.08.74-.53,1.32-1.4,1.35-.9.03-1.79,0-2.69,0Z"> </path> </g> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> Foro de presentación</div> </div> </div> </div> ```php <p></p> <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 900px; margin: auto; font-family: Arial, sans-serif;"> <div class="uxnav-card uxnav-color-1" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <g transform="translate(100, 75) translate(-32.5, -25.2)"> <path fill="#008f9c" d="M0,23C0,17.43,0,11.86,0,6.29,0,2.45,2.44,0,6.29,0c9.87,0,19.74,0,29.61,0,.24,0,.49,0,.73.04.49.1.75.45.77.92.01.5-.24.9-.77.99-.34.06-.7.04-1.05.04-9.76,0-19.52,0-29.28,0-1.44,0-2.65.44-3.53,1.63-.54.72-.72,1.55-.72,2.44,0,11.3,0,22.6,0,33.91,0,2.45,1.63,4.02,4.1,4.04q1.97.01,1.97-1.97c0-.51,0-1.03,0-1.54.01-.93.33-1.26,1.27-1.29.59-.02,1.19,0,1.78,0,3.33,0,6.65,0,9.98,0,1.36,0,1.61.26,1.62,1.61,0,.87.02,1.73,0,2.6,0,.44.12.62.59.62,3.49-.02,6.98,0,10.46,0,.24,0,.46,0,.64-.25,1.92-2.75,4.67-4.47,7.61-5.88,1.26-.6,2.4-1.34,3.48-2.2.23-.18.46-.36.75-.45.26-.08.77.3.76-.26-.01-.58.34-1.28-.27-1.74-1.75-1.33-2.89-3.04-3.35-5.19-.06-.31-.23-.41-.53-.49-1.86-.5-2.89-1.72-2.93-3.4-.04-1.61.99-2.94,2.76-3.45.44-.13.46-.34.46-.69.02-1.37-.35-2.67-.57-4-.67-4.07,2.5-7.99,6.62-8.16,1-.04,2-.05,3,0,.59.02.75-.2.72-.75-.05-.73.06-1.46-.13-2.18-.44-1.72-1.95-2.87-3.84-2.91-1.11-.02-2.22,0-3.33-.01-.76-.01-1.24-.43-1.18-1.03.07-.68.51-.96,1.17-.96,1.24.01,2.49-.02,3.73.02,3,.1,5.47,2.6,5.57,5.59.02.7-.19,1.52.1,2.07.31.59,1.26.37,1.9.63,1.55.62,2.65,1.64,3.07,3.3.08.31.14.59.54.71,1.9.56,2.59,1.99,2.63,3.82.03,1.43,0,2.87.01,4.3,0,.97.02,1.91.29,2.88.54,1.93-.77,3.84-2.79,4.21-.47.09-.67.21-.78.7-.42,1.88-1.41,3.43-2.9,4.66-.37.31-.66,1.75-.43,2.16.03.06.11.11.17.15,2.55,1.7,5.36,2.96,7.93,4.61,2.67,1.71,4.71,3.92,5.57,7.09.38,1.4.97,2.75,1.44,4.13.88,2.58-.68,4.81-3.42,4.81-11.09.02-22.17.02-33.26,0-2.82,0-4.36-2.25-3.42-4.93.47-1.35.93-2.71,1.46-4.04.28-.71.09-.85-.62-.85-8.73.02-17.47.02-26.2,0-2.95,0-5.19-1.57-6-4.17C.06,41.19,0,40.5,0,39.79c0-5.6,0-11.19,0-16.79ZM51.16,53.85c2.43,0,4.86-.02,7.29.01.6,0,.78-.18.79-.78.02-1.4.18-2.8.45-4.18.54-2.71,1.35-5.3,3.63-7.12.32-.26.16-.39-.08-.52-.94-.53-1.89-1.04-2.82-1.59-.47-.28-.72-.23-.99.29-.67,1.32-1.41,2.61-2.13,3.91-.52.93-1.03,1.05-1.9.46-1.09-.75-2.18-1.5-3.25-2.28-.37-.27-.63-.26-1,0-.91.67-1.85,1.31-2.78,1.96-1.48,1.04-1.75.97-2.64-.64-.64-1.16-1.29-2.31-1.9-3.48-.2-.39-.38-.5-.8-.29-1.13.58-2.24,1.19-3.31,1.88-.34.22-.54.37-.11.76,1.04.94,1.7,2.15,2.21,3.45.82,2.11,1.17,4.32,1.3,6.56.11,1.93-.14,1.58,1.71,1.6,2.11.02,4.21,0,6.32,0ZM58.23,23.44c-.04-.77-.06-1.77-.17-2.76-.12-1.18-.36-2.35-1.03-3.37-.19-.29-.35-.53-.74-.17-2.11,1.97-4.66,2.61-7.48,2.36-.82-.07-1.61.11-2.37.42-.81.33-1.23.91-1.22,1.81.02,1.57-.01,3.14.01,4.7.05,3.38,2.76,6.16,6.15,6.35,3.33.18,6.28-2.3,6.73-5.63.16-1.16.04-2.32.11-3.72ZM52.29,9.87c-1.17,0-2.01-.02-2.84,0-2.27.08-4.1,1.56-4.72,3.76-.42,1.51.08,2.94.31,4.39.06.37.3.2.48.12,1.23-.57,2.53-.67,3.87-.61,2.41.1,4.53-.57,6.12-2.51.46-.56,1.02-.52,1.61-.26.99.45,1.58,1.28,2.03,2.22.47.98.74,2.03.85,3.11.06.62.53.54.9.56.47.02.26-.39.26-.6.02-1.32.02-2.65,0-3.97-.02-1.27-.54-1.83-1.8-1.92-.76-.05-1.11-.37-1.16-1.14-.11-1.72-.86-2.57-2.54-2.98-1.23-.3-2.47-.12-3.38-.17ZM65.12,53.85c1.03,0,2.05.01,3.08,0,1.46-.03,2.06-.88,1.59-2.25-.61-1.76-1.25-3.5-1.86-5.26-.41-1.18-1.12-2.14-1.99-3.01-.36-.36-.66-.37-1.06-.12-.92.59-1.54,1.43-2.01,2.39-1.2,2.46-1.51,5.1-1.62,7.79-.02.44.22.48.55.48,1.11,0,2.22,0,3.32,0ZM37.77,53.85c.95,0,1.89-.01,2.84,0,.46.01.62-.15.59-.62-.16-2.32-.39-4.63-1.27-6.82-.44-1.09-1-2.09-1.9-2.88-.31-.27-.56-.33-.88.03-.64.71-1.24,1.43-1.57,2.34-.7,1.93-1.4,3.86-2.06,5.8-.42,1.23.19,2.1,1.5,2.14.92.03,1.84,0,2.76,0ZM15.4,44.01c1.11,0,2.21,0,3.32,0,2.08,0,2.06,0,2.05-2.07,0-.57-.18-.73-.74-.73-2.62.02-5.24.01-7.86.01-2.13,0-2.12,0-2.05,2.16.01.5.18.64.66.63,1.54-.03,3.08,0,4.62,0ZM49.12,35.75q0,1.36,1.24,2.45c1.3,1.15,1.26,1.1,2.62.03,1.06-.84,1.84-1.71,1.59-3.21-.1-.62-.2-.68-.76-.51-1.12.35-2.28.37-3.44.18-1.25-.21-1.25-.23-1.25,1.07ZM53.44,40.49c.75.53,1.43,1,2.11,1.48.24.18.41.19.57-.1.56-1.04,1.11-2.09,1.71-3.11.25-.44-.04-.6-.31-.76-.28-.16-.48-.68-.94-.28-1.02.91-2.05,1.81-3.14,2.77ZM49.8,40.47c-.06-.08-.12-.17-.2-.24-.95-.84-1.89-1.68-2.85-2.51-.5-.43-.68.19-1,.33-.28.13-.46.33-.24.71.59,1.02,1.14,2.07,1.71,3.1.07.12.14.35.35.22.71-.48,1.42-.98,2.12-1.47.04-.03.06-.08.1-.15ZM60.19,24.04c0,.16-.02.32,0,.48.05.32-.19.83.19.93.48.13.84-.29,1.06-.71.31-.58.21-1.14-.22-1.64-.22-.25-.5-.5-.83-.41-.38.11-.15.51-.2.78-.03.18,0,.37,0,.56ZM43.2,24.12c0-.13.02-.27,0-.4-.05-.32.18-.86-.17-.93-.48-.09-.77.39-.94.83-.19.49-.08.95.24,1.36.19.23.43.52.72.42.3-.1.12-.47.15-.71.02-.18,0-.38,0-.56Z"> </path> <path fill="#008f9c" d="M21.81,29.6c3.97,0,7.94,0,11.91,0,.27,0,.54-.01.81.02.42.06.69.32.74.74.05.42-.13.73-.5.93-.31.17-.63.12-.95.12-8.02,0-16.05,0-24.07,0-.11,0-.22,0-.32,0-.65,0-1.18-.26-1.2-.93-.02-.71.55-.89,1.19-.89,4.13,0,8.27,0,12.4,0Z"> </path> <path fill="#008f9c" d="M15.89,18.31c-2.16,0-4.32-.01-6.48,0-.65,0-1.21-.17-1.2-.88,0-.66.55-.95,1.19-.95,4.32,0,8.63,0,12.95,0,.64,0,1.18.27,1.2.94.02.71-.54.89-1.19.88-2.16-.02-4.32,0-6.48,0Z"> </path> <path fill="#008f9c" d="M15.85,24.32c-2.13,0-4.26,0-6.39,0-.63,0-1.15-.14-1.25-.85-.07-.52.52-.98,1.26-.98,4.29,0,8.58,0,12.87,0,.74,0,1.32.46,1.24.99-.1.71-.62.85-1.25.84-2.16-.01-4.32,0-6.48,0Z"> </path> <path fill="#008f9c" d="M40.12,1.02c.04-.59.36-.91.88-.91.53,0,.89.37.88.87,0,.52-.33.92-.93.9-.55-.02-.79-.38-.83-.86Z"> </path> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> Presentación profesor</div> </div> </div> <div class="uxnav-card uxnav-color-2" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <g transform="translate(100, 75) translate(-29.5, -39)"> <g id="Capa_1-2" data-name="Capa 1"> <g> <path fill="#008f9c" d="M44.8,57.6c-.63,0-1.14.51-1.14,1.14v3.09c0,3.73-1.45,7.24-4.09,9.88-2.64,2.64-6.15,4.09-9.88,4.09-5.36,0-10.31-3.12-12.61-7.96l-4.46-9.36c-.15-.31-.22-.63-.22-.97,0-.71.32-1.37.89-1.8.48-.37,1.07-.52,1.67-.44.6.08,1.13.39,1.5.87l2.79,3.65c.3.39.81.55,1.28.39.46-.16.78-.59.78-1.08v-10.78c0-.63-.51-1.14-1.14-1.14s-1.14.51-1.14,1.14v7.4l-.74-.97c-1.52-1.99-4.38-2.37-6.37-.85-1.12.86-1.78,2.21-1.78,3.61,0,.68.15,1.34.44,1.96l4.46,9.36c2.68,5.63,8.44,9.26,14.68,9.26,4.34,0,8.43-1.69,11.5-4.76,3.07-3.07,4.76-7.15,4.76-11.5v-3.09c0-.63-.51-1.14-1.14-1.14h0Z"> </path> <path fill="#008f9c" d="M55.38,18.83c-1.59,0-2.94,1.03-3.42,2.47h-13.69c-.18-1.42-.71-2.74-1.49-3.87l9.19-8.27c.53.3,1.13.47,1.78.47,1.99,0,3.61-1.62,3.61-3.61s-1.62-3.61-3.61-3.61-3.61,1.62-3.61,3.61c0,.51.11,1,.3,1.44l-9.19,8.27c-1.27-1.09-2.86-1.83-4.61-2.06v-6.64c1.43-.48,2.47-1.83,2.47-3.42,0-1.99-1.62-3.61-3.61-3.61s-3.61,1.62-3.61,3.61c0,1.59,1.03,2.94,2.47,3.42v6.64c-1.75.23-3.33.96-4.61,2.06L14.55,7.46c.19-.44.3-.93.3-1.44,0-1.99-1.62-3.61-3.61-3.61s-3.61,1.62-3.61,3.61,1.62,3.61,3.61,3.61c.65,0,1.25-.17,1.78-.47l9.19,8.27c-.78,1.13-1.3,2.45-1.49,3.87H7.03c-.48-1.43-1.83-2.47-3.42-2.47-1.99,0-3.61,1.62-3.61,3.61s1.62,3.61,3.61,3.61c1.59,0,2.94-1.03,3.42-2.47h13.69c.41,3.17,2.51,5.82,5.36,7.02-.46.57-.76,1.25-.87,1.97-.65-.35-1.38-.52-2.14-.49-2.28.08-4.07,1.97-4.07,4.3v6.59c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-6.59c0-1.07.84-1.97,1.87-2.01.53-.02,1.03.17,1.42.54.38.37.59.86.59,1.39,0,0,0,16.02,0,16.02,0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-19.1c0-.53.21-1.03.59-1.39.38-.37.88-.56,1.42-.54,1.03.04,1.87.94,1.87,2.01v19.03c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14c0,0,0-5.24,0-5.24,0-.53.21-1.02.59-1.39.38-.37.89-.56,1.42-.54,1.03.04,1.87.94,1.87,2.01v5.16c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-2.15c0-.53.21-1.03.59-1.39.38-.37.89-.56,1.42-.54,1.03.04,1.87.94,1.87,2.01v3.16c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-3.16c0-2.29-1.83-4.22-4.07-4.3-.76-.03-1.5.15-2.15.5-.32-1.99-1.97-3.51-4.02-3.58-.74-.03-1.45.14-2.09.47v-10.04c0-.99-.33-1.9-.87-2.63,2.94-1.16,5.11-3.85,5.53-7.09h13.69c.48,1.43,1.83,2.47,3.42,2.47,1.99,0,3.61-1.62,3.61-3.61s-1.62-3.61-3.61-3.61h0ZM47.75,4.7c.73,0,1.32.59,1.32,1.32s-.59,1.32-1.32,1.32-1.32-.59-1.32-1.32.59-1.32,1.32-1.32ZM29.5,2.29c.73,0,1.32.59,1.32,1.32s-.59,1.32-1.32,1.32-1.32-.59-1.32-1.32.59-1.32,1.32-1.32ZM11.24,7.34c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32.59,1.32,1.32-.59,1.32-1.32,1.32ZM3.61,23.76c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32.59,1.32,1.32-.59,1.32-1.32,1.32ZM29.5,29c-3.62,0-6.56-2.94-6.56-6.56s2.94-6.56,6.56-6.56,6.56,2.94,6.56,6.56-2.94,6.56-6.56,6.56ZM55.38,23.76c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32.59,1.32,1.32-.59,1.32-1.32,1.32Z"> </path> <path fill="#008f9c" d="M31.81,21.3h-1.17v-1.17c0-.63-.51-1.14-1.14-1.14s-1.14.51-1.14,1.14v1.17h-1.17c-.63,0-1.14.51-1.14,1.14s.51,1.14,1.14,1.14h1.17v1.17c0,.63.51,1.14,1.14,1.14s1.14-.51,1.14-1.14v-1.17h1.17c.63,0,1.14-.51,1.14-1.14s-.51-1.14-1.14-1.14Z"> </path> </g> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> Medios de interacción</div> </div> </div> <div class="uxnav-card uxnav-color-3" style="position: relative; width: 200px; height: 200px; border: 2px solid #c8ced8; border-radius: 16px; overflow: hidden; background: #fff; box-sizing: border-box;"> <div class="uxnav-top" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; background: transparent;">  </div> <svg style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: 2; pointer-events: none;"> <path d="M 0,0 L 200,0 L 200,200 Z" fill="#008f9c"></path> <path d="M 0,0 L 200,200 L 0,200 Z" fill="#cdeced"></path> <circle cx="100" cy="75" r="52" fill="#f0f9fa"></circle> <rect x="22.5" y="142" width="155" height="46" rx="18" fill="#a2dadb"> </rect> <g transform="translate(100, 75) translate(-36.5, -36)"> <g id="Capa_1-2" data-name="Capa 1"> <g> <path fill="#008f9c" d="M73.08,32.88c-.07,5.52-1.59,11.13-4.76,16.26-.37.59-.43,1.1-.24,1.76.86,3.07,1.67,6.16,2.49,9.24.44,1.64-.31,2.41-1.95,1.98-3.15-.83-6.29-1.67-9.43-2.54-.52-.14-.92-.12-1.39.17-5.49,3.39-11.47,5.02-17.93,4.83-.62-.02-1.03.15-1.47.6-7.3,7.49-18.37,9-27.37,3.77-.49-.29-.92-.39-1.49-.22-1.91.56-3.85,1.05-5.77,1.55-1.7.45-2.44-.29-1.99-1.99.51-1.93,1.02-3.85,1.55-5.77.14-.51.09-.94-.18-1.41-5.56-9.7-3.61-21.16,4.85-28.45.43-.37.54-.77.56-1.29.45-13.35,8.55-24.61,21.11-29.34,18.55-6.99,39.39,4.88,42.86,24.41.35,1.97.56,3.95.56,6.45ZM67.54,59.08c-.76-2.83-1.43-5.46-2.19-8.07-.3-1.04-.18-1.87.42-2.8,3.72-5.81,5.22-12.2,4.47-19.04C68.39,12.29,53.09.55,36.32,3.05,19.81,5.51,8.54,21.34,11.64,37.7c3.93,20.74,27.33,30.89,45.12,19.55.87-.55,1.63-.67,2.61-.38,2.64.77,5.31,1.44,8.16,2.21ZM4.81,67.24c1.7-.45,3.22-.81,4.71-1.27.88-.27,1.57-.12,2.33.37,7.13,4.54,16.47,3.94,22.99-1.47.21-.18.52-.3.55-.58-15.25-3.57-24.2-13.03-26.85-28.47-.37.14-.57.46-.81.72-5.88,6.41-6.75,16.15-2.07,23.59.53.84.65,1.59.36,2.53-.45,1.45-.79,2.93-1.22,4.58Z"> </path> <path fill="#008f9c" d="M59.72,31.11c0,2.89-2.3,5.17-5.19,5.16-2.86-.01-5.21-2.37-5.17-5.21.04-2.81,2.36-5.12,5.17-5.14,2.86-.02,5.19,2.31,5.19,5.19ZM54.6,28.61c-1.43-.02-2.54,1.06-2.54,2.48,0,1.41,1.12,2.54,2.51,2.54,1.34,0,2.47-1.11,2.52-2.45.04-1.38-1.09-2.55-2.49-2.57Z"> </path> <path fill="#008f9c" d="M20.13,31.06c.02-2.83,2.31-5.12,5.14-5.14,2.84-.02,5.21,2.35,5.21,5.19,0,2.86-2.34,5.18-5.22,5.16-2.89-.01-5.16-2.31-5.14-5.22ZM25.28,28.61c-1.4,0-2.53,1.14-2.51,2.53.02,1.39,1.19,2.52,2.57,2.49,1.36-.03,2.44-1.14,2.45-2.5,0-1.42-1.09-2.52-2.51-2.52Z"> </path> <path fill="#008f9c" d="M39.92,36.27c-2.89,0-5.19-2.31-5.18-5.19.01-2.86,2.39-5.2,5.23-5.16,2.82.04,5.13,2.35,5.14,5.16.01,2.86-2.32,5.19-5.19,5.19ZM42.44,31.16c.03-1.36-1.04-2.49-2.4-2.54-1.46-.05-2.65,1.08-2.65,2.5,0,1.33,1.12,2.47,2.46,2.51,1.38.04,2.56-1.08,2.59-2.47Z"> </path> <path fill="#008f9c" d="M52.13,49.57c-.86,0-1.73.03-2.59,0-.83-.04-1.42-.42-1.43-1.33,0-.91.58-1.32,1.41-1.34,1.73-.04,3.45-.03,5.18,0,.82.02,1.41.41,1.43,1.32.02.81-.53,1.32-1.51,1.35-.83.03-1.66,0-2.49,0Z"> </path> <path fill="#008f9c" d="M31.81,14.49c-.86,0-1.73.02-2.59,0-.86-.03-1.47-.62-1.39-1.36.09-.8.56-1.26,1.39-1.26,1.76,0,3.52,0,5.28,0,.83,0,1.31.47,1.39,1.27.08.74-.53,1.32-1.4,1.35-.9.03-1.79,0-2.69,0Z"> </path> </g> </g> </g> </svg> <div style="position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 0 10px; width: 155px; height: 46px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;"> <div class="uxnav-label" style="color: #333333; font-weight: bold; font-size: 13px; text-align: center; line-height: 1;"> Foro de presentación</div> </div> </div> </div> ``` <div> <div class="container-fluid my-2" style="font-family: 'Plus Jakarta Sans','Segoe UI',sans-serif;"> <div class="row"> <div class="col-12 text-left" style="background-color: #00205b; font-size: 1.3rem; color: #ffffff; padding: 20px; border-radius: 6px 6px 0 0;"> <i class="fa fa-graduation-cap mr-2" aria-hidden="true"></i> <strong>Encuentro Sincrónico · Grabación de la Sesión</strong></div> </div> </div> <div class="container" style="font-family: 'Plus Jakarta Sans','Segoe UI',sans-serif; color: #1a1e35;"> <p style="font-size: 0.98rem; line-height: 1.6; margin-top: 10px; text-align: justify;"> Estimados estudiantes, en este espacio encontrarán la grabación completa del encuentro sincrónico programado para esta espacio de formación. Les recomendamos revisar y tener en cuenta las orientaciones brindadas socializadas en este vídeo.</p> <div style="margin-top: 28px; margin-bottom: 20px;"> <h3 style="font-size: 1.15rem; font-weight: 800; color: #00205b; margin: 0 0 20px 0; padding-left: 14px; position: relative; border-left: 4px solid #00205b;"> Visualizar Grabación</h3> <div class="mx-auto" style="max-width: 800px; width: 100%;"> <div class="embed-responsive embed-responsive-16by9 rounded shadow-lg" style="border: 1px solid #c8ced8; overflow: hidden; position: relative; display: block; width: 100%; padding: 0; padding-top: 56.25%;"> <iframe class="embed-responsive-item" style="position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;" src="XXXXXXX" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="allowfullscreen"></iframe></div> </div> </div> </div> <!-- BOTÓN REGRESAR --> <div style="display: flex; justify-content: center; margin: 20px 0;"><button class="btn-regresar" style="cursor: pointer; padding: 10px 24px; border-radius: 4px; border: 1px solid #cdd5e8; background: #ffffff; font-family: sans-serif; font-weight: 600; color: #1a1e35; box-shadow: 0 2px 5px rgba(0,0,0,0.05);"> <span style="font-size: 18px;">↩️</span> Regresar </button> </div> </div> ```php <p></p> <div class="container-fluid my-2" style="font-family: 'Plus Jakarta Sans','Segoe UI',sans-serif;"> <div class="row"> <div class="col-12 text-left" style="background-color: #00205b; font-size: 1.3rem; color: #ffffff; padding: 20px; border-radius: 6px 6px 0 0;"> <i class="fa fa-graduation-cap mr-2" aria-hidden="true"></i> <strong>Encuentro Sincrónico · Grabación de la Sesión</strong></div> </div> </div> <div class="container" style="font-family: 'Plus Jakarta Sans','Segoe UI',sans-serif; color: #1a1e35;"> <p style="font-size: 0.98rem; line-height: 1.6; margin-top: 10px; text-align: justify;"> Estimados estudiantes, en este espacio encontrarán la grabación completa del encuentro sincrónico programado para esta espacio de formación. Les recomendamos revisar y tener en cuenta las orientaciones brindadas socializadas en este vídeo.</p> <div style="margin-top: 28px; margin-bottom: 20px;"> <h3 style="font-size: 1.15rem; font-weight: 800; color: #00205b; margin: 0 0 20px 0; padding-left: 14px; position: relative; border-left: 4px solid #00205b;"> Visualizar Grabación</h3> <div class="mx-auto" style="max-width: 800px; width: 100%;"> <div class="embed-responsive embed-responsive-16by9 rounded shadow-lg" style="border: 1px solid #c8ced8; overflow: hidden; position: relative; display: block; width: 100%; padding: 0; padding-top: 56.25%;"> <iframe class="embed-responsive-item" style="position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;" src="XXXXXXX" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen="allowfullscreen"></iframe></div> </div> </div> </div> <!-- BOTÓN REGRESAR --> <div style="display: flex; justify-content: center; margin: 20px 0;"><button class="btn-regresar" style="cursor: pointer; padding: 10px 24px; border-radius: 4px; border: 1px solid #cdd5e8; background: #ffffff; font-family: sans-serif; font-weight: 600; color: #1a1e35; box-shadow: 0 2px 5px rgba(0,0,0,0.05);"> <span style="font-size: 18px;">↩️</span> Regresar </button></div> ``` <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="background: #FFFFFF; padding: 32px 20px; font-family: Arial,sans-serif; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; align-items: flex-start; min-width: 820px;"> <!-- TARJETA 1 --> <div class="uxnav-card uxnav-color-1" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="56" y="40" width="36" height="23" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="74" y1="63" x2="74" y2="70" stroke="#1a5f6e" stroke-width="2"> </line> <line x1="65" y1="70" x2="83" y2="70" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round"></line> <rect x="60" y="44" width="10" height="8" rx="1" fill="#1a5f6e" opacity="0.25"></rect> <line x1="73" y1="45" x2="86" y2="45" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="49" x2="84" y2="49" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="53" x2="81" y2="53" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Recurso educativo </span></div> </div> <!-- TARJETA 2 --> <div class="uxnav-card uxnav-color-2" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M74 35 C74 35 64 33 54 35 L54 72 C64 70 74 72 74 72 C74 72 84 70 94 72 L94 35 C84 33 74 35 74 35Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <line x1="74" y1="35" x2="74" y2="72" stroke="#1a5f6e" stroke-width="1.8"></line> <line x1="59" y1="43" x2="72" y2="42" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="49" x2="72" y2="48" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="55" x2="72" y2="54" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="42" x2="89" y2="43" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="48" x2="89" y2="49" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="54" x2="89" y2="55" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Material de profundización </span></div> </div> <!-- TARJETA 3 --> <div class="uxnav-card uxnav-color-3" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="60" y="35" width="22" height="30" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="64" y1="43" x2="78" y2="43" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="49" x2="78" y2="49" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="55" x2="72" y2="55" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <path d="M79 60 L87 52 L91 56 L83 64 L78 65 Z" stroke="#1a5f6e" stroke-width="1.7" fill="none" stroke-linejoin="round"></path> <line x1="85" y1="54" x2="89" y2="58" stroke="#1a5f6e" stroke-width="1.5"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Actividades de aprendizaje </span></div> </div> <!-- TARJETA 4 --> <div class="uxnav-card uxnav-color-4" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M54 40 Q54 36 58 36 L90 36 Q94 36 94 40 L94 58 Q94 62 90 62 L80 62 L74 68 L74 62 Q70 62 66 62 L58 62 Q54 62 54 58 Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <path d="M71 44 Q71 41 74 41 Q77 41 77 44 Q77 47 74 48 L74 52" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round" fill="none"> </path> <circle cx="74" cy="55.5" r="1.5" fill="#1a5f6e"></circle> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Foro de dudas e inquietudes </span></div> </div> <!-- TARJETA 5 --> <div class="uxnav-card uxnav-color-5" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none !important;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="52" y="42" width="28" height="22" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <path d="M80 48 L94 42 L94 68 L80 62 Z" stroke="#1a5f6e" stroke-width="2" fill="none" stroke-linejoin="round"></path> <circle cx="63" cy="50" r="4" stroke="#1a5f6e" stroke-width="1.8" fill="none"></circle> <path d="M55 62 Q57 57 63 57 Q69 57 71 62" stroke="#1a5f6e" stroke-width="1.8" fill="none" stroke-linecap="round"></path> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box; min-height: 62px; display: flex; align-items: center; justify-content: center;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;"> U1-Encuentro sincrónico </span></div> </div> </div> ```php <div class="container-fluid mb-3 d-flex justify-content-center"><img class="img-fluid d-none d-md-block" src="https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/banner-material-profundizacion-desktop.png"> <img class="img-fluid d-block d-sm-none d-none d-sm-block d-md-none" src="https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/banner-material-profundizacion-mobile.png"> </div> <div class="container"> <p class="texto my-3">A continuación, encontrará material de profundización necesario para el desarrollo de la unidad.</p> </div> <div class="container px-3"> <p class="titulo mt-5">Material Obligatorio</p> <div id="carouselObligatorioU3" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li class="bg-primary active" style="width: 8px; height: 8px;" data-target="#carouselObligatorioU3" data-slide-to="0"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselObligatorioU3" data-slide-to="1"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselObligatorioU3" data-slide-to="2"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselObligatorioU3" data-slide-to="3"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselObligatorioU3" data-slide-to="4"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselObligatorioU3" data-slide-to="5"> </li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Ethical guidelines for educational research</h3> <span class="infoCard-tagline">British Educational Research Association. (2024). <i>Ethical guidelines for educational research</i> (5th ed.). BERA.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.bera.ac.uk/publication/ethical-guidelines-for-educational-research-fifth-edition-2024-online"> <i class="icon fa fa-external-link fa-fw"></i> Consultar información aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Research design: Qualitative, quantitative, and mixed methods approaches</h3> <span class="infoCard-tagline">Creswell, J. W. (2014). <i>Research design: Qualitative, quantitative, and mixed methods approaches</i> (4th ed.). SAGE.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.ucg.ac.me/skladiste/blog_609332/objava_105202/fajlovi/Creswell.pdf"> <i class="icon fa fa-file-pdf-o fa-fw"></i> Consultar información aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Metodología de la investigación. Las rutas cuantitativa, cualitativa y mixta</h3> <span class="infoCard-tagline">Hernández-Sampieri, R., &amp; Mendoza, C. (2018). <i>Metodología de la investigación. Las rutas cuantitativa, cualitativa y mixta.</i> McGraw-Hill Education.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.goinvestiga.com/hernandez-sampieri-r-mendoza-c-2018-metodologia-de-la-investigacion-las-rutas-cuantitativa-cualitativa-y-mixta/"> <i class="icon fa fa-external-link fa-fw"></i> Consultar información aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Ethics in educational research</h3> <span class="infoCard-tagline">Howe, K. R., &amp; Moses, M. S. (1999). <i>Ethics in educational research.</i> In Review of research in education (Vol. 24, pp. 21–60). American Educational Research Association.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.colorado.edu/education/sites/default/files/attached-files/Howe_Moses_Ethics_in_Educational_Research.pdf"> <i class="icon fa fa-file-pdf-o fa-fw"></i> Consultar información aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Guidance for generative AI in education and research</h3> <span class="infoCard-tagline">UNESCO. (2023). <i>Guidance for generative AI in education and research.</i></span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.unesco.org/en/articles/guidance-generative-ai-education-and-research"> <i class="icon fa fa-external-link fa-fw"></i> Consultar información aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Ethical dilemmas in educational research: Considering challenges and risks in practice</h3> <span class="infoCard-tagline">Watts, P. (2023). <i>Ethical dilemmas in educational research: Considering challenges and risks in practice</i> [Book review of Ethical dilemmas in educational research: Considering challenges and risks in practice, ed. by C. Brown &amp; M. Wild]. British Journal of Educational Studies, 72(1), 123–125.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.tandfonline.com/doi/full/10.1080/00071005.2023.2281148"> <i class="icon fa fa-external-link fa-fw"></i> Consultar información aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" style="width: 4%;" role="button" href="#carouselObligatorioU3" data-slide="prev"> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" style="width: 4%;" role="button" href="#carouselObligatorioU3" data-slide="next"> <span class="sr-only">Next</span> </a> </div> </div> <div class="container px-3"> <p class="titulo mt-5">Material Complementario</p> <div id="carouselComplementarioU3" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li class="bg-primary active" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="0"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="1"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="2"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="3"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="4"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="5"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="6"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="7"> </li> <li class="bg-primary" style="width: 8px; height: 8px;" data-target="#carouselComplementarioU3" data-slide-to="8"> </li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Metodología de Investigación: Enfoque de la Investigación</h3> <span class="infoCard-tagline">Audiovisuales UNED. (2024, 4 de diciembre). <i>Metodología de Investigación: Enfoque de la Investigación</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.youtube.com/watch?v=o1bbxt6gJMA"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Cómo acceder a bases de datos académicas desde la biblioteca</h3> <span class="infoCard-tagline">Bibliosabana. (2025, 19 de mayo). <i>Cómo acceder a bases de datos académicas desde la biblioteca</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.youtube.com/watch?v=mgDZeI3Fl5o"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Integridad académica: cómo prevenir el plagio- servicio investigadores</h3> <span class="infoCard-tagline">Bibliosabana. (2025, 19 de mayo). <i>Integridad académica: cómo prevenir el plagio- servicio investigadores</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://youtu.be/ZwzZ9NCLiIU"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Asistente de Investigación-Eureka!</h3> <span class="infoCard-tagline">Bibliosabana. (2025, 14 de marzo). <i>Asistente de Investigación-Eureka!</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.youtube.com/watch?v=4CFRPpohIWg"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Ideas sobre los Derechos de Autor en la IA</h3> <span class="infoCard-tagline">Bibliosabana. (2025, 24 de febrero). <i>Ideas sobre los Derechos de Autor en la IA</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.youtube.com/watch?v=mBrS1Y6Aeuc&amp;t=1s"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Qué son los DISEÑOS MIXTOS de investigación y qué TIPOS hay</h3> <span class="infoCard-tagline">Investigar es fácil. (2024, 5 de septiembre). <i>Qué son los DISEÑOS MIXTOS de investigación y qué TIPOS hay - Investigar es fácil</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://youtu.be/8YdHLTA558g"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Investigación CUANTITATIVA: Definición, características y ejemplos</h3> <span class="infoCard-tagline">TeoCom. (2022, 25 de julio). <i>Investigación CUANTITATIVA: Definición, características y ejemplos</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://youtu.be/oAQfI3PigVI"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Investigación CUALITATIVA: Definición, características y ejemplos</h3> <span class="infoCard-tagline">TeoCom. (2022, 8 de agosto). <i>Investigación CUALITATIVA: Definición, características y ejemplos</i> [Video]. YouTube.</span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://youtu.be/w8UD6lRAF0E"> <i class="icon fa fa-youtube-play fa-fw"></i> Ver video aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="infoCard"> <div class="row"> <div class="col-md-7 infoCard-info"> <h3 class="infoCard-title">Comité de Ética en Investigación</h3> <span class="infoCard-tagline">Unisabana. (s.f.). <i>Comité de Ética en Investigación.</i></span> <br><br><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://www.unisabana.edu.co/investigacion/comite-de-etica-en-investigacion"> <i class="icon fa fa-external-link fa-fw"></i> Consultar información aquí</a> </div> <div class="col-md-5 infoCard-picture"> <div class="cover2" style="background-image: url('https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/112942877/fondo-lecturas-V2.png');">  </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" style="width: 4%;" role="button" href="#carouselComplementarioU3" data-slide="prev"> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" style="width: 4%;" role="button" href="#carouselComplementarioU3" data-slide="next"> <span class="sr-only">Next</span> </a> </div> </div> <div class="container my-4 text-center"><a class="btn btn-primary btn-md rounded font-weight-bold" href="https://unisabanae-learning.unisabana.edu.co/course/section.php?id=41821"> Volver </a></div> ``` OLD <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="background: #FFFFFF; padding: 32px 20px; font-family: Arial,sans-serif; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; align-items: flex-start;"> <!-- TARJETA 1 --> <div class="uxnav-card uxnav-color-1" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="56" y="40" width="36" height="23" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="74" y1="63" x2="74" y2="70" stroke="#1a5f6e" stroke-width="2"> </line> <line x1="65" y1="70" x2="83" y2="70" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round"></line> <rect x="60" y="44" width="10" height="8" rx="1" fill="#1a5f6e" opacity="0.25"></rect> <line x1="73" y1="45" x2="86" y2="45" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="49" x2="84" y2="49" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="53" x2="81" y2="53" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Recurso educativo<br><br></span></div> </div> <!-- TARJETA 2 --> <div class="uxnav-card uxnav-color-2" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M74 35 C74 35 64 33 54 35 L54 72 C64 70 74 72 74 72 C74 72 84 70 94 72 L94 35 C84 33 74 35 74 35Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <line x1="74" y1="35" x2="74" y2="72" stroke="#1a5f6e" stroke-width="1.8"></line> <line x1="59" y1="43" x2="72" y2="42" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="49" x2="72" y2="48" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="55" x2="72" y2="54" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="42" x2="89" y2="43" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="48" x2="89" y2="49" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="54" x2="89" y2="55" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Material de profundización<br><br></span></div> </div> <!-- TARJETA 3 --> <div class="uxnav-card uxnav-color-3" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="60" y="35" width="22" height="30" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="64" y1="43" x2="78" y2="43" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="49" x2="78" y2="49" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="55" x2="72" y2="55" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <path d="M79 60 L87 52 L91 56 L83 64 L78 65 Z" stroke="#1a5f6e" stroke-width="1.7" fill="none" stroke-linejoin="round"></path> <line x1="85" y1="54" x2="89" y2="58" stroke="#1a5f6e" stroke-width="1.5"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Actividades de aprendizaje<br><br></span></div> </div> <!-- TARJETA 4 --> <div class="uxnav-card uxnav-color-4" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M54 40 Q54 36 58 36 L90 36 Q94 36 94 40 L94 58 Q94 62 90 62 L80 62 L74 68 L74 62 Q70 62 66 62 L58 62 Q54 62 54 58 Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <path d="M71 44 Q71 41 74 41 Q77 41 77 44 Q77 47 74 48 L74 52" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round" fill="none"> </path> <circle cx="74" cy="55.5" r="1.5" fill="#1a5f6e"></circle> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Foro de dudas e inquietudes</span></div> </div> <!-- TARJETA 5 --> <div class="uxnav-card uxnav-color-5" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="52" y="42" width="28" height="22" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <path d="M80 48 L94 42 L94 68 L80 62 Z" stroke="#1a5f6e" stroke-width="2" fill="none" stroke-linejoin="round"></path> <circle cx="63" cy="50" r="4" stroke="#1a5f6e" stroke-width="1.8" fill="none"></circle> <path d="M55 62 Q57 57 63 57 Q69 57 71 62" stroke="#1a5f6e" stroke-width="1.8" fill="none" stroke-linecap="round"></path> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Encuentro sincrónico<br><br></span></div> </div> </div> <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="background: #FFFFFF; padding: 32px 20px; font-family: Arial,sans-serif; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; align-items: flex-start;"> <!-- TARJETA 1 --> <div class="uxnav-card uxnav-color-1" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="56" y="40" width="36" height="23" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="74" y1="63" x2="74" y2="70" stroke="#1a5f6e" stroke-width="2"> </line> <line x1="65" y1="70" x2="83" y2="70" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round"></line> <rect x="60" y="44" width="10" height="8" rx="1" fill="#1a5f6e" opacity="0.25"></rect> <line x1="73" y1="45" x2="86" y2="45" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="49" x2="84" y2="49" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="53" x2="81" y2="53" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Recurso educativo<br><br></span></div> </div> <!-- TARJETA 2 --> <div class="uxnav-card uxnav-color-2" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M74 35 C74 35 64 33 54 35 L54 72 C64 70 74 72 74 72 C74 72 84 70 94 72 L94 35 C84 33 74 35 74 35Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <line x1="74" y1="35" x2="74" y2="72" stroke="#1a5f6e" stroke-width="1.8"></line> <line x1="59" y1="43" x2="72" y2="42" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="49" x2="72" y2="48" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="55" x2="72" y2="54" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="42" x2="89" y2="43" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="48" x2="89" y2="49" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="54" x2="89" y2="55" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Material de profundización<br><br></span></div> </div> <!-- TARJETA 3 --> <div class="uxnav-card uxnav-color-3" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="60" y="35" width="22" height="30" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="64" y1="43" x2="78" y2="43" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="49" x2="78" y2="49" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="55" x2="72" y2="55" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <path d="M79 60 L87 52 L91 56 L83 64 L78 65 Z" stroke="#1a5f6e" stroke-width="1.7" fill="none" stroke-linejoin="round"></path> <line x1="85" y1="54" x2="89" y2="58" stroke="#1a5f6e" stroke-width="1.5"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Actividades de aprendizaje<br><br></span></div> </div> <!-- TARJETA 4 --> <div class="uxnav-card uxnav-color-4" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M54 40 Q54 36 58 36 L90 36 Q94 36 94 40 L94 58 Q94 62 90 62 L80 62 L74 68 L74 62 Q70 62 66 62 L58 62 Q54 62 54 58 Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <path d="M71 44 Q71 41 74 41 Q77 41 77 44 Q77 47 74 48 L74 52" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round" fill="none"> </path> <circle cx="74" cy="55.5" r="1.5" fill="#1a5f6e"></circle> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Foro de dudas e inquietudes</span></div> </div> <!-- TARJETA 5 --> <div class="uxnav-card uxnav-color-5" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="52" y="42" width="28" height="22" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <path d="M80 48 L94 42 L94 68 L80 62 Z" stroke="#1a5f6e" stroke-width="2" fill="none" stroke-linejoin="round"></path> <circle cx="63" cy="50" r="4" stroke="#1a5f6e" stroke-width="1.8" fill="none"></circle> <path d="M55 62 Q57 57 63 57 Q69 57 71 62" stroke="#1a5f6e" stroke-width="1.8" fill="none" stroke-linecap="round"></path> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Encuentro sincrónico<br><br></span></div> </div> </div> <div class="uxnav-container uxnav-theme uxnav-theme-blue uxnav-outline" style="background: #FFFFFF; padding: 32px 20px; font-family: Arial,sans-serif; display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; align-items: flex-start;"> <!-- TARJETA 1 --> <div class="uxnav-card uxnav-color-1" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="56" y="40" width="36" height="23" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="74" y1="63" x2="74" y2="70" stroke="#1a5f6e" stroke-width="2"> </line> <line x1="65" y1="70" x2="83" y2="70" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round"></line> <rect x="60" y="44" width="10" height="8" rx="1" fill="#1a5f6e" opacity="0.25"></rect> <line x1="73" y1="45" x2="86" y2="45" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="49" x2="84" y2="49" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> <line x1="73" y1="53" x2="81" y2="53" stroke="#1a5f6e" stroke-width="1.6" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Recurso educativo<br><br></span></div> </div> <!-- TARJETA 2 --> <div class="uxnav-card uxnav-color-2" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M74 35 C74 35 64 33 54 35 L54 72 C64 70 74 72 74 72 C74 72 84 70 94 72 L94 35 C84 33 74 35 74 35Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <line x1="74" y1="35" x2="74" y2="72" stroke="#1a5f6e" stroke-width="1.8"></line> <line x1="59" y1="43" x2="72" y2="42" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="49" x2="72" y2="48" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="59" y1="55" x2="72" y2="54" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="42" x2="89" y2="43" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="48" x2="89" y2="49" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> <line x1="76" y1="54" x2="89" y2="55" stroke="#1a5f6e" stroke-width="1.5" stroke-linecap="round"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Material de profundización<br><br></span></div> </div> <!-- TARJETA 3 --> <div class="uxnav-card uxnav-color-3" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="60" y="35" width="22" height="30" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <line x1="64" y1="43" x2="78" y2="43" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="49" x2="78" y2="49" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <line x1="64" y1="55" x2="72" y2="55" stroke="#1a5f6e" stroke-width="1.7" stroke-linecap="round"></line> <path d="M79 60 L87 52 L91 56 L83 64 L78 65 Z" stroke="#1a5f6e" stroke-width="1.7" fill="none" stroke-linejoin="round"></path> <line x1="85" y1="54" x2="89" y2="58" stroke="#1a5f6e" stroke-width="1.5"></line> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Actividades de aprendizaje<br><br></span></div> </div> <!-- TARJETA 4 --> <div class="uxnav-card uxnav-color-4" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <path d="M54 40 Q54 36 58 36 L90 36 Q94 36 94 40 L94 58 Q94 62 90 62 L80 62 L74 68 L74 62 Q70 62 66 62 L58 62 Q54 62 54 58 Z" stroke="#1a5f6e" stroke-width="2" fill="none"></path> <path d="M71 44 Q71 41 74 41 Q77 41 77 44 Q77 47 74 48 L74 52" stroke="#1a5f6e" stroke-width="2" stroke-linecap="round" fill="none"> </path> <circle cx="74" cy="55.5" r="1.5" fill="#1a5f6e"></circle> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Foro de dudas e inquietudes</span></div> </div> <!-- TARJETA 5 --> <div class="uxnav-card uxnav-color-5" style="width: 148px; min-width: 148px; max-width: 148px; background: #d6eaf2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; border: none;"> <div class="uxnav-top" style="text-align: center;"><svg style="display: block; width: 148px; height: 118px; min-width: 148px; flex-shrink: 0;"> <path d="M0 0 L148 0 L148 118 Q148 118 74 118 Q0 118 0 60 Z" fill="#2a9fa8"></path> <circle cx="74" cy="55" r="38" fill="#e8f5f7"></circle> <rect x="52" y="42" width="28" height="22" rx="2.5" stroke="#1a5f6e" stroke-width="2" fill="none"></rect> <path d="M80 48 L94 42 L94 68 L80 62 Z" stroke="#1a5f6e" stroke-width="2" fill="none" stroke-linejoin="round"></path> <circle cx="63" cy="50" r="4" stroke="#1a5f6e" stroke-width="1.8" fill="none"></circle> <path d="M55 62 Q57 57 63 57 Q69 57 71 62" stroke="#1a5f6e" stroke-width="1.8" fill="none" stroke-linecap="round"></path> </svg></div> <div style="background: #cce8f2; border-radius: 20px; padding: 5px 12px; margin: 8px 8px 12px; text-align: center; width: 84%; box-sizing: border-box;"> <span class="uxnav-label" style="font-size: 12px; font-weight: bold; color: #1a5f6e; line-height: 1.4; display: block;">U1-Encuentro sincrónico<br><br></span></div> </div> </div> ↩️ [[Public/Proyectos y Consultorías/Unisabana e-Learning/Elementos web/index|index]]