/* Saberes Nasa: tema local, compatible con los controles nativos del admin. */
:root, html[data-theme="light"] {
  --primary: #246857; --secondary: #174c40; --accent: #f4db99;
  --primary-fg: #fff; --body-fg: #263c35; --body-bg: #f5f7f3;
  --body-quiet-color: #586b63; --body-loud-color: #183e31;
  --header-color: #f4db99; --header-branding-color: #fff;
  --header-bg: #174c40; --header-link-color: #fff;
  --breadcrumbs-bg: #e7eee7; --breadcrumbs-fg: #52685e;
  --breadcrumbs-link-fg: #174c40; --link-fg: #246857;
  --link-hover-color: #133d30; --link-selected-fg: #174c40;
  --hairline-color: #e1e7e0; --border-color: #ccd8ce;
  --darkened-bg: #eef3ec; --selected-bg: #e7eee7;
  --selected-row: #e7f1df; --button-bg: #246857;
  --button-hover-bg: #174c40; --default-button-bg: #174c40;
  --default-button-hover-bg: #103a30; --close-button-bg: #586b63;
  --object-tools-bg: #246857; --object-tools-hover-bg: #174c40;
}
html[data-theme="dark"] {
  --primary: #79c7a8; --secondary: #214c3e; --accent: #f4db99;
  --header-bg: #173d32; --header-branding-color: #fff;
  --link-fg: #9edbc1; --link-hover-color: #cef0de;
  --breadcrumbs-bg: #213c31; --breadcrumbs-link-fg: #cef0de;
  --button-bg: #285b47; --button-hover-bg: #34725a;
  --default-button-bg: #285b47; --default-button-hover-bg: #34725a;
  --object-tools-bg: #285b47; --object-tools-hover-bg: #34725a;
}
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
#header {padding: 22px 32px; gap: 20px;}
.nasa-brand {display: flex; align-items: center; gap: 12px; color: #fff !important; font-size: 23px; font-weight: 700; text-decoration: none;}
.nasa-brand small {display: block; margin-top: 5px; color: #d2e5d9; font-size: 11px; font-weight: 400; letter-spacing: .06em;}
.nasa-mark {display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #93b7a3; border-radius: 14px; color: #f4db99; font-size: 18px;}
div.breadcrumbs {padding: 14px 32px; font-size: 13px;}
#content {padding: 30px 32px;}
#content h1 {font-weight: 650; letter-spacing: -.025em; margin-bottom: 24px;}
.module, .inline-group {border-radius: 12px; overflow: hidden; border: 1px solid var(--hairline-color); background: var(--body-bg); margin-bottom: 22px; box-shadow: 0 3px 14px #173d3208;}
.module h2, .module caption, .inline-group h2 {padding: 14px 18px; font-size: 13px; font-weight: 600; letter-spacing: .025em;}
.module table {width: 100%;}
td, th {padding: 14px 16px;}
.form-row {padding: 18px 20px;}
.aligned label {font-weight: 600;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea, select {border-radius: 7px; padding: 10px 12px; box-sizing: border-box; font: inherit;}
textarea {max-width: 100%;}
input:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible {outline: 3px solid #c29a43; outline-offset: 3px;}
input[type="file"] {max-width: 100%; padding: 14px; border: 1px dashed var(--border-color); border-radius: 9px; background: var(--darkened-bg); box-sizing: border-box;}
input[type="file"]::file-selector-button {background: var(--button-bg); color: #fff; border: 0; border-radius: 6px; padding: 9px 14px; margin-right: 12px; cursor: pointer;}
.button, input[type="submit"], .submit-row input, a.button {border-radius: 7px; padding: 12px 18px; font-weight: 600;}
.submit-row {border-radius: 12px; padding: 18px;}
.object-tools a {border-radius: 7px; padding: 11px 16px;}
#changelist-filter {border-radius: 10px; overflow: hidden;}
#nav-sidebar {background: var(--body-bg);}
#nav-sidebar .module {border-radius: 0; box-shadow: none; border: 0;}
.nasa-welcome {background: var(--darkened-bg); border: 1px solid var(--border-color); border-radius: 14px; padding: 26px; margin-bottom: 26px;}
.nasa-eyebrow {color: var(--body-quiet-color); font-size: 10px; font-weight: 700; letter-spacing: .15em;}
.nasa-welcome h2 {font-size: 25px; color: var(--body-loud-color); margin: 12px 0; letter-spacing: -.025em;}
.nasa-welcome p {color: var(--body-quiet-color); line-height: 1.6; font-size: 14px;}
.nasa-shortcuts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px;}
.nasa-shortcuts a {background: var(--button-bg); color: #fff; padding: 12px 16px; border-radius: 7px; font-weight: 600; font-size: 12px;}
.nasa-shortcuts a:hover {background: var(--button-hover-bg);}
.dashboard #content {width: auto; max-width: 1100px;}
.dashboard #content-main {width: calc(100% - 290px);}
.login #container {border-radius: 16px; box-shadow: 0 16px 50px #173d3215; overflow: hidden;}
.login #header {justify-content: center;}
.login #content {padding: 26px;}
@media (max-width: 767px) {
  #header {padding: 18px;}
  #content {padding: 20px 16px;}
  div.breadcrumbs {padding: 12px 16px;}
  .dashboard #content-main {width: 100%;}
  .nasa-welcome {padding: 20px;}
  .nasa-welcome h2 {font-size: 22px;}
  .nasa-shortcuts a {flex: 1 1 130px; text-align: center;}
}

/* Interfaz de gestión: tarjetas, navegación y formularios. */
.management-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px;gap:12px}.management-heading h2{background:none;color:var(--body-loud-color);font-size:19px;margin:0;padding:0;font-weight:650;letter-spacing:-.02em}.management-heading span{color:var(--body-quiet-color);font-size:12px}
.management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.management-card{background:var(--body-bg);border:1px solid var(--border-color);border-radius:14px;padding:22px;box-shadow:0 4px 16px #173d3206}.management-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--darkened-bg);color:var(--link-fg);border-radius:10px;font-size:22px}.management-card h3{font-size:17px;color:var(--body-loud-color);margin:16px 0 22px}.management-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.manage-browse{font-size:12px;font-weight:600}.manage-create{display:inline-block;background:var(--button-bg);color:#fff!important;border-radius:7px;padding:10px 14px;font-weight:600;font-size:12px}.manage-create:hover{background:var(--button-hover-bg)}
.dashboard #content{max-width:1280px}.dashboard #content-main{width:100%;float:none}.dashboard #content-related{display:none}
#nav-sidebar{padding:20px 12px;box-sizing:border-box;border-right:1px solid var(--hairline-color)}#nav-sidebar .sidebar-home{display:block;padding:12px;color:var(--link-fg);font-weight:700;font-size:14px}#nav-sidebar #nav-filter{width:100%;margin:10px 0 24px;min-height:40px;border-radius:8px;padding:10px;font-size:12px}.sidebar-section{margin-bottom:24px}.sidebar-section h2{background:none;color:var(--body-quiet-color);font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:0 12px;margin:0 0 8px}.sidebar-section table{width:100%}.sidebar-section th{padding:0;border:0;background:none}.sidebar-section a{display:block;padding:12px;border-radius:8px;font-size:13px;font-weight:500}.sidebar-section tr{background:none}.sidebar-section a:hover,.sidebar-section .sidebar-active a{background:var(--darkened-bg);color:var(--body-loud-color);font-weight:650}
#header{background:var(--body-bg);border-bottom:1px solid var(--hairline-color);padding:20px 32px}#header .nasa-brand{color:var(--body-loud-color)!important}.nasa-brand small{color:var(--body-quiet-color)}.nasa-mark{background:var(--button-bg);color:#f4db99;border:0}#user-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--body-quiet-color);font-size:11px;text-transform:none}#user-tools a,#user-tools button{color:var(--link-fg);border:0;text-transform:none}#user-tools a{padding:8px 10px;background:var(--darkened-bg);border-radius:7px}#user-tools button{font-weight:600}.theme-toggle svg{color:var(--link-fg)}
div.breadcrumbs{background:var(--body-bg);border-bottom:1px solid var(--hairline-color);color:var(--body-quiet-color);font-size:12px}div.breadcrumbs a{color:var(--link-fg)}
.change-form #content-main{max-width:1100px}.change-form .module{padding:8px 12px 18px;background:var(--body-bg)}.change-form .module h2,.inline-group h2{background:none;color:var(--body-loud-color);font-size:17px;letter-spacing:-.015em;padding:20px 18px 12px;border-bottom:1px solid var(--hairline-color);margin-bottom:12px}.change-form .form-row{border:0;padding:12px 18px 18px}.change-form .aligned label{float:none;display:block;width:auto;padding:0;margin-bottom:9px;font-size:13px;color:var(--body-fg)}.change-form .aligned .flex-container{display:block}.change-form .aligned .checkbox-row{display:flex;align-items:center;gap:10px}.change-form .aligned .checkbox-row label{display:inline-block;margin:0}.change-form .aligned .help,.change-form .aligned p.file-upload,.change-form .aligned ul{margin-left:0;padding-left:0}.change-form textarea{width:min(100%,760px);height:140px;line-height:1.6;resize:vertical}.change-form input.vTextField,.change-form input.vURLField{width:min(100%,760px)}.change-form select{min-height:42px;height:auto;max-width:100%}.change-form .related-widget-wrapper{float:none}.change-form .select2-container{min-width:240px;max-width:100%}.change-form .select2-container .select2-selection--single{height:42px;border-radius:7px}.change-form .select2-container .select2-selection__rendered{line-height:40px}.change-form .select2-container .select2-selection__arrow{height:40px}.change-form .submit-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--darkened-bg)}.change-form .submit-row input{margin:0}.selector{max-width:100%}.selector .selector-available h2,.selector .selector-chosen h2{font-size:12px}.selector select{padding:4px}.inline-group .tabular{overflow-x:auto}
#changelist #toolbar{padding:18px;border-radius:10px;background:var(--darkened-bg)}#changelist #toolbar form input[type="text"]{padding:10px}#changelist .results{border-radius:10px;overflow:auto}#changelist table thead th{background:var(--darkened-bg);padding:14px;font-size:11px;text-transform:none}#changelist .actions{padding:16px;background:var(--body-bg)}#changelist-filter h2{background:var(--darkened-bg);color:var(--body-loud-color)}
@media(max-width:1000px){.management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.management-grid{grid-template-columns:1fr}#header{padding:18px}#user-tools{justify-content:center}.change-form .form-row{padding:12px 6px}.change-form .module{padding:6px 12px}.change-form .module h2{padding-left:6px}.change-form .aligned .help{margin-left:0!important}.change-form .select2-container{min-width:0;width:calc(100% - 80px)!important}.change-form .submit-row input{width:100%}}
#header #user-tools a:link,#header #user-tools a:visited{color:var(--link-fg)}
.change-form fieldset.module{border:1px solid var(--border-color)}
.change-form fieldset.module h2{border:0;border-bottom:1px solid var(--hairline-color);border-radius:0;outline:0}
.dashboard #content{box-sizing:border-box;width:100%}
#guide-open{position:fixed;bottom:20px;right:20px;z-index:50;background:var(--button-bg);color:white;border:0;border-radius:24px;padding:13px 20px;cursor:pointer;box-shadow:0 4px 20px #173d3220}#guide-dialog{box-sizing:border-box;width:min(560px,calc(100% - 32px));border:1px solid var(--border-color);border-radius:20px;padding:32px;background:var(--body-bg);color:var(--body-fg);box-shadow:0 24px 80px #0003}#guide-dialog::backdrop{background:#12382dcc;backdrop-filter:blur(4px)}#guide-dialog h2{font-size:25px;color:var(--body-loud-color);margin:16px 0}#guide-dialog p{font-size:15px;line-height:1.7;margin-bottom:22px}.guide-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.guide-controls button{padding:11px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--darkened-bg);color:var(--body-fg);cursor:pointer}#guide-next{background:var(--button-bg);color:white;margin-left:auto}.guide-controls button:disabled{opacity:.4;cursor:default}
