/* Latam Org · skin inspirada en robertsspaceindustries.com */

@import url("https://cdn.robertsspaceindustries.com/static/fonts/bai-jamjuree/font.css");

@font-face {
  font-family: "Univia Pro";
  src: url("https://cdn.robertsspaceindustries.com/static/fonts/univia-pro/univia-pro-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Univia Pro";
  src: url("https://cdn.robertsspaceindustries.com/static/fonts/univia-pro/univia-pro-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Univia Pro";
  src: url("https://cdn.robertsspaceindustries.com/static/fonts/univia-pro/univia-pro-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

html.rsi-skin {
  --rsi-clip: polygon(
    0 0, calc(100% - 12px) 0, 100% 12px,
    100% 100%, 12px 100%, 0 calc(100% - 12px)
  );
  --rsi-clip-sm: polygon(
    0 0, calc(100% - 8px) 0, 100% 8px,
    100% 100%, 8px 100%, 0 calc(100% - 8px)
  );
  --rsi-clip-xs: polygon(
    0 0, calc(100% - 5px) 0, 100% 5px,
    100% 100%, 5px 100%, 0 calc(100% - 5px)
  );
  --rsi-line: rgba(105, 184, 209, 0.55);
  --rsi-line-dim: rgba(88, 136, 176, 0.28);
  --font-display: "Univia Pro", "Electrolize", "Segoe UI", sans-serif;
  --font-body: "Bai Jamjuree", "Quantico", system-ui, sans-serif;
}

html.rsi-skin,
html.rsi-skin[data-theme=""],
html.rsi-skin:not([data-theme]),
html.rsi-skin[data-theme="exploracion"] {
  --bg: #000b11;
  --surface: #071018;
  --surface2: #0a1520;
  --border: rgba(88, 136, 176, 0.32);
  --text: #e8eef4;
  --muted: #8fa8bc;
  --accent: #69b8d1;
  --accent2: #4a90b8;
  --warn: #c9a227;
  --bad: #e05c5c;
  --good: #6ec4a8;
  --header-grad: linear-gradient(180deg, rgba(10, 29, 41, 0.98) 0%, rgba(0, 11, 17, 0.92) 100%);
  --ring-bg: #061018;
  --bar-track: rgba(88, 136, 176, 0.18);
}

html.rsi-skin body {
  font-family: var(--font-body);
  background-color: var(--bg);
  background-image: url("https://cdn.robertsspaceindustries.com/static/images/noisebg.gif");
  background-repeat: repeat;
  background-position: center top;
  letter-spacing: 0.01em;
}

html.rsi-skin h1,
html.rsi-skin h2,
html.rsi-skin .login-gate-title,
html.rsi-skin .section-title,
html.rsi-skin .mission-name,
html.rsi-skin .progress-meta b,
html.rsi-skin .stat b,
html.rsi-skin .modal h2,
html.rsi-skin .brand,
html.rsi-skin .login-gate-brand,
html.rsi-skin .quiz-widget-title,
html.rsi-skin .quiz-title,
html.rsi-skin .bulletin-title,
html.rsi-skin .user-menu-label {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

html.rsi-skin .brand,
html.rsi-skin .login-gate-brand {
  color: var(--accent);
  letter-spacing: 0.22em;
  font-size: 10px;
}

html.rsi-skin h1 {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 800;
}

html.rsi-skin .subtitle,
html.rsi-skin .panel-intro,
html.rsi-skin .login-gate-sub {
  font-family: var(--font-body);
  text-transform: none;
  letter-spacing: 0;
}

html.rsi-skin .field label,
html.rsi-skin .stat span,
html.rsi-skin th,
html.rsi-skin .user-menu-section-title,
html.rsi-skin .quiz-lb-title,
html.rsi-skin .quiz-stat span {
  font-family: var(--font-display);
  letter-spacing: 0.12em;
}

html.rsi-skin header {
  border-bottom-color: var(--rsi-line-dim);
  box-shadow: inset 0 -1px 0 rgba(105, 184, 209, 0.12);
}

html.rsi-skin header::after {
  content: "";
  display: block;
  height: 1px;
  margin: 0 16px;
  background: linear-gradient(90deg, transparent, var(--rsi-line), transparent);
  opacity: 0.65;
}

html.rsi-skin .progress-hero,
html.rsi-skin .mission-card,
html.rsi-skin .stat,
html.rsi-skin .table-wrap,
html.rsi-skin .modal-panel,
html.rsi-skin .login-gate-card,
html.rsi-skin .account-row,
html.rsi-skin .audit-row,
html.rsi-skin .bulletin-card,
html.rsi-skin .bulletin-compose,
html.rsi-skin .inv-edit-wrap,
html.rsi-skin .inv-empty-card,
html.rsi-skin .quiz-widget,
html.rsi-skin .quiz-card,
html.rsi-skin .quiz-stat,
html.rsi-skin .quiz-end-panel,
html.rsi-skin .support-panel,
html.rsi-skin .user-menu-panel {
  clip-path: var(--rsi-clip-sm);
  border-radius: 0;
  filter: drop-shadow(0 0 0 1px var(--border));
}

html.rsi-skin .login-gate-card,
html.rsi-skin .modal-panel {
  clip-path: var(--rsi-clip);
  position: relative;
}

html.rsi-skin .login-gate-card::before,
html.rsi-skin .modal-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--rsi-line) 20%, var(--rsi-line) 80%, transparent);
  pointer-events: none;
}

html.rsi-skin .login-gate-card::after,
html.rsi-skin .modal-panel::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--rsi-line-dim) 25%, var(--rsi-line-dim) 75%, transparent);
  pointer-events: none;
}

