.documentacion-shell .module-view{max-width:1320px}.doc-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px;padding:26px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.86));box-shadow:0 22px 60px rgba(15,23,42,.12);border:1px solid rgba(255,255,255,.75);position:relative;overflow:hidden}.doc-hero:before{content:"";position:absolute;inset:auto -70px -90px auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle, var(--ada-role-color, #2563eb), transparent 68%);opacity:.18}.doc-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;margin:.15rem 0 .75rem}.doc-subtitle{max-width:820px;color:#475569;font-size:1.02rem}.doc-hero-badges{display:flex;flex-direction:column;gap:10px;min-width:230px;z-index:1}.doc-hero-badges span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.22);box-shadow:0 10px 24px rgba(15,23,42,.08);font-weight:700;color:#334155}.doc-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.doc-tab{border:0;border-radius:999px;padding:11px 17px;background:#e2e8f0;color:#334155;font-weight:800;cursor:pointer;transition:.2s ease}.doc-tab:hover{transform:translateY(-1px);background:#dbeafe}.doc-tab.active{background:var(--ada-role-color,#2563eb);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.24)}.doc-tab-panel{display:none}.doc-tab-panel.active{display:block}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:10px 0 18px;padding:18px;border-radius:22px;background:rgba(255,255,255,.86);border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 36px rgba(15,23,42,.08)}.doc-toolbar h2{margin:0 0 5px}.doc-toolbar p{margin:0;color:#64748b}.doc-filters{display:flex;gap:10px;flex-wrap:wrap}.doc-filters select,.doc-form select,.doc-form input,.doc-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:11px 12px;background:#fff;color:#0f172a;font:inherit;outline:none;transition:.2s ease}.doc-filters select:focus,.doc-form select:focus,.doc-form input:focus,.doc-form textarea:focus{border-color:var(--ada-role-color,#2563eb);box-shadow:0 0 0 4px color-mix(in srgb,var(--ada-role-color,#2563eb) 17%,transparent)}.doc-form-card{padding:24px;border-radius:26px}.doc-form{display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.doc-form label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#334155}.checkline{flex-direction:row!important;align-items:center;padding:14px;border-radius:16px;background:#f8fafc;border:1px dashed #cbd5e1}.checkline input{width:auto}.recipient-box{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0}.recipient-mode{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.recipient-mode label{flex-direction:row!important;align-items:center;font-weight:800}.recipient-mode input{width:auto}.selector-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:270px;overflow:auto;padding:6px}.selector-item{display:flex;gap:9px;align-items:center;padding:11px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;font-weight:700;color:#334155}.selector-item input{width:auto}.hidden{display:none!important}.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.doc-card{border-radius:24px;background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.22);box-shadow:0 16px 42px rgba(15,23,42,.10);padding:18px;display:flex;flex-direction:column;gap:12px;min-height:245px}.doc-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.doc-origin,.doc-status{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:7px 10px}.doc-origin{background:color-mix(in srgb,var(--ada-role-color,#2563eb) 13%,#fff);color:var(--ada-role-color,#2563eb)}.doc-status{background:#f1f5f9;color:#334155}.doc-status.pendiente{background:#fef3c7;color:#92400e}.doc-status.devuelto{background:#dbeafe;color:#1d4ed8}.doc-status.aprobado{background:#dcfce7;color:#166534}.doc-status.observado{background:#ffedd5;color:#c2410c}.doc-status.rechazado{background:#fee2e2;color:#991b1b}.doc-card h3{font-size:1.12rem;margin:0;color:#0f172a}.doc-description{color:#64748b;margin:0;line-height:1.45}.doc-meta{display:grid;gap:6px;color:#475569;font-size:.92rem}.doc-meta span{display:flex;gap:6px}.doc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.doc-actions button,.doc-actions a{border:0;text-decoration:none;border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer;background:#e2e8f0;color:#334155}.doc-actions .primary-action{background:var(--ada-role-color,#2563eb);color:#fff}.doc-actions .danger-action{background:#fee2e2;color:#991b1b}.doc-empty{grid-column:1/-1;padding:28px;text-align:center;border-radius:24px;background:#fff;border:1px dashed #cbd5e1;color:#64748b}.doc-review-box{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.doc-review-box textarea{min-width:260px;flex:1;border:1px solid #cbd5e1;border-radius:12px;padding:9px}.family-upload-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.family-upload-inline input{max-width:260px}.form-message.error{background:#fee2e2;color:#991b1b;border-color:#fecaca}.form-message.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}@media(max-width:1100px){.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selector-list{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-hero{flex-direction:column}.doc-hero-badges{flex-direction:row;flex-wrap:wrap}}@media(max-width:720px){.documentacion-shell .module-view{padding-inline:12px}.doc-hero{padding:20px;border-radius:22px}.doc-toolbar{flex-direction:column;align-items:stretch}.doc-filters{flex-direction:column}.doc-grid,.form-grid,.form-grid.two,.selector-list{grid-template-columns:1fr}.doc-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.doc-tab{white-space:nowrap}.doc-card{border-radius:20px}.recipient-mode{flex-direction:column}.doc-hero-badges span{font-size:.85rem}.doc-actions button,.doc-actions a{width:100%;text-align:center}.family-upload-inline{flex-direction:column;align-items:stretch}.family-upload-inline input{max-width:none}}