.works {
    padding: 2rem 2rem;
    background-color: #F6BB5C;
}

.works-container {
    max-width: 1200px;
    margin: 0 auto;
}

.work-content {
    /* Removido display: flex y gap, ya no es necesario */
}

.work-info {
    /* Removido flex: 1, ya no es necesario */
    color: #964508; /* Aplicar color de texto general */
}

.work-info p {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem; /* Espacio entre párrafos */
}

.work-info ul {
    list-style: disc; /* Estilo de lista más estándar */
    margin-left: 20px; /* Indentación para la lista */
    margin-bottom: 1.5rem;
}

.work-info ul li {
    margin-bottom: 0.8rem;
    font-size: 1.1rem; /* Asegurar tamaño de fuente consistente */
    line-height: 1.6;
}

.work-images-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.work-images-gallery img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Ya no se necesita .works-selector, .work-select, .work-title, .work-details, .work-description, .work-achievements, .work-image */

@media (min-width: 769px) {
    .work-content {
        display: flex;
        gap: 2.5rem; /* Espacio entre texto y galería */
        align-items: flex-start; /* Alinea los items al inicio */
    }
    .work-info {
        flex: 3; /* El texto ocupa más espacio */
    }
    .work-images-gallery {
        flex: 2; /* La galería ocupa menos espacio */
        margin-top: 0; /* Eliminar el margen superior en desktop */
    }
}

@media (max-width: 768px) {
    .work-content {
        /* Ya no se necesita flex-direction y gap */
    }

    .work-info p,
    .work-info ul li {
        font-size: 1rem; /* Ajustar tamaño de fuente para móviles */
    }
    /* Ya no se necesita .works-selector, .work-title, .work-details, .work-image */
}