html.rsi-skin .btn,
html.rsi-skin .tab,
html.rsi-skin .chip,
html.rsi-skin .search,
html.rsi-skin .user-menu-btn {
  clip-path: var(--rsi-clip-xs);
  border-radius: 0;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
}

html.rsi-skin .field input,
html.rsi-skin .account-form select,
html.rsi-skin .account-form input {
  clip-path: var(--rsi-clip-xs);
  border-radius: 0;
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  font-size: 16px;
}

html.rsi-skin .btn {
  background: linear-gradient(180deg, rgba(74, 144, 184, 0.22) 0%, rgba(10, 21, 32, 0.95) 100%);
  border-color: var(--rsi-line-dim);
  color: var(--text);
}

html.rsi-skin .btn-primary {
  background: linear-gradient(180deg, rgba(105, 184, 209, 0.35) 0%, rgba(74, 144, 184, 0.22) 100%);
  border-color: var(--rsi-line);
  color: #fff;
}

html.rsi-skin .btn-blue {
  background: linear-gradient(180deg, rgba(74, 144, 184, 0.45) 0%, rgba(45, 90, 120, 0.35) 100%);
  border-color: rgba(105, 184, 209, 0.5);
  color: #fff;
}

html.rsi-skin .tab {
  background: rgba(10, 21, 32, 0.85);
  border: 1px solid var(--border);
  color: var(--muted);
}

html.rsi-skin .tab.active {
  background: linear-gradient(180deg, rgba(105, 184, 209, 0.28), rgba(74, 144, 184, 0.15));
  border-color: var(--rsi-line);
  color: #fff;
}

html.rsi-skin nav.tabs {
  border-bottom-color: var(--rsi-line-dim);
  background: rgba(0, 11, 17, 0.92);
  backdrop-filter: blur(8px);
}

html.rsi-skin .tag {
  clip-path: var(--rsi-clip-xs);
  border-radius: 0;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-family: var(--font-display);
  font-size: 10px;
}

html.rsi-skin .tag.reward {
  background: rgba(105, 184, 209, 0.14);
  color: #9fd4e8;
}

html.rsi-skin .bar-fill {
  background: linear-gradient(90deg, var(--accent2), var(--accent));
}

