cambios de textos

css/styles.css

@@ -75,6 +75,15 @@
 
   --transition-fast: 0.2s ease;
   --transition-normal: 0.3s ease;
+
+  /*Efecto bola de nieve*/
+  --snowball-color: rgba(76,175,122,0.3);
+  --snowball-particle-count: 180;
+  --snowball-max-capacity: 15;
+  --snowball-cooldown: 2.5;
+  --snowball-line-width: 1.5;
+  --snowball-min-radius: 5;
+  --snowball-max-radius: 10;
 }
 
 /* Tema Oscuro (Elegante mate, sin negros puros #000 ni neón estridente) */
@@ -116,6 +125,8 @@
   --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
   --shadow-lg: 0 10px 35px rgba(0, 0, 0, 0.55);
   --shadow-canva: rgba(92, 103, 107, 0.432);
+
+  --snowball-color: rgba(76,175,122,0.2);
 }
 
 /* --- 2. Reseteo y Base --- */
@@ -682,6 +693,20 @@ p, li, .lead-text, .text-body, .text-muted {
   margin: 0 auto;
   text-align: center;
 }
+
+/*==============================*/
+/*-----      SnowBall     ------*/
+.snowball-canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+  z-index: 0;
+}
+
+/*==============================*/
 /*==============================*/
 
 /* --- 7. Tarjetas y Grillas --- */
@@ -710,7 +735,27 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
 
+.icono-agro {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/agro_color.svg');
+  mask-image: url('../assets/iconos/agro_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
 }
 
 .card-agro:hover {
@@ -727,8 +772,28 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
 
 }
+.icono-fabrica {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/fabrica_color.svg');
+  mask-image: url('../assets/iconos/fabrica_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
+}
 
 .card-fabrica:hover {
   transform: translateY(-2px);
@@ -744,7 +809,27 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
 
+.icono-salud {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/nurse_color.svg');
+  mask-image: url('../assets/iconos/nurse_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
 }
 
 .card-salud:hover {
@@ -761,7 +846,26 @@ p, li, .lead-text, .text-body, .text-muted {
   border-radius: var(--radius-md);
   padding: 1.75rem;
   transition: all var(--transition-normal);
-
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+.icono-educacion {
+  display: block;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--text-body);
+  -webkit-mask-image: url('../assets/iconos/escuela_color.svg');
+  mask-image: url('../assets/iconos/escuela_color.svg');
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+  flex-shrink: 0;
 }
 
 .card-educacion:hover {
@@ -886,7 +990,7 @@ p, li, .lead-text, .text-body, .text-muted {
 }
 
 /* --- 8. Hero: La Doble Entrada (Home) --- */
-.hero-wrapper {
+.section-padding {
   background: radial-gradient(circle at 80% 20%, var(--ide-accent-soft) 0%, transparent 50%), var(--bg-body);
   border-bottom: 1px solid var(--border-color);
   position: relative;
@@ -1377,6 +1481,40 @@ p, li, .lead-text, .text-body, .text-muted {
 
 
 /* --- 13. Modales (Pop-ups de Desafíos y Cursos) --- */
+.dfcard1{
+  background: linear-gradient(0deg, var(--bg-surface) 0%, var(--ide-accent-soft) 100%);
+  display: flex; 
+  flex-direction: column; 
+  justify-content: space-between;
+}
+.dfcard1 h3{
+  font-size: 1.25rem; 
+  margin-bottom: 0.75rem;
+}
+.dfcard1 p{
+  font-size: 0.9rem;
+  color: var(--text-muted);
+  line-height: 1.55;
+  margin-bottom: 1.5rem;
+}
+.dfcard2{
+  background: linear-gradient(135deg, var(--bg-surface) 0%, var(--ide-accent-soft) 100%);
+  border-color: var(--ide-accent);
+  display: flex;
+  border-width: 2px;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.dfcard2 h3{
+  font-size: 1.25rem;
+  margin-bottom: 0.75rem;
+}
+.dfcard2 p{
+  font-size: 0.9rem; 
+  color: var(--text-muted); 
+  line-height: 1.55; 
+  margin-bottom: 1.5rem;
+}
 .modal-backdrop {
   position: fixed;
   top: 0;