:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#161616;--border-subtle:#2a2a2a;--border-hover:#3a3a3a;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-muted:#666;--accent-white:#fff;--accent-rose:#e91e8c;--accent-blue:#2196f3;--accent-green:#4caf50;--accent-purple:#9c27b0;--accent-orange:#ff9800;--accent-gray:#757575;--status-draft:#616161;--status-pr:#e65100;--status-published:#2e7d32;--badge-cumple15:#880e4f;--badge-egresados:#0d47a1;--badge-buzos:#1b5e20;--badge-tarjeta:#4a148c;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 12px rgba(0,0,0,.6);--shadow-lg:0 8px 24px rgba(0,0,0,.7)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:.9375rem;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-wrapper{min-height:100vh;background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9375rem;font-family:inherit;padding:.625rem .875rem;transition:border-color .2s,background-color .2s;width:100%;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-hover);background-color:#1f1f1f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.form-textarea{min-height:100px;resize:vertical}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.form-row,.form-row-3{grid-template-columns:1fr}}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;letter-spacing:.01em;padding:.625rem 1.25rem;text-align:center;transition:background-color .15s,opacity .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--accent-white);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background-color:#e8e8e8}.btn-secondary{background-color:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);background-color:var(--bg-tertiary)}.btn-danger{background-color:transparent;border:1px solid #5a1a1a;color:#ef5350}.btn-danger:hover:not(:disabled){background-color:#1a0000}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn-lg{font-size:1rem;padding:.875rem 1.75rem}.btn-full{width:100%}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:380px;box-shadow:var(--shadow-lg)}.login-logo{text-align:center;margin-bottom:2rem}.login-logo h1{font-size:1.375rem;font-weight:700;letter-spacing:-.03em}.login-logo p{color:var(--text-muted);font-size:.8125rem;margin-top:.375rem}.login-error{background-color:#1a0000;border:1px solid #5a1a1a;border-radius:var(--radius-sm);color:#ef5350;font-size:.875rem;margin-bottom:1.25rem;padding:.75rem 1rem}.dashboard-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dashboard-header-brand{font-size:1rem;font-weight:700;letter-spacing:-.02em}.dashboard-header-actions{display:flex;align-items:center;gap:.75rem}.dashboard-main{padding:2rem 1.5rem;max-width:1200px;margin:0 auto}.dashboard-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dashboard-page-title{font-size:1.5rem;font-weight:700}.dashboard-page-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.table-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{background-color:var(--bg-tertiary);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-align:left;text-transform:uppercase}.table td,.table th{padding:.875rem 1rem}.table td{border-top:1px solid var(--border-subtle);font-size:.875rem;vertical-align:middle}.table tr:hover td{background-color:hsla(0,0%,100%,.02)}.table-actions{display:flex;align-items:center;gap:.5rem}.empty-state{padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.3}.badge{border-radius:9999px;display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.04em;padding:.25rem .625rem;text-transform:uppercase}.badge-cumple15{background-color:var(--badge-cumple15);color:#f8bbd0}.badge-egresados{background-color:var(--badge-egresados);color:#bbdefb}.badge-buzos{background-color:var(--badge-buzos);color:#c8e6c9}.badge-tarjeta{background-color:var(--badge-tarjeta);color:#e1bee7}.badge-draft{background-color:#2a2a2a;color:var(--text-muted)}.badge-pr_open{background-color:#2a1500;color:#ffcc02}.badge-published{background-color:#0a2a0a;color:#81c784}.type-selector{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}@media (max-width:640px){.type-selector{grid-template-columns:1fr}}.type-card{background-color:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:1.75rem 1.5rem;text-align:center;transition:border-color .2s,background-color .2s,transform .15s}.type-card:hover{border-color:var(--border-hover);background-color:var(--bg-tertiary);transform:translateY(-2px)}.type-card.selected{border-color:var(--accent-white);background-color:var(--bg-tertiary)}.type-card-icon{font-size:2rem;margin-bottom:.75rem}.type-card-title{font-size:1rem;font-weight:600;margin-bottom:.375rem}.type-card-desc{color:var(--text-muted);font-size:.8125rem}.form-section{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1.5rem;overflow:hidden}.form-section-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.25rem;text-transform:uppercase;color:var(--text-secondary)}.form-section-body{padding:1.25rem}.drive-input-row{display:flex;gap:.75rem;align-items:flex-start}.drive-input-row .form-input{flex:1 1}.drive-folder-confirmed{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem .875rem}.drive-folder-confirmed .folder-name{color:var(--text-primary);font-weight:500}.subfolders-list{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:.75rem;overflow:hidden}.subfolder-item{align-items:center;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;padding:.5rem .75rem}.subfolder-item:last-child{border-bottom:none}.subfolder-item:hover{background-color:var(--bg-tertiary)}.subfolder-drag-handle{color:var(--text-muted);cursor:-webkit-grab;cursor:grab;font-size:1.125rem;padding:0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.subfolder-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.subfolder-checkbox{accent-color:var(--text-primary);cursor:pointer;height:1rem;width:1rem;flex-shrink:0}.subfolder-path{color:var(--text-muted);font-size:.75rem;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subfolder-name-input{background-color:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.875rem;font-weight:500;padding:.25rem .5rem;width:140px;flex-shrink:0}.subfolder-name-input:focus{background-color:var(--bg-tertiary);border-color:var(--border-subtle);outline:none}.image-uploader{gap:.75rem}.image-uploader,.upload-dropzone{display:flex;flex-direction:column}.upload-dropzone{align-items:center;background-color:var(--bg-card);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;gap:.5rem;padding:1.5rem;text-align:center;transition:border-color .2s,background-color .2s}.upload-dropzone.dragover,.upload-dropzone:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover)}.upload-dropzone-icon{color:var(--text-muted);font-size:1.75rem}.upload-dropzone-text{color:var(--text-secondary);font-size:.875rem}.upload-dropzone-hint{color:var(--text-muted);font-size:.75rem}.image-slots-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5rem;gap:.5rem}@media (max-width:640px){.image-slots-grid{grid-template-columns:repeat(3,1fr)}}.image-slot{aspect-ratio:1;background-color:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6875rem;color:var(--text-muted);position:relative;overflow:hidden;cursor:pointer}.image-slot.filled{border-color:var(--border-hover);border-style:solid}.image-slot-number{font-size:.625rem;font-weight:600;position:absolute;bottom:4px;right:5px;background:rgba(0,0,0,.7);border-radius:2px;padding:1px 3px;z-index:1}.image-slot-preview{width:100%;height:100%;object-fit:cover}.image-slot-remove{background:rgba(0,0,0,.8);border:none;border-radius:50%;color:#ef5350;cursor:pointer;display:none;font-size:.875rem;height:1.25rem;line-height:1;position:absolute;right:3px;top:3px;width:1.25rem;z-index:2}.image-slot:hover .image-slot-remove{display:flex;align-items:center;justify-content:center}.nueva-page{padding:2rem 1.5rem;max-width:900px;margin:0 auto}.nueva-header{gap:1rem;margin-bottom:2rem}.nueva-back,.nueva-header{display:flex;align-items:center}.nueva-back{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:.375rem;transition:color .15s}.nueva-back:hover{color:var(--text-primary)}.nueva-form-actions{display:flex;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.dynamic-list{display:flex;flex-direction:column;gap:.5rem}.dynamic-list-item{display:flex;gap:.5rem;align-items:center}.dynamic-list-item .form-input{flex:1 1}.modal-overlay{background:rgba(0,0,0,.85);bottom:0;display:flex;align-items:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-width:900px;width:95vw;max-height:90vh}.modal-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-body{flex:1 1;overflow:hidden}.modal-body iframe{border:none;height:100%;min-height:500px;width:100%}.modal-footer{border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem}.loading-spinner{animation:spin .7s linear infinite;border:2px solid var(--border-subtle);border-top-color:var(--text-primary);border-radius:50%;display:inline-block;height:1rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.alert{border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.alert-error{background-color:#1a0000;border:1px solid #5a1a1a;color:#ef5350}.alert-success{background-color:#001a00;border:1px solid #1a5a1a;color:#81c784}.alert-info{background-color:#001020;border:1px solid #0d2a4a;color:#64b5f6}.color-picker-row{display:flex;align-items:center;gap:.75rem}.color-preview{border-radius:var(--radius-sm);width:2.25rem;flex-shrink:0}.color-preview,input[type=color]{border:1px solid var(--border-subtle);height:2.25rem}input[type=color]{background-color:transparent;border-radius:var(--radius-sm);cursor:pointer;padding:.125rem;width:3rem}.divider{border:none;border-top:1px solid var(--border-subtle);margin:1.5rem 0}@media (max-width:768px){.dashboard-main,.nueva-page{padding:1rem}.table-wrapper{overflow-x:auto}.table{min-width:700px}.dashboard-page-header{flex-direction:column;align-items:flex-start;gap:1rem}}