html.rsi-skin .login-gate {
  background-color: #000b11;
  background-image:
    linear-gradient(rgba(0, 8, 14, 0.5), rgba(0, 8, 14, 0.75)),
    url("images/login-bg.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

html.rsi-skin .login-gate-card {
  background: rgba(7, 16, 24, 0.9);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html.rsi-skin .login-recovery-toggle {
  font-family: var(--font-display);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--accent);
}

html.rsi-skin footer {
  font-family: var(--font-body);
  color: rgba(143, 168, 188, 0.45);
  letter-spacing: 0.04em;
}

html.rsi-skin .admin-block {
  border-top-color: var(--rsi-line-dim);
}

html.rsi-skin .section-title {
  font-size: 14px;
  color: var(--accent);
  margin-top: 22px;
}

html.rsi-skin .section-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  margin-top: 6px;
  background: linear-gradient(90deg, var(--rsi-line), transparent);
}

html.rsi-skin .theme-option {
  clip-path: var(--rsi-clip-xs);
  border-radius: 0;
}

html.rsi-skin[data-theme="oceano"],
html.rsi-skin[data-theme="ambar"],
html.rsi-skin[data-theme="void"],
html.rsi-skin[data-theme="negro"] {
  filter: none;
}

html.rsi-skin[data-theme="oceano"] body,
html.rsi-skin[data-theme="ambar"] body,
html.rsi-skin[data-theme="void"] body,
html.rsi-skin[data-theme="negro"] body {
  background-image: none;
}

html.rsi-skin[data-theme="oceano"] h1,
html.rsi-skin[data-theme="ambar"] h1,
html.rsi-skin[data-theme="void"] h1,
html.rsi-skin[data-theme="negro"] h1,
html.rsi-skin[data-theme="oceano"] .brand,
html.rsi-skin[data-theme="ambar"] .brand,
html.rsi-skin[data-theme="void"] .brand,
html.rsi-skin[data-theme="negro"] .brand {
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
}

html.rsi-skin[data-theme="oceano"] .btn,
html.rsi-skin[data-theme="ambar"] .btn,
html.rsi-skin[data-theme="void"] .btn,
html.rsi-skin[data-theme="negro"] .btn,
html.rsi-skin[data-theme="oceano"] .tab,
html.rsi-skin[data-theme="ambar"] .tab,
html.rsi-skin[data-theme="void"] .tab,
html.rsi-skin[data-theme="negro"] .tab {
  clip-path: none;
  border-radius: 10px;
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
}

html.rsi-skin[data-theme="oceano"] .mission-card,
html.rsi-skin[data-theme="ambar"] .mission-card,
html.rsi-skin[data-theme="void"] .mission-card,
html.rsi-skin[data-theme="negro"] .mission-card,
html.rsi-skin[data-theme="oceano"] .modal-panel,
html.rsi-skin[data-theme="ambar"] .modal-panel,
html.rsi-skin[data-theme="void"] .modal-panel,
html.rsi-skin[data-theme="negro"] .modal-panel,
html.rsi-skin[data-theme="oceano"] .login-gate-card,
html.rsi-skin[data-theme="ambar"] .login-gate-card,
html.rsi-skin[data-theme="void"] .login-gate-card,
html.rsi-skin[data-theme="negro"] .login-gate-card {
  clip-path: none;
  border-radius: 14px;
  filter: none;
}

html.rsi-skin[data-theme="oceano"] .login-gate-card::before,
html.rsi-skin[data-theme="oceano"] .login-gate-card::after,
html.rsi-skin[data-theme="ambar"] .login-gate-card::before,
html.rsi-skin[data-theme="ambar"] .login-gate-card::after,
html.rsi-skin[data-theme="void"] .login-gate-card::before,
html.rsi-skin[data-theme="void"] .login-gate-card::after,
html.rsi-skin[data-theme="negro"] .login-gate-card::before,
html.rsi-skin[data-theme="negro"] .login-gate-card::after,
html.rsi-skin[data-theme="oceano"] .modal-panel::before,
html.rsi-skin[data-theme="oceano"] .modal-panel::after,
html.rsi-skin[data-theme="ambar"] .modal-panel::before,
html.rsi-skin[data-theme="ambar"] .modal-panel::after,
html.rsi-skin[data-theme="void"] .modal-panel::before,
html.rsi-skin[data-theme="void"] .modal-panel::after,
html.rsi-skin[data-theme="negro"] .modal-panel::before,
html.rsi-skin[data-theme="negro"] .modal-panel::after {
  display: none;
}