@graymice

Descripción de la imagen 1.

/* Lightbox fondo */ .lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; align-items: center; justify-content: center; z-index: 999; } .lightbox:target { display: flex; } /* Contenido del lightbox */ .lightbox-content { background: white; max-width: 90%; max-height: 90%; padding: 1rem; border-radius: 8px; overflow: auto; box-shadow: 0 0 20px rgba(0,0,0,0.5); text-align: center; } /* Imagen grande */ .lightbox-content img { max-width: 100%; height: auto; margin-bottom: 1rem; } /* Botón cerrar */ .close { position: absolute; top: 1rem; right: 1.5rem; font-size: 2rem; color: white; text-decoration: none; } /* Comentario */ .comment-box { display: flex; flex-direction: column; align-items: stretch; gap: 0.5rem; } .comment-box label { font-weight: bold; } .comment-box textarea { resize: none; height: 80px; padding: 0.5rem; font-family: sans-serif; border: 1px solid #ccc; border-radius: 4px; } .comment-box button { padding: 0.5rem; background-color: #BCA3C7; border: none; color: white; border-radius: 4px; cursor: pointer; } .comment-box button:hover { background-color: #a98cb9; }