diff --git a/assets/img/campo.jpg b/assets/img/campo.jpg new file mode 100644 index 0000000..f1df5b0 Binary files /dev/null and b/assets/img/campo.jpg differ diff --git a/assets/img/campo2.jpg b/assets/img/campo2.jpg new file mode 100644 index 0000000..7363946 Binary files /dev/null and b/assets/img/campo2.jpg differ diff --git a/assets/img/campo3.jpg b/assets/img/campo3.jpg new file mode 100644 index 0000000..6bbd925 Binary files /dev/null and b/assets/img/campo3.jpg differ diff --git a/assets/img/escuela.png b/assets/img/escuela.png new file mode 100644 index 0000000..0b3178d Binary files /dev/null and b/assets/img/escuela.png differ diff --git a/assets/img/escuela2.png b/assets/img/escuela2.png new file mode 100644 index 0000000..04d289e Binary files /dev/null and b/assets/img/escuela2.png differ diff --git a/assets/img/fabrica.jpg b/assets/img/fabrica.jpg new file mode 100644 index 0000000..8ae9e93 Binary files /dev/null and b/assets/img/fabrica.jpg differ diff --git a/assets/img/fabrica2.jpg b/assets/img/fabrica2.jpg new file mode 100644 index 0000000..a9bbb04 Binary files /dev/null and b/assets/img/fabrica2.jpg differ diff --git a/assets/img/fabrica3.jpg b/assets/img/fabrica3.jpg new file mode 100644 index 0000000..35f5192 Binary files /dev/null and b/assets/img/fabrica3.jpg differ diff --git a/assets/img/hospital.jpg b/assets/img/hospital.jpg new file mode 100644 index 0000000..6d34927 Binary files /dev/null and b/assets/img/hospital.jpg differ diff --git a/assets/img/hospital2.jpg b/assets/img/hospital2.jpg new file mode 100644 index 0000000..1c6a8ba Binary files /dev/null and b/assets/img/hospital2.jpg differ diff --git a/assets/img/hospital3.png b/assets/img/hospital3.png new file mode 100644 index 0000000..fd3c63c Binary files /dev/null and b/assets/img/hospital3.png differ diff --git a/assets/img/trigo.avif b/assets/img/trigo.avif new file mode 100644 index 0000000..7523a88 Binary files /dev/null and b/assets/img/trigo.avif differ diff --git a/css/styles.css b/css/styles.css index a770391..db8118c 100644 --- a/css/styles.css +++ b/css/styles.css @@ -14,6 +14,7 @@ --ide-accent: #40ab8e; --ide-accent-hover: #4fb389; --ide-accent-soft: rgba(19, 167, 138, 0.12); + --card-overlay: rgba(227, 235, 233, 0.85); --ide-dark-gray: #1b1717; --ide-excellence: #4fb389; --ide-projects: #ed8d01; @@ -25,8 +26,12 @@ --bg-surface: #FFFFFF; --bg-surface-elevated: #FFFFFF; --bg-subtle: #EDF3F5; + --bg-card: #FFFFFF; + --bg-card-alt: #f8faff; + --bg-muted: #e9ecef; --border-color: #E2E8F0; --border-subtle: #EEF2F6; + --border-hover:#b7babd; --text-primary: #094b63; --text-main: #0E2833; @@ -53,8 +58,13 @@ --bg-surface: #18222A; --bg-surface-elevated: #202D37; --bg-subtle: #24333E; + --bg-card: #18222A; + --bg-card-alt: var(--bg-muted); + --card-overlay: rgba(4, 36, 29, 0.85); + --bg-muted: #24333E; --border-color: #2D3D4A; --border-subtle: #1F2C36; + --border-hover:#40ab8e; --ide-primary-light: #40ab8e; --ide-excellence: #4fb389; --ide-projects: #ed8d01; @@ -530,6 +540,75 @@ p, li, .lead-text, .text-body, .text-muted { box-shadow: var(--shadow-md); transform: translateY(-2px); } +/*tarjetas especiales*/ +/*Agro*/ +.card-agro { + background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/campo2.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border: 1px solid var(--border-color); + border-radius: var(--radius-md); + padding: 1.75rem; + transition: all var(--transition-normal); + +} + +.card-agro:hover { + transform: translateY(-2px); + box-shadow: var(--shadow-md); +} +/*Fabrica*/ +.card-fabrica { + background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/fabrica3.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border: 1px solid var(--border-color); + border-radius: var(--radius-md); + padding: 1.75rem; + transition: all var(--transition-normal); + +} + +.card-fabrica:hover { + transform: translateY(-2px); + box-shadow: var(--shadow-md); +} +/*Salud*/ +.card-salud { + background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/hospital.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border: 1px solid var(--border-color); + border-radius: var(--radius-md); + padding: 1.75rem; + transition: all var(--transition-normal); + +} + +.card-salud:hover { + transform: translateY(-2px); + box-shadow: var(--shadow-md); +} +/*Educacion*/ +.card-educacion { + background-image: linear-gradient(var(--card-overlay), var(--card-overlay)), url('../assets/img/escuela.png'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border: 1px solid var(--border-color); + border-radius: var(--radius-md); + padding: 1.75rem; + transition: all var(--transition-normal); + +} + +.card-educacion:hover { + transform: translateY(-2px); + box-shadow: var(--shadow-md); +} .grid-2 { display: grid; @@ -654,7 +733,7 @@ p, li, .lead-text, .text-body, .text-muted { /* ---- Contenedor principal (estilo Opci贸n A) ---- */ .quiz-container { - background: var(--bg-card, #ffffff); + background: var(--bg-card); border-radius: 1.25rem; padding: 2.5rem 2.75rem; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06); @@ -674,7 +753,7 @@ p, li, .lead-text, .text-body, .text-muted { .quiz-progress-bar { width: 100%; height: 6px; - background: var(--bg-muted, #e9ecef); + background: var(--bg-muted); border-radius: 8px; overflow: hidden; margin-bottom: 2rem; @@ -729,8 +808,7 @@ p, li, .lead-text, .text-body, .text-muted { } .quiz-option-card:hover { - background: var(--bg-hover, #f1f3f5); - border-color: var(--border-hover, #dee2e6); + border-color: var(--border-hover); } .quiz-option-card.selected { @@ -807,7 +885,7 @@ p, li, .lead-text, .text-body, .text-muted { /* ---- Resultado---- */ .quiz-result-box { - background: var(--bg-card-alt, #f8faff); + background: var(--bg-card-alt); border-radius: 1.25rem; padding: 2rem 2.25rem; border: 1px solid var(--border-light, #e9ecef); diff --git a/index.html b/index.html index 788b1fa..495f632 100644 --- a/index.html +++ b/index.html @@ -585,11 +585,7 @@
-
- 馃攳 - Perfil 路 Diagn贸stico -
-

