diff --git a/lib/BloC/contenedores_event.dart b/lib/BloC/contenedores_event.dart
index 8db78d2..0edc2a5 100644
--- a/lib/BloC/contenedores_event.dart
+++ b/lib/BloC/contenedores_event.dart
@@ -15,6 +15,26 @@ class MyBloc extends Cubit<MyState> {
   MyBloc() : super(MyState());
 
 }
+//mejorar código 
+Future<List<String>> obtenerDatos(String url) async {
+    final response = await http.get(Uri.parse('http://www.crcivan.com/escaparate/noticias.cgi?idnoticias=192683'));
+    if (response.statusCode == 200) {
+      final document = htmlParser.parse(response.body);
+      final elementosSpan = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr > td > span');
+      List<String> embalsesData = [];
+
+      for (var elemento in elementosSpan) {
+        final style = elemento.attributes['style'];
+        if (style != null && style.contains('color: #000000; font-size: 12pt;')) {
+          embalsesData.add(elemento.text);
+        }
+      }
+
+      return embalsesData;
+    } else {
+      throw Exception('Error al cargar los datos de embalses');
+    }
+  }
 
 Future<void> launchAemetURL() async {
 	const urlString = 'https://www.aemet.es/es/eltiempo/prediccion/municipios/caspe-id50074';
diff --git a/lib/pages/embalses b/lib/pages/embalses
index 1d0410a..11fce55 100644
--- a/lib/pages/embalses
+++ b/lib/pages/embalses
@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:http/http.dart' as http;
 import 'package:html/parser.dart' as htmlParser;
-import 'package:html/dom.dart' as htmlDom;
 import 'package:flutter_project/bars/app_bar';
 import 'package:flutter_project/bars/bottom_bar';
 
@@ -13,8 +12,7 @@ class EmbalsesPage extends StatefulWidget {
 }
 
 class _EmbalsesPageState extends State<EmbalsesPage> {
-  List<String> embalsesData = [];
-
+List<Map<String, dynamic>> embalsesData = [];
   @override
   void initState() {
     super.initState();
@@ -28,108 +26,138 @@ class _EmbalsesPageState extends State<EmbalsesPage> {
 
       // Buscar los elementos <span> dentro de la estructura específica
       final elementosSpan = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr > td > span');
-
+      final nombreEmbalses = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr > td > p > span');
+      
+      final filaTabla = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr');
       // Limpiar la lista de datos antes de actualizarla
       setState(() {
         embalsesData.clear();
-      });
+      });   
+
+     /* for (var i = 0; i < filaTabla.length; i++){
+        var nombre[i] = filaTabla.child('td > p > span');
+        List elemento[i] = filaTabla.child('td > span');
+        embalseData.add(nombre, elemento);
+      }*/
 
       // Agregar textos de los elementos <span> a la lista
-      for (var elemento in elementosSpan) {
+  /*  for (var i = 0; i < elementosSpan.length; i++) {
+        final elemento = elementosSpan[i];
         final style = elemento.attributes['style'];
-        if (style != null && style.contains('color: #000000; font-size: 12pt;')) {
+        if (style != null && style.contains('font-size: 12pt;')) {
           setState(() {
-            embalsesData.add(elemento.text);
+            // Verificar si el índice es válido antes de agregar los datos a embalsesData
+            if (i < nombreEmbalses.length) {
+              embalsesData.add({
+                'nombre': nombreEmbalses[i].text,
+                'otroTexto': elemento.text,
+              });
+            }
           });
         }
-      }
+      } */
+
+  for (var fila in filaTabla) {
+  var nombreElemento = fila.querySelector('td > p > span');
+  var elementos = fila.querySelectorAll('td > span');
+
+  if (nombreElemento != null && elementos.isNotEmpty) {
+    var nombre = nombreElemento.text;
+    var listaElementos = elementos.map<String>((elemento) => elemento.text).toList();
+
+    // Crear un mapa con el nombre del embalse y sus elementos
+    var embalseMap = {'nombre': nombre, 'elementos': listaElementos};
+
+    // Agregar el mapa a la lista de embalsesData
+    setState(() {
+      embalsesData.add(embalseMap);
+    });
+  }
+}
+
+
     } else {
       throw Exception('Error al cargar los datos de embalses');
     }
+
   }
 
- @override
-Widget build(BuildContext context) {
-  return Scaffold(
-    appBar: const CustomAppBar(),
-    body: Stack(
-      children: [
-        // Fondo con la imagen
-        Positioned.fill(
-          child: Image(
-            image: AssetImage('assets/logo-fondo.png'),
-            fit: BoxFit.cover,
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const CustomAppBar(),
+      body: Stack(
+        children: [
+          // Fondo con la imagen
+          Positioned.fill(
+            child: Image(
+              image: AssetImage('assets/logo-fondo.png'),
+              fit: BoxFit.cover,
+            ),
           ),
-        ),
-        Padding(
-          padding: const EdgeInsets.all(8.0),
-          child: ListView.builder(
-            itemCount: embalsesData.length,
-            itemBuilder: (context, index) {
-              final embalse = embalsesData[index];
-              return Padding(
-                padding: const EdgeInsets.only(bottom: 8.0),
-                child: Container(
-                  decoration: BoxDecoration(
-                    color: Colors.white,
-                    borderRadius: BorderRadius.circular(10.0),
-                  ),
-                  child: Column(
-                    children: [
-                      Row(
-                        children: [
-                          Expanded(
-                            child: Padding(
-                              padding: const EdgeInsets.all(8.0),
-                              child: Text(
-                                embalse,
-                                style: TextStyle(
-                                  fontWeight: FontWeight.bold,
-                                ),
-                              ),
-                            ),
-                          ),
-                        ],
-                      ),
-                      Row(
-                        children: [
-                          Expanded(
-                            child: Padding(
-                              padding: const EdgeInsets.symmetric(horizontal: 8.0),
-                              child: Text(
-                                'Valor 1',
-                              ),
-                            ),
-                          ),
-                          Expanded(
-                            child: Padding(
-                              padding: const EdgeInsets.symmetric(horizontal: 8.0),
-                              child: Text(
-                                'Valor 2',
-                              ),
-                            ),
-                          ),
-                          Expanded(
-                            child: Padding(
-                              padding: const EdgeInsets.symmetric(horizontal: 8.0),
-                              child: Text(
-                                'Valor 3',
-                              ),
-                            ),
-                          ),
-                        ],
-                      ),
-                    ],
-                  ),
-                ),
-              );
-            },
-          ),
-        ),
-      ],
-    ),
-    bottomNavigationBar: const CustomBottomBar(),
-  );
-}
+          Padding(
+  padding: const EdgeInsets.all(8.0),
+  child: ListView.builder(
+    itemCount: embalsesData.length,
+    itemBuilder: (context, index) {
+      final embalseData = embalsesData[index];
+      final nombreEmbalse = embalseData['nombre'];
+      final listaElementos = embalseData['elementos'];
 
+      return Padding(
+        padding: const EdgeInsets.only(bottom: 8.0),
+        child: Container(
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(10.0),
+          ),
+          child: Column(
+            children: [
+              Row(
+                children: [
+                  Expanded(
+                    child: Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: Text(
+                        nombreEmbalse!,
+                        style: TextStyle(
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                children: [
+                  Expanded(
+                    child: Padding(
+                      padding: const EdgeInsets.symmetric(horizontal: 8.0),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: listaElementos.map<Widget>((elemento) {
+                          return Text(
+                            elemento,
+                            style: TextStyle(
+                              fontWeight: FontWeight.normal,
+                            ),
+                          );
+                        }).toList(),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      );
+    },
+  ),),
+  ],
+),
+
+      bottomNavigationBar: const CustomBottomBar(),
+    );
+  }
 }