/* Modern theme - El Dorado */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
:root{ --bg:#fffaf0; --muted:#6b6b6b; --gold-400:#f3c24a; --gold-600:#c68600; --accent:#ffd99b; --card-shadow: 0 8px 24px rgba(15,23,42,0.06); }
html,body{height:100%;}
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background: linear-gradient(180deg,#fffaf0 0%, #fff7ed 100%); color: #1f2937; -webkit-font-smoothing:antialiased; }
.container { max-width:1100px; margin:36px auto; background:transparent; padding:0; }
h1{ margin:0 }
/* Cards */
.card { background: #fff; border-radius:12px; padding:20px; box-shadow:var(--card-shadow); }
.card-compact{ padding:12px; }

/* Forms */
input, select, textarea { width:100%; padding:0.6rem 0.75rem; border-radius:8px; border:1px solid rgba(15,23,42,0.06); background:#fff; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.02); }
input:focus, select:focus, textarea:focus { outline:none; box-shadow:0 4px 14px rgba(198,134,0,0.12); border-color:var(--gold-600); }
label{ display:block; font-weight:600; margin-bottom:0.35rem; color:#374151 }

/* Tables */
table { width:100%; border-collapse:collapse; }
table th, table td { padding:12px 14px; text-align:left; border-bottom:1px solid rgba(15,23,42,0.04); }
table thead th { background: linear-gradient(90deg, rgba(255,250,240,0.6), rgba(255,245,230,0.6)); font-weight:600; }

/* Buttons - gold */
.btn-gold {
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	background: linear-gradient(90deg,var(--gold-600), #d18f00);
	color:#fff; padding:0.6rem 1rem; border-radius:10px; border: none; font-weight:600; box-shadow: 0 10px 30px rgba(198,134,0,0.12);
}
.btn-gold:hover{ transform:translateY(-2px); }
.btn-gold-outline{ background:transparent; color:var(--gold-700); border:2px solid rgba(198,134,0,0.12); padding:0.5rem 0.85rem; border-radius:10px; }

.text-gold{ color:var(--gold-600); font-weight:700 }

/* Header/Nav */
header { position:sticky; top:0; z-index:50; }
.nav-link{ display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border-radius:8px; color:white; font-weight:600 }
.nav-link:hover{ opacity:0.95; background: rgba(255,255,255,0.06); }

/* Small utilities */
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-2{gap:0.5rem}
.mb-4{margin-bottom:1rem}
.mt-2{margin-top:0.5rem}
.rounded{border-radius:0.5rem}
.shadow-sm{box-shadow:0 6px 18px rgba(0,0,0,0.04)}

.bg-soft{ background: rgba(255, 235, 205, 0.6); }

/* Responsive tweaks */
@media (max-width:768px){ .container{ padding:12px } }


/* Tema El Dorado: variables y utilidades */
:root {
	--gold-50: #fff9ed;
	--gold-200: #ffefc4;
	--gold-400: #f3c24a;
	--gold-600: #c68600;
	--gold-700: #ad6f00;
	--orange-500: #ff8a00;
	--accent: #ffd99b;
	--text-dark: #2b2b2b;
}
body { background: linear-gradient(180deg, #fffaf0 0%, #fff7ed 100%); color:var(--text-dark); }
.card-gold { background: linear-gradient(90deg,var(--gold-400),var(--orange-500)); color:#fff; }
.btn-gold {
	display:inline-block;
	background: linear-gradient(90deg,var(--gold-600),var(--gold-700));
	color: #fff;
	padding: 0.5rem 0.9rem;
	border-radius: 0.375rem;
	box-shadow: 0 4px 10px rgba(198,134,0,0.12);
	border: none;
}
.btn-gold:hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(198,134,0,0.16); }
.btn-gold-outline {
	background: transparent; color:var(--gold-700); border:2px solid var(--gold-600); padding:0.45rem 0.85rem; border-radius:0.375rem;
}
.text-gold { color:var(--gold-700); }
.bg-soft { background: rgba(255, 235, 205, 0.6); }

/* Tablas con estilo suave */
table.min-w-full th { background: rgba(246, 230, 168, 0.6); }