@charset "UTF-8";
.tab-container {
   display: flex;
   align-items: flex-start;
   margin-top: 20px;
   font-family: Arial, sans-serif;
}
/* Estilo del menú lateral */
.tabs-left {
   width: 20%;
   display: flex;
   flex-direction: column;
   border-right: 1px solid #ccc;
            }
.tab-button {
   background-color: #f1f1f1;
   color: black;
   padding: 15px 16px;
   width: 100%;
   border: 1px solid #ccc;
   border-bottom: none;
   outline: none;
   text-align: left;
   cursor: pointer;
   font-size: 16px;
   transition: 0.2s;
 }
.tab-button:last-child {
   border-bottom: 1px solid #ccc;
}
.tab-button:hover {
   background-color: #ddd;
}
 /* Botón activo (fusionado con el contenido) */
.tab-button.active {
   background-color: #fff;
   font-weight: bold;
   border-right: 1px solid #fff; 
   margin-right: -1px;
 }
 /* Contenedor del contenido */
.tab-content {
   width: 80%;
   padding: 0px 20px;
   display: none; 
            }
.contenedor-centrado {
/* Propiedades para centrar el div en la pantalla */
width: 50%;
margin: 0 auto;
 /* Propiedad para centrar el texto dentro del div */
text-align: center;
}