.styled-table {
    border-collapse: collapse;
    margin: 25px auto; /* Centra la tabla */
    font-size: 0.95em;
    font-family: Arial, Helvetica, sans-serif;
    width: 90%;
    max-width: 900px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    background-color: #fff0f5; /* fondo general rosado muy claro */
}

.styled-table thead tr {
    background-color: #e07ba7; /* encabezado rosa más fuerte */
    color: #ffffff;
    text-align: center;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
    text-align: center;
    border: 1px solid #f5c4d9; /* bordes suaves rosa claro */
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #fce4ec; /* alterna filas rosa pastel */
}

.styled-table tbody tr:hover {
    background-color: #f8bbd0; /* efecto hover suave */
}

/* Imágenes dentro de la tabla */
.styled-table img {
    width: 100px;
    height: auto;
    object-fit: contain;
    border: 1px solid #d88fa2;
    padding: 2px;
    background-color: #ffffff;
    border-radius: 5px;
}