Recursos varios

Recursos/Bloques Web/css/header.css

@@ -0,0 +1,125 @@
+@charset "UTF-8";
+* {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  text-decoration: none;
+  border: none;
+  outline: none;
+}
+
+#main_header {
+  display: flex;
+  justify-content: space-between;
+  align-items: end;
+  position: sticky;
+  top: 0;
+  background-color: gray;
+  padding: 0.5em;
+  border-bottom: 3px solid rgb(92, 92, 92);
+  box-shadow: 0px 10px 20px gray;
+}
+
+#main_header > img {
+  width: 150px;
+  height: 50px;
+}
+
+hr {
+  margin: 1em 0;
+  border: 2px solid black;
+}
+
+/********************************/
+/* formato horizontal con Float */
+/********************************/
+.menu {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu li {
+  float: left;
+  margin: 0 5px;
+}
+
+
+/*******************************/
+/* formato horizontal con Flex */
+/*******************************/
+/* .menu {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: space-around;
+}
+
+.menu li {
+    margin: 0 5px;
+} */
+
+.menu a {
+  font-size: 1.5em;
+  text-decoration: none;
+  color: #333;
+}
+
+p {
+  width: 50%;
+  margin: left;
+  font-size: large;
+}
+
+h2 {
+  font-size: 2em;
+  margin-bottom: 0.5em;
+}
+
+/*******************************************/
+/* Metodo sin alterar padding-top ni margin*/
+/*******************************************/
+#home,
+#enlace1,
+#enlace2,
+#enlace3 {
+  scroll-margin-top: 80px;
+}
+
+@media (max-width: 500px) {
+  /********************************/
+  /* formato vertical con Float */
+  /********************************/
+  .menu {
+    text-align: left;
+  }
+  .menu li {
+    list-style-type: square;
+    clear: left;
+  }
+  .menu a {
+    font-size: 1em;
+  }
+
+  /********************************/
+  /* formato vertical con Flex    */
+  /********************************/
+  /* .menu {
+    display: block;
+    text-align: left;
+  }
+  .menu li {
+    list-style-type: square;
+  }
+  .menu a {
+    font-size: 1em;
+  }
+
+  #home,
+  #enlace1,
+  #enlace2,
+  #enlace3 {
+    scroll-margin-top: 100px;
+  } */
+}

Recursos/Bloques Web/css/tables.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+* {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  text-decoration: none;
+  border: none;
+  outline: none;
+}
+
+.table_base {
+  width: 80%;
+  margin: auto;
+  border-collapse: collapse;
+  margin: 20px auto 20px auto;
+}
+.table_base th, .table_base td {
+  border: 1px solid #ddd; /* Añade bordes de 1 píxel de ancho y color gris claro */
+  padding: 8px;
+  text-align: left;
+}
+
+.table_base th {
+  background-color: #f2f2f2;
+}
+
+.table_base tfoot {
+  font-weight: bold;
+}
+
+
+.colrowspan{
+    width: 80%;
+    margin: auto;
+    border-collapse: collapse;
+    margin: 20px auto 20px auto;
+}
+.colrowspan th, .colrowspan td {
+    border: 2px solid black; /* Añade bordes de 1 píxel de ancho y color gris claro */
+    padding: 8px;
+    text-align: center;
+    height: 80px;
+  }
+