.custom-lists-container {
    display: flex;
    justify-content: space-between;
    background-color: #f4f4f4;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 4px 10px 2px rgba(0,0,0,.14);
}

.ventajas, .desventajas {
    width: 48%;
}

.titventajas {
    text-align: center; /* Centrar el texto */
    font-weight: bold;
    color: green;
}

.titdesventajas {
    text-align: center; /* Centrar el texto */
    font-weight: bold;
    color: red;
}

.check-list li,
.x-list li {
    list-style: none; /* Eliminar el marcador predeterminado */
    position: relative;
}

.check-list li:before,
.x-list li:before {
    content: "\2713"; /* Símbolo de marca de verificación o cruz */
    position: absolute;
    left: -1.6em; /* Ajustar la posición del símbolo */
    font-weight: bold; /* Hacer el icono más grueso */
}

.x-list li:before {
    content: "\2717"; /* Símbolo de cruz */
    color: red;
}

.check-list li:before {
    color: green;
}

/* Consulta de medios para pantallas más pequeñas (móviles) */
@media only screen and (max-width: 768px) {
    .custom-lists-container {
        flex-direction: column; /* Cambiar a disposición de columna en pantallas más pequeñas */
    }

    .ventajas, .desventajas {
        width: 100%; /* Ocupar todo el ancho en pantallas más pequeñas */
        margin-bottom: 20px; /* Espaciado entre ventajas y desventajas */
    }
}