@charset "UTF-8";body{margin:0;padding:0;font-family:Arial,sans-serif;background-image:url(/assets/back-general.jpg);background-color:#333;background-size:cover;background-attachment:fixed;background-position:bottom;background-repeat:no-repeat;color:#333;width:100%;box-sizing:content-box}body .solo_movil{display:none}body .color-amarillo{color:#f7dc6f}body .margin-main{margin:30px 0}@media (max-width: 768px){body .solo_movil{display:block}body .margin-main{margin:30px 20px}}body .header{text-align:center}body .paraHeaderObras,body .paraHeaderArtist,body .paraHeaderRGaleria{text-align:left;color:#fff}body h1{color:#fff}body tr{color:#ffbdc4}body h2,body h3{color:#fff}body .registro-btn{background-color:#dc354530;border:1px solid #ff0000;width:100%;margin-top:30px}body .registro-btn:hover{background-color:#bd2130}body .submit-btn{background-color:#d9ff0042;border:1px solid #000000;width:100%;margin-top:30px}body .submit-btn:hover{background-color:#8fcc00}body .logout-btn{background-color:#dc354530;border:1px solid #ff0000}body .logout-btn:hover{background-color:#bd2130}body .back-btn{background-color:#00000030;border:1px solid #000000}body .back-btn:hover{background-color:#545b62}body .edit-artist-btn,body .edit-gallery-btn{background-color:#00000030;border:1px solid #15ff00}body .edit-artist-btn:hover,body .edit-gallery-btn:hover{background-color:#545b62}body .add-artwork-btn,body .register-artist-btn{background-color:#00000030;border:1px solid #0077ff}body .add-artwork-btn:hover,body .register-artist-btn:hover{background-color:#545b62}body .user-dashboard-container,body .gallery-dashboard-container,body .textos-general-container{padding:30px;margin:30px auto;max-width:800px;background-color:#f9f9f940;border-radius:12px;box-shadow:0 5px 15px #0000001a;font-family:Arial,sans-serif}.buttons-section{display:flex;flex-wrap:wrap;gap:10px;justify-content:left}.logout-btn,.back-btn,.edit-artist-btn,.add-artwork-btn,.edit-gallery-btn,.register-artist-btn,.registro-btn{display:inline-block;margin:0;padding:10px 20px;color:#fff;border-radius:6px;cursor:pointer;transition:background-color .3s,transform .2s}.logout-btn:hover,.back-btn:hover,.edit-artist-btn:hover,.add-artwork-btn:hover,.edit-gallery-btn:hover,.register-artist-btn:hover,.registro-btn:hover{background-color:#bd2130;transform:translateY(-2px);border-color:#f1f1f1}.artists-table,.galleries-table,.artworks-table{table-layout:fixed;width:100%;border-collapse:collapse;margin-top:20px;text-align:right}.artists-table tr,.galleries-table tr,.artworks-table tr{text-align:center}.artists-table th,.artists-table td,.galleries-table th,.galleries-table td,.artworks-table th,.artworks-table td{padding:10px;border-bottom:1px solid #e0e0e0;text-align:left}.artists-table th:first-child,.artists-table td:first-child,.galleries-table th:first-child,.galleries-table td:first-child,.artworks-table th:first-child,.artworks-table td:first-child{padding-left:10px}.artists-table th:last-child,.artists-table td:last-child,.galleries-table th:last-child,.galleries-table td:last-child,.artworks-table th:last-child,.artworks-table td:last-child{padding-right:10px;text-align:right}.artists-table th,.galleries-table th,.artworks-table th{background-color:#00000010;color:#fff}.artists-table .thumbnail,.galleries-table .thumbnail,.artworks-table .thumbnail{width:50px;height:50px;object-fit:cover;border-radius:6px}.artists-table .edit-btn,.artists-table .delete-btn,.galleries-table .edit-btn,.galleries-table .delete-btn,.artworks-table .edit-btn,.artworks-table .delete-btn{padding:8px 12px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 3px 6px #0000001a;margin:0 5px}.artists-table .edit-btn:hover,.artists-table .delete-btn:hover,.galleries-table .edit-btn:hover,.galleries-table .delete-btn:hover,.artworks-table .edit-btn:hover,.artworks-table .delete-btn:hover{transform:translateY(-2px)}.artists-table .edit-btn,.galleries-table .edit-btn,.artworks-table .edit-btn{background-color:#007bff}.artists-table .edit-btn:hover,.galleries-table .edit-btn:hover,.artworks-table .edit-btn:hover{background-color:#0062cc}.delete-btn{background-color:#dc3545}.delete-btn:hover{background-color:#bd2130}@media (max-width: 768px){.paraHeaderObras,.paraHeaderArtist,.paraHeaderRGaleria{text-align:left;color:#fff;font-size:20px;margin-bottom:25px}.logout-btn,.back-btn,.edit-artist-btn,.add-artwork-btn{display:block;padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s,transform .2s;width:100%}.logout-btn:hover,.back-btn:hover,.edit-artist-btn:hover,.add-artwork-btn:hover{background-color:#bd2130;transform:translateY(-2px)}}.register-gallery-container,.register-artist-container,.register-artwork-container{padding:30px;margin:30px auto;max-width:800px;background-color:#f9f9f940;border-radius:12px;box-shadow:0 5px 15px #0000001a;font-family:Arial,sans-serif}.register-gallery-container h2,.register-gallery-container h3,.register-artist-container h2,.register-artist-container h3,.register-artwork-container h2,.register-artwork-container h3{text-align:left;color:#fff;margin-bottom:20px}.register-gallery-container form,.register-artist-container form,.register-artwork-container form{display:flex;flex-direction:column;gap:15px}.register-gallery-container form .mg-top-10,.register-artist-container form .mg-top-10,.register-artwork-container form .mg-top-10{margin-top:10px}.register-gallery-container form small,.register-artist-container form small,.register-artwork-container form small{color:#fd9797;font-style:italic}.register-gallery-container form .form-group,.register-artist-container form .form-group,.register-artwork-container form .form-group{display:flex;flex-direction:column}.register-gallery-container form .form-group label,.register-artist-container form .form-group label,.register-artwork-container form .form-group label{margin-bottom:5px;color:#fff}.register-gallery-container form .form-group input,.register-gallery-container form .form-group textarea,.register-gallery-container form .form-group select,.register-artist-container form .form-group input,.register-artist-container form .form-group textarea,.register-artist-container form .form-group select,.register-artwork-container form .form-group input,.register-artwork-container form .form-group textarea,.register-artwork-container form .form-group select{width:100%;padding:10px;border-radius:6px;border:1px solid #e0e0e0;box-sizing:border-box;font-size:14px}.register-gallery-container form .form-group input:focus,.register-gallery-container form .form-group textarea:focus,.register-gallery-container form .form-group select:focus,.register-artist-container form .form-group input:focus,.register-artist-container form .form-group textarea:focus,.register-artist-container form .form-group select:focus,.register-artwork-container form .form-group input:focus,.register-artwork-container form .form-group textarea:focus,.register-artwork-container form .form-group select:focus{border-color:#007bff;outline:none}.register-gallery-container form .form-group textarea,.register-artist-container form .form-group textarea,.register-artwork-container form .form-group textarea{resize:vertical}.register-gallery-container form button[type=submit],.register-artist-container form button[type=submit],.register-artwork-container form button[type=submit]{margin-top:20px;padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s,transform .2s}.register-gallery-container form button[type=submit]:hover,.register-artist-container form button[type=submit]:hover,.register-artwork-container form button[type=submit]:hover{background-color:#1e7e34;transform:translateY(-2px)}.register-gallery-container .avatar-preview,.register-artist-container .avatar-preview,.register-artwork-container .avatar-preview{margin-top:10px;display:flex;justify-content:center}.register-gallery-container .avatar-preview img,.register-artist-container .avatar-preview img,.register-artwork-container .avatar-preview img{width:300px;height:300px;object-fit:cover;border-radius:50%;border:2px solid #ccc}.register-gallery-container .photos-masonry,.register-artist-container .photos-masonry,.register-artwork-container .photos-masonry{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.register-gallery-container .photos-masonry .photo-container,.register-artist-container .photos-masonry .photo-container,.register-artwork-container .photos-masonry .photo-container{position:relative}.register-gallery-container .photos-masonry .photo-container img,.register-artist-container .photos-masonry .photo-container img,.register-artwork-container .photos-masonry .photo-container img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s}.register-gallery-container .photos-masonry .photo-container img:hover,.register-artist-container .photos-masonry .photo-container img:hover,.register-artwork-container .photos-masonry .photo-container img:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.register-gallery-container .photos-masonry .photo-container button,.register-artist-container .photos-masonry .photo-container button,.register-artwork-container .photos-masonry .photo-container button{position:absolute;top:10px;right:10px;background-color:#dc3545;color:#fff;border:none;border-radius:50%;padding:5px;cursor:pointer;transition:background-color .3s,transform .2s}.register-gallery-container .photos-masonry .photo-container button:hover,.register-artist-container .photos-masonry .photo-container button:hover,.register-artwork-container .photos-masonry .photo-container button:hover{background-color:#bd2130;transform:translateY(-2px)}.register-gallery-container .modal,.register-artist-container .modal,.register-artwork-container .modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000}.register-gallery-container .modal .modal-content,.register-artist-container .modal .modal-content,.register-artwork-container .modal .modal-content{position:relative;margin-right:15px;width:100%;max-width:800px;height:auto;max-height:90%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border-radius:12px;box-shadow:0 4px 8px #00000080}.register-gallery-container .modal .modal-content .modal-image,.register-artist-container .modal .modal-content .modal-image,.register-artwork-container .modal .modal-content .modal-image{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:8px}.register-gallery-container .modal .modal-content .close-btn,.register-artist-container .modal .modal-content .close-btn,.register-artwork-container .modal .modal-content .close-btn{position:absolute;top:10px;right:10px;font-size:24px;color:#fff;cursor:pointer;transition:color .3s}.register-gallery-container .modal .modal-content .close-btn:hover,.register-artist-container .modal .modal-content .close-btn:hover,.register-artwork-container .modal .modal-content .close-btn:hover{color:red}@media (max-width: 1024px){.register-gallery-container,.register-artist-container,.register-artwork-container{padding:20px}.register-gallery-container .modal-content,.register-artist-container .modal-content,.register-artwork-container .modal-content{width:70%;max-width:500px}.register-gallery-container form .form-group label,.register-artist-container form .form-group label,.register-artwork-container form .form-group label{font-size:.9rem}.register-gallery-container form .form-group input,.register-gallery-container form .form-group textarea,.register-gallery-container form .form-group select,.register-artist-container form .form-group input,.register-artist-container form .form-group textarea,.register-artist-container form .form-group select,.register-artwork-container form .form-group input,.register-artwork-container form .form-group textarea,.register-artwork-container form .form-group select{font-size:15px;padding:8px}.register-gallery-container form button[type=submit],.register-artist-container form button[type=submit],.register-artwork-container form button[type=submit]{font-size:.9rem;padding:8px 16px}.register-gallery-container .avatar-preview img,.register-artist-container .avatar-preview img,.register-artwork-container .avatar-preview img{width:250px;height:250px}.register-gallery-container .photos-masonry,.register-artist-container .photos-masonry,.register-artwork-container .photos-masonry{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.register-gallery-container .photos-masonry .photo-container img,.register-artist-container .photos-masonry .photo-container img,.register-artwork-container .photos-masonry .photo-container img{border-radius:6px}.register-gallery-container .modal .modal-content .modal-image,.register-artist-container .modal .modal-content .modal-image,.register-artwork-container .modal .modal-content .modal-image{border-radius:8px}}@media (max-width: 768px){.register-gallery-container,.register-artist-container,.register-artwork-container{padding:15px}.register-gallery-container .modal-content,.register-artist-container .modal-content,.register-artwork-container .modal-content{width:90%;max-width:400px}.register-gallery-container h2,.register-gallery-container h3,.register-artist-container h2,.register-artist-container h3,.register-artwork-container h2,.register-artwork-container h3{font-size:1.5rem}.register-gallery-container form,.register-artist-container form,.register-artwork-container form{gap:10px}.register-gallery-container form .avatar-preview img,.register-artist-container form .avatar-preview img,.register-artwork-container form .avatar-preview img{width:200px;height:200px}.register-gallery-container form .photos-masonry,.register-artist-container form .photos-masonry,.register-artwork-container form .photos-masonry{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.register-gallery-container form .photos-masonry .photo-container img,.register-artist-container form .photos-masonry .photo-container img,.register-artwork-container form .photos-masonry .photo-container img{border-radius:4px}.register-gallery-container form .photos-masonry .photo-container button,.register-artist-container form .photos-masonry .photo-container button,.register-artwork-container form .photos-masonry .photo-container button{padding:4px}.register-gallery-container form .modal .modal-content .modal-image,.register-artist-container form .modal .modal-content .modal-image,.register-artwork-container form .modal .modal-content .modal-image{border-radius:6px;padding:0;box-sizing:border-box}}