fanfuso/IDE-Demo-B
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

actualizacion de bloques del index

Browse Source
This commit is contained in:
fanfuso
2026-09-09 01:23:51 -03:00
parent fb8c19192c
commit b3b62362e8
15 changed files with 105 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+83 -5
View File
@@ -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);