
 body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            display: flex;
            background-color: none;
            color: white;

tbody {
font-size: 10px;
}
thead {
background-color: none;
font-size: 12px;
}
/* Estilos generales para el contenedor y las secciones */
.container {
    display: flex; /* Usa flexbox para alinear las secciones */
    justify-content: space-between; /* Distribuye el espacio entre las secciones */
    align-items: flex-start; /* Alinea las secciones por la parte superior */
    width: 70%; /* Asegura que el contenedor ocupe todo el ancho disponible */
    padding: 10px; /* Añade un poco de espacio externo para mejorar la visualización */
    box-sizing: border-box; /* Incluye el padding y el border en el ancho total */
}

.section {
    box-sizing: border-box; /* Incluye el padding y el border en el ancho total */
    padding: 10px; /* Añade un poco de espacio interno para mejorar la visualización */
}

.left-section, .right-section {
    width: 25%; /* Ancho de las secciones izquierda y derecha */
}

.center-section {
    width: 50%; /* Ancho de la sección central */
    display: flex; /* Usa flexbox para alinear las imágenes */
    flex-direction: column; /* Alinea las imágenes en columna */
    align-items: center; /* Centra las imágenes horizontalmente */
margin-left: 40px;

}

.product-table {
    width: 100%; /* Asegura que la tabla ocupe todo el ancho de su contenedor */
    border-collapse: collapse; /* Elimina los bordes dobles entre celdas */
    margin-bottom: 20px; /* Añade un poco de espacio debajo de las tablas */
    font-family: verdana;
}

.product-table th, .product-table td {
    border: 0px solid #ddd; /* Añade bordes a las celdas de la tabla */
    padding: 8px; /* Añade espacio interno a las celdas */
    text-align: left; /* Alinea el texto a la izquierda */
}

.product-table th {
    background-color: none; /* Color de fondo para los encabezados */
}

.product-image {
    max-width: 100%; /* Asegura que la imagen no exceda el ancho de su contenedor */
    height: auto; /* Mantiene la proporción de la imagen */
}