{"id":806,"date":"2025-12-28T12:05:52","date_gmt":"2025-12-28T11:05:52","guid":{"rendered":"https:\/\/somosmisionweb.com\/?page_id=806"},"modified":"2026-01-04T20:44:47","modified_gmt":"2026-01-04T19:44:47","slug":"herramientas","status":"publish","type":"page","link":"https:\/\/somosmisionweb.com\/?page_id=806","title":{"rendered":"calculadora ponderaci\u00f3n universitaria"},"content":{"rendered":"\n<div class=\"mw-seo-container\">\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"SoftwareApplication\",\n      \"name\": \"Calculadora de Notas Universitarias Mision Web\",\n      \"operatingSystem\": \"Web Browser\",\n      \"applicationCategory\": \"EducationalApplication\",\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": \"0\",\n        \"priceCurrency\": \"CLP\"\n      },\n      \"description\": \"Herramienta online gratuita para calcular el promedio ponderado universitario. Ideal para estudiantes que necesitan proyectar sus notas finales y ex\u00e1menes.\",\n      \"featureList\": \"C\u00e1lculo de promedio ponderado, Escala de notas configurable, Dise\u00f1o responsive, Gratis\"\n    }\n    <\/script>\n\n    <style>\n        \/* General Layout *\/\n        .mw-seo-container {\n            font-family: 'Poppins', Helvetica, Arial, sans-serif;\n            color: #2d3748;\n            line-height: 1.7;\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* T\u00edtulos SEO *\/\n        .mw-seo-title-h1 {\n            color: #197163;\n            font-weight: 800;\n            font-size: 2.4rem;\n            text-align: center;\n            margin-bottom: 1rem;\n            line-height: 1.2;\n        }\n\n        .mw-seo-intro {\n            text-align: center;\n            font-size: 1.1rem;\n            color: #4a5568;\n            max-width: 800px;\n            margin: 0 auto 3rem auto;\n        }\n\n        \/* Layout Flexible (Calculadora Izq - Banner Der) *\/\n        .mw-app-layout {\n            display: flex;\n            flex-direction: row;\n            align-items: flex-start;\n            justify-content: center;\n            gap: 2.5rem;\n            flex-wrap: wrap;\n            margin-bottom: 4rem;\n        }\n\n        .mw-col-calc { flex: 1 1 480px; min-width: 320px; }\n        .mw-col-promo { flex: 1 1 350px; min-width: 300px; }\n\n        \/* Estilos Calculadora (Glassmorphism) *\/\n        .mw-calc-card {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            border: 1px solid #e2e8f0;\n            border-radius: 24px;\n            padding: 2.5rem;\n            box-shadow: 0 15px 35px rgba(25, 113, 99, 0.08);\n        }\n\n        .mw-input-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr 32px;\n            gap: 15px;\n            margin-bottom: 12px;\n            align-items: center;\n            animation: mwFadeIn Up 0.3s ease;\n        }\n\n        \/* FIX DE INPUTS (Texto no pisa icono) *\/\n        .mw-input-wrapper { position: relative; }\n        \n        .mw-input-wrapper svg {\n            position: absolute;\n            left: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 18px;\n            fill: #a0aec0;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        .mw-input-field {\n            width: 100%;\n            \/* CORRECCI\u00d3N FINAL: padding aumentado a 60px y con !important para forzar el espacio *\/\n            padding: 14px 14px 14px 60px !important; \n            border-radius: 12px;\n            border: 1px solid #cbd5e0;\n            background: #f8fafc;\n            font-size: 1rem;\n            color: #2d3748;\n            transition: all 0.3s;\n            outline: none;\n            box-sizing: border-box; \/* Asegura que el padding no rompa el ancho *\/\n        }\n\n        .mw-input-field:focus {\n            border-color: #197163;\n            background: #fff;\n            box-shadow: 0 0 0 4px rgba(25, 113, 99, 0.1);\n        }\n        \n        .mw-input-field:focus + svg { fill: #197163; }\n\n        \/* Botones *\/\n        .mw-btn {\n            width: 100%;\n            padding: 14px;\n            border-radius: 12px;\n            font-weight: 600;\n            cursor: pointer;\n            border: none;\n            transition: transform 0.2s, box-shadow 0.2s;\n            display: flex; align-items: center; justify-content: center; gap: 8px;\n        }\n        \n        .mw-btn-outline {\n            background: transparent;\n            border: 2px solid #197163;\n            color: #197163;\n        }\n        \n        .mw-btn-solid {\n            background: #197163;\n            color: white;\n            box-shadow: 0 4px 12px rgba(25, 113, 99, 0.25);\n        }\n\n        .mw-btn-solid:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(25, 113, 99, 0.3); }\n\n        \/* Banner Promocional *\/\n        .mw-promo-card {\n            background: linear-gradient(135deg, #197163 0%, #0d4a40 100%);\n            color: white;\n            border-radius: 24px;\n            padding: 3rem 2rem;\n            text-align: center;\n            position: sticky;\n            top: 20px;\n            box-shadow: 0 20px 40px rgba(25, 113, 99, 0.25);\n        }\n\n        .mw-promo-card h3 { font-size: 1.6rem; margin-bottom: 1rem; line-height: 1.3; }\n        .mw-discount-tag { display: block; font-size: 2.5rem; font-weight: 800; color: #68d391; margin: 1.5rem 0; }\n        \n        .mw-btn-ig {\n            background: white; color: #197163; text-decoration: none; padding: 12px 25px;\n            border-radius: 50px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px;\n            transition: all 0.3s;\n        }\n        .mw-btn-ig:hover { transform: scale(1.05); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }\n\n        \/* Contenido SEO (Texto Abajo) *\/\n        .mw-seo-content {\n            background: #fff;\n            padding: 3rem;\n            border-radius: 20px;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n            margin-top: 2rem;\n        }\n        \n        .mw-seo-content h2 { color: #197163; margin-top: 2rem; font-size: 1.8rem; }\n        .mw-seo-content h3 { color: #2d3748; margin-top: 1.5rem; font-size: 1.3rem; }\n        .mw-seo-content ul { padding-left: 20px; }\n        .mw-seo-content li { margin-bottom: 10px; }\n\n        \/* Mobile *\/\n        @media (max-width: 768px) {\n            .mw-seo-title-h1 { font-size: 1.8rem; }\n            .mw-app-layout { flex-direction: column; align-items: stretch; }\n            .mw-promo-card { position: static; margin-top: 2rem; }\n            .mw-input-row { grid-template-columns: 1fr 1fr; gap: 10px; }\n            .mw-btn-remove { grid-column: span 2; width: 100%; margin-top: 5px; }\n        }\n    <\/style>\n\n    <header>\n        <h1 class=\"mw-seo-title-h1\">Calculadora de Promedio Ponderado Universitario<\/h1>\n        <p class=\"mw-seo-intro\">\n            Calcula tu nota final exacta en segundos. Herramienta optimizada para escalas universitarias (1.0 a 7.0 o porcentuales). Gestiona tus asignaturas y ponderaciones f\u00e1cilmente.\n        <\/p>\n    <\/header>\n\n    <div class=\"mw-app-layout\">\n        \n        <div class=\"mw-col-calc\">\n            <div class=\"mw-calc-card\">\n                <h2 style=\"text-align: center; color: #197163; margin-top:0; font-size: 1.5rem;\">Mis Notas<\/h2>\n                <form id=\"mwForm\">\n                    <div id=\"mwRows\"><\/div>\n                    \n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px;\">\n                        <button type=\"button\" id=\"btnAdd\" class=\"mw-btn mw-btn-outline\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                            Agregar\n                        <\/button>\n                        <button type=\"submit\" class=\"mw-btn mw-btn-solid\">\n                            Calcular\n                        <\/button>\n                    <\/div>\n                <\/form>\n\n                <div id=\"mwResult\" style=\"display:none; text-align:center; margin-top: 2rem; border-top: 1px dashed #cbd5e0; padding-top: 1.5rem;\">\n                    <div id=\"mwResultValue\" style=\"font-size: 3rem; font-weight: 800; line-height:1;\"><\/div>\n                    <p id=\"mwResultMsg\" style=\"color: #718096; margin-top: 5px;\"><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"mw-col-promo\">\n            <aside class=\"mw-promo-card\">\n                <h3>\ud83d\ude80 \u00bfNecesitas una Web para tus Proyectos?<\/h3>\n                <p>En <strong>Mision Web<\/strong> sabemos que un portafolio profesional es clave para tu futuro laboral.<\/p>\n                <span class=\"mw-discount-tag\">5% OFF<\/span>\n                <p>Descuento exclusivo para universitarios en desarrollo web y tiendas online.<\/p>\n                <br>\n                <a href=\"https:\/\/www.instagram.com\/misionweb.cl\/?utm_source=qr&#038;igsh=MXV1dThuNzg0bmNsNg%3D%3D#\" target=\"_blank\" class=\"mw-btn-ig\" rel=\"noopener\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                    DM Instagram\n                <\/a>\n                <p style=\"font-size: 0.8rem; margin-top: 1rem; opacity: 0.8\">*Presentando credencial universitaria.<\/p>\n            <\/aside>\n        <\/div>\n    <\/div>\n\n    <article class=\"mw-seo-content\">\n        <h2>\u00bfC\u00f3mo se calcula el promedio ponderado?<\/h2>\n        <p>A diferencia del promedio simple, donde todas las notas valen lo mismo, en la universidad cada evaluaci\u00f3n suele tener un <strong>peso o porcentaje distinto<\/strong>. Nuestra calculadora utiliza la f\u00f3rmula oficial:<\/p>\n        \n        <div style=\"background:#f0fdf4; border-left: 4px solid #197163; padding: 15px; margin: 15px 0; font-family: monospace; color:#197163;\">\n            (Nota 1 \u00d7 %) + (Nota 2 \u00d7 %) + &#8230; \/ Total Porcentajes\n        <\/div>\n\n        <h3>\u00bfPor qu\u00e9 usar esta calculadora de notas?<\/h3>\n        <ul>\n            <li><strong>Precisi\u00f3n Total:<\/strong> Evita errores matem\u00e1ticos comunes al sumar porcentajes.<\/li>\n            <li><strong>Planificaci\u00f3n Acad\u00e9mica:<\/strong> Simula escenarios (\u00ab\u00bfQu\u00e9 nota necesito en el examen para pasar?\u00bb) para gestionar tu estr\u00e9s y tiempo de estudio.<\/li>\n            <li><strong>Escala Flexible:<\/strong> Funciona perfectamente para escalas de 1.0 a 7.0 (Chile) o de 0 a 100.<\/li>\n        <\/ul>\n\n        <h3>Consejo Mision Web para estudiantes<\/h3>\n        <p>Tener tus notas organizadas es el primer paso para el \u00e9xito profesional. El segundo es tener presencia online. Si eres estudiante de dise\u00f1o, arquitectura, ingenier\u00eda o marketing, recuerda aprovechar nuestro <strong>descuento universitario<\/strong> para crear tu portafolio web.<\/p>\n    <\/article>\n\n    <script>\n    (function(){\n        const container = document.getElementById('mwRows');\n        const btnAdd = document.getElementById('btnAdd');\n        const maxRows = 10;\n        \n        \/\/ Iconos SVG como strings para inyectar\n        const iconStar = `<svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>`;\n        const iconPerc = `<svg viewBox=\"0 0 24 24\"><path d=\"M7 7h.01M17 17h.01M6 18l12-12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>`;\n        const iconTrash = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e53e3e\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"3 6 5 6 21 6\"><\/polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"><\/path><\/svg>`;\n\n        function addRow() {\n            if(container.children.length >= maxRows) return;\n            \n            const div = document.createElement('div');\n            div.className = 'mw-input-row';\n            div.innerHTML = `\n                <div class=\"mw-input-wrapper\">\n                    ${iconStar}\n                    <input type=\"number\" step=\"0.1\" min=\"1\" class=\"mw-input-field i-grade\" placeholder=\"Nota\" required>\n                <\/div>\n                <div class=\"mw-input-wrapper\">\n                    ${iconPerc}\n                    <input type=\"number\" step=\"1\" min=\"1\" max=\"100\" class=\"mw-input-field i-weight\" placeholder=\"Ponderaci\u00f3n %\" required>\n                <\/div>\n                <button type=\"button\" class=\"mw-btn-remove\" style=\"background:none; border:none; cursor:pointer;\">\n                    ${iconTrash}\n                <\/button>\n            `;\n            \n            div.querySelector('.mw-btn-remove').addEventListener('click', () => {\n                div.remove();\n                checkLimit();\n            });\n            \n            container.appendChild(div);\n            checkLimit();\n        }\n\n        function checkLimit() {\n            const count = container.children.length;\n            btnAdd.disabled = count >= maxRows;\n            btnAdd.style.opacity = count >= maxRows ? '0.5' : '1';\n            \n            \/\/ Ocultar eliminar si solo hay 1 fila\n            const rows = container.querySelectorAll('.mw-input-row');\n            rows.forEach(r => {\n                r.querySelector('.mw-btn-remove').style.visibility = rows.length === 1 ? 'hidden' : 'visible';\n            });\n        }\n\n        document.getElementById('mwForm').addEventListener('submit', (e) => {\n            e.preventDefault();\n            const rows = container.querySelectorAll('.mw-input-row');\n            let totalW = 0, sum = 0;\n            \n            rows.forEach(r => {\n                const g = parseFloat(r.querySelector('.i-grade').value);\n                const w = parseFloat(r.querySelector('.i-weight').value);\n                if(!isNaN(g) && !isNaN(w)) {\n                    sum += g * w;\n                    totalW += w;\n                }\n            });\n\n            const resDiv = document.getElementById('mwResult');\n            const resVal = document.getElementById('mwResultValue');\n            const resMsg = document.getElementById('mwResultMsg');\n            \n            if(totalW > 0) {\n                const final = (sum \/ totalW).toFixed(2); \/\/ 2 decimales\n                resVal.innerText = final;\n                resDiv.style.display = 'block';\n                \n                \/\/ === AQU\u00cd EST\u00c1 LA CORRECCI\u00d3N DE L\u00d3GICA ===\n                \/\/ Si la nota final es 39.5 o superior, es aprobado.\n                if(parseFloat(final) >= 39.5) {\n                    resVal.style.color = '#38a169';\n                    resMsg.innerText = \"\u00a1Aprobado! \ud83c\udf89 Excelente trabajo\";\n                } else {\n                    resVal.style.color = '#e53e3e';\n                    resMsg.innerText = \"A\u00fan puedes subir tus notas \ud83d\udcaa\";\n                }\n            }\n        });\n\n        btnAdd.addEventListener('click', addRow);\n        addRow(); \/\/ Fila inicial\n    })();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Promedio Ponderado Universitario Calcula tu nota final exacta en segundos. Herramienta optimizada para escalas universitarias (1.0 a 7.0 o porcentuales). Gestiona tus asignaturas y ponderaciones f\u00e1cilmente. Mis Notas Agregar Calcular \ud83d\ude80 \u00bfNecesitas una Web para tus Proyectos? En Mision Web sabemos que un portafolio profesional es clave para tu futuro laboral. 5% OFF [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-806","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=\/wp\/v2\/pages\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=806"}],"version-history":[{"count":11,"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=\/wp\/v2\/pages\/806\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=\/wp\/v2\/pages\/806\/revisions\/832"}],"wp:attachment":[{"href":"https:\/\/somosmisionweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}