:root{--color-negro: #000000;--color-blanco: #ffffff;--color-gris: #686b6f;--color-gris-oscuro: #333c3e;--color-naranja: #FFA500;--color-verde: #d2ec3b;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-blanco);color:var(--color-negro);line-height:1.6}.app-container{min-height:100vh;background:linear-gradient(135deg,var(--color-gris-oscuro) 0%,var(--color-gris) 100%)}.header{background-color:var(--color-gris-oscuro);color:var(--color-blanco);padding:1rem 0;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--color-naranja)}.nav{display:flex;gap:1rem}.nav-link{color:var(--color-blanco);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease}.nav-link:hover{background-color:var(--color-gris)}.nav-link.active{background-color:var(--color-naranja)}.main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.card{background-color:var(--color-blanco);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;margin-bottom:2rem}.card-header{border-bottom:2px solid var(--color-gris);padding-bottom:1rem;margin-bottom:2rem}.card-title{font-size:1.8rem;color:var(--color-gris-oscuro);margin-bottom:.5rem}.card-subtitle{color:var(--color-gris);font-size:1rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-gris-oscuro)}.form-label.required:after{content:" *";color:var(--color-naranja)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:2px solid var(--color-gris);border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-naranja)}.form-textarea{resize:vertical;min-height:100px}.form-file{width:100%;padding:.5rem;border:2px dashed var(--color-gris);border-radius:4px;background-color:#f9f9f9;cursor:pointer;transition:border-color .3s ease}.form-file:hover{border-color:var(--color-naranja)}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--color-naranja);color:var(--color-blanco)}.btn-primary:hover{background-color:#e6940a;transform:translateY(-2px)}.btn-secondary{background-color:var(--color-gris);color:var(--color-blanco)}.btn-secondary:hover{background-color:var(--color-gris-oscuro)}.btn-success{background-color:var(--color-verde);color:var(--color-negro)}.btn-success:hover{background-color:#bfd632}.btn-danger{background-color:#dc3545;color:var(--color-blanco)}.btn-danger:hover{background-color:#c82333}.btn-disabled{opacity:.6;cursor:not-allowed}.btn-disabled:hover{transform:none}.btn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.form-check{display:flex;align-items:center;margin-bottom:.5rem}.form-check-input{margin-right:.5rem}.familia-group{border:2px solid var(--color-gris);border-radius:8px;padding:1.5rem;margin-bottom:1rem;background-color:#f8f9fa}.familia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.familia-title{font-weight:700;color:var(--color-gris-oscuro)}.btn-remove{background-color:var(--color-naranja);color:var(--color-blanco);border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid var(--color-gris);border-top:4px solid var(--color-naranja);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.main-content,.card{padding:1rem}.card-title{font-size:1.5rem}.btn-grid{grid-template-columns:1fr}.familia-header{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.form-input,.form-select,.form-textarea{font-size:16px}.card-title{font-size:1.3rem}.btn{padding:1rem;font-size:1.1rem}}@media print{.header,.nav,.btn{display:none!important}.card{box-shadow:none;border:1px solid var(--color-negro)}.main-content{max-width:none;padding:0}}