body {
     background-color: #0f172a;
     background-image:
         radial-gradient(at 0% 0%, rgba(34, 197, 94, 0.1) 0px, transparent 50%),
         radial-gradient(at 100% 0%, rgba(59, 130, 246, 0.1) 0px, transparent 50%),
         radial-gradient(at 100% 100%, rgba(34, 197, 94, 0.05) 0px, transparent 50%);
     background-attachment: fixed;
 }

 #comprar {
     width: 100%;
     height: auto;
     display: none;

 }


 .glass-panel {
     background: rgba(30, 41, 59, 0.6);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
     border: 1px solid rgba(255, 255, 255, 0.08);
 }

 .glass-nav {
     background: rgba(15, 23, 42, 0.8);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .input-field {
     background: rgba(15, 23, 42, 0.8);
     border: 1px solid rgba(148, 163, 184, 0.2);
     transition: all 0.3s ease;
 }

 .input-field:focus {
     border-color: #22c55e;
     box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
     outline: none;
 }

 .file-drop-zone {
     border: 2px dashed rgba(148, 163, 184, 0.3);
     transition: all 0.3s ease;
 }

 .file-drop-zone:hover,
 .file-drop-zone.dragover {
     border-color: #22c55e;
     background: rgba(34, 197, 94, 0.05);
 }

 .accordion-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease-out, padding 0.3s ease;
 }

 .accordion-content.active {
     max-height: 200px;
 }