+

No necesit谩s tener la respuesta para empezar.

@@ -695,28 +691,36 @@

-
- +
+ + +

Agro & Alimentos

-

Trazabilidad, normas de inocuidad y profesionalizaci贸n de operaciones.

+

Trazabilidad, normas de inocuidad y profesionalizaci贸n de operaciones.

-
- +
+ + +

Industria & Manufactura

-

Eficiencia operativa, seguridad (ISO 45001) y calidad sostenida.

+

Eficiencia operativa, seguridad (ISO 45001) y calidad sostenida.

-
- +
+ + +

Salud & Servicios

-

Gesti贸n por procesos cr铆ticos, experiencia del paciente y cumplimiento.

+

Gesti贸n por procesos cr铆ticos, experiencia del paciente y cumplimiento.

-
- +
+ + +

Educaci贸n & Gobierno

-

Norma ISO 21001, transformaci贸n de planes y gesti贸n institucional.

+

Norma ISO 21001, transformaci贸n de planes y gesti贸n institucional.

diff --git a/js/main.js b/js/main.js index 533b07f..eda8da5 100644 --- a/js/main.js +++ b/js/main.js @@ -263,8 +263,6 @@ function closeModal(modalId) { // Perfil 4 路 Requisito exigido if (p3 === 'requisito' || p2 === 'iso' || p2 === 'iso-form') { return { - icon: './assets/iconos/lista_32.svg', - profile: 'Requisito o certificaci贸n', title: 'La certificaci贸n puede ser el punto de partida.', body: 'Comprendemos que ten茅s un requisito externo. En IDE no trabajamos para cumplir auditor铆as: trabajamos para que el sistema refleje c贸mo funciona tu organizaci贸n y contribuya a gestionarla mejor.', chips: ['IDE Excellence', 'ISO 9001 / 14001 / 45001', 'Sistemas de gesti贸n'], @@ -283,8 +281,6 @@ function closeModal(modalId) { }; const m = map[p2] || { chips: ['Formaci贸n', 'Desarrollo', 'Academy'], extra: 'IDE Academy' }; return { - icon: './assets/iconos/gorro_32.svg', - profile: 'Formaci贸n y conocimiento', title: 'Desarrollamos las capacidades que hacen posible la transformaci贸n.', body: 'IDE Academy dise帽a programas de formaci贸n alineados con los desaf铆os reales de las organizaciones. No dictamos cursos est谩ndar: trabajamos desde el contexto de cada equipo.', chips: [...m.chips, m.extra], @@ -345,8 +341,6 @@ function closeModal(modalId) { }; const m = map[p2] || { chips: ['Ecosistema IDE'], body: 'Entendemos d贸nde quer茅s llegar. Comprendemos el sistema para ayudarte a lograrlo.' }; return { - icon: './assets/iconos/dart_32.svg', - profile: 'Objetivo claro', title: 'Entendemos d贸nde quer茅s llegar. Te ayudamos a definir c贸mo.', body: m.body, chips: m.chips, @@ -365,8 +359,6 @@ function closeModal(modalId) { }; const md = mapD[p2] || mapD.nosabe; return { - icon: './assets/iconos/lupa_32.svg', - profile: 'Desaf铆o sin soluci贸n definida', title: 'No necesit谩s tener la respuesta para empezar.', body: 'Empezamos por comprender tu situaci贸n, no por ofrecerte una soluci贸n predeterminada. Eso diferencia una intervenci贸n puntual de una transformaci贸n real.', chips: md.chips, @@ -422,15 +414,7 @@ function closeModal(modalId) { function renderResult(ans) { const r = buildResult(ans); - const iconContainer = document.getElementById('resultIcon'); - if (iconContainer) { - iconContainer.innerHTML = ` - - - - `; - } - document.getElementById('resultProfile').textContent = r.profile; + document.getElementById('resultTitle').textContent = r.title; document.getElementById('resultBody').textContent = r.body;