Merge branch 'master' of https://github.com/olga3emes/IIernaStaff

css/TCAE.css

@@ -1,4 +1,34 @@
-.tab {
+body {
+  background-position: center;
+  background-image: url("../Resources/img/cosasTCAE/fondo.jpg");
+  background-repeat: repeat;
+
+}
+
+.background-img {
+
+  background-repeat: repeat;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  opacity: 0.5;
+}
+
+/* Estilo para el contenedor de las tarjetas */
+.card-container {
+  position: relative;
+  z-index: 1; /* Asegura que las tarjetas estén por encima de la imagen de fondo */
+}
+
+.card {
+  width: 600px; /* Ancho aumentado */
+  max-width: 90%; /* Para que no exceda el ancho de la pantalla en dispositivos pequeños */
+  border: 1px solid #ace8e9;
+  border-radius: 15px; /* Bordes redondeados */
+  margin: 20px auto;
   cursor: pointer;
 }
 

js/TCAE.js

@@ -1,16 +1,13 @@
-document.addEventListener("DOMContentLoaded", function() {
-    var tabs = document.querySelectorAll(".tab");
-    tabs.forEach(function(tab) {
-      tab.addEventListener("click", function() {
-        var tabId = this.getAttribute("data-tab");
-        var infoTabs = document.querySelectorAll(".info");
-        infoTabs.forEach(function(infoTab) {
-          if (infoTab.getAttribute("id") === tabId) {
-            infoTab.style.display = "block";
-          } else {
-            infoTab.style.display = "none";
-          }
-        });
-      });
-    });
-  });
+"use strict"
+
+function toggleCardBody(cardId) {
+  // Ocultar todas las tarjetas
+  var cards = document.querySelectorAll('.card-body');
+  cards.forEach(function(card) {
+      card.style.display = 'none';
+  });
+
+  // Mostrar la tarjeta seleccionada
+  var selectedCard = document.querySelector('#' + cardId);
+  selectedCard.style.display = 'block';
+}