#fw-section-custom-html-1d836342-d564-4ecb-bcd5-41d712fea5a7 {
--font-heading-scale: 1.33;
--font-body-scale: 1.22;
}
#fw-section-custom-html-1d836342-d564-4ecb-bcd5-41d712fea5a7 {

/* ============================================================
   CONTACTO OFICIAL — SIMULADORES UNIDOS
   v3.0 — Diseño oscuro corporativo moderno
   ============================================================ */

:root {
  --bg-primary: #050505;
  --bg-secondary: #0c0c0c;
  --bg-card: #111113;
  --bg-input: #0a0a0b;
  --border-default: #1f1f23;
  --border-hover: #2d2d33;
  --border-red: #5c1a1a;
  --border-blue: #1a2d4a;
  --text-primary: #e8e8ec;
  --text-secondary: #8e8e96;
  --text-muted: #55555c;
  --accent-red: #d42020;
  --accent-red-glow: rgba(212,32,32,0.15);
  --accent-blue: #2563eb;
  --accent-gold: #d4a017;
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #dc2626;
  --font-main: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);
  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

.su-contact-wrapper {
  font-family: var(--font-main);
  color: var(--text-primary);
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 24px;
  line-height: 1.65;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.su-contact-wrapper > * { width: 100%; }

/* ===== HEADER ===== */
.su-header {
  text-align: center;
  margin-bottom: 32px;
  padding: 28px 0 24px;
  border-bottom: 1px solid var(--border-red);
  position: relative;
}

.su-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent-red), transparent);
}

.su-header h1 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 14px;
}

.su-header h1 span { color: var(--accent-red); }

/* ===== BADGES ===== */
.su-badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.su-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 14px;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  border-radius: 20px;
  border: 1px solid;
  transition: transform var(--transition), box-shadow var(--transition);
  cursor: pointer;
  position: relative;
}

.su-badge:hover { transform: scale(1.05); }

.su-badge--oficial { background: rgba(37,99,235,0.08); border-color: rgba(37,99,235,0.4); color: #60a5fa; }
.su-badge--soporte { background: rgba(212,160,23,0.06); border-color: rgba(212,160,23,0.35); color: var(--accent-gold); }
.su-badge--nospam { background: rgba(212,32,32,0.06); border-color: rgba(212,32,32,0.35); color: #f87171; }
.su-badge--revision { background: rgba(22,163,74,0.06); border-color: rgba(22,163,74,0.35); color: #4ade80; }

/* Tooltips */
.su-badge[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) scale(0.95);
  background: #1a1a1e;
  border: 1px solid var(--border-hover);
  color: var(--text-secondary);
  font-size: 0.62rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition), transform var(--transition);
  z-index: 10;
  box-shadow: var(--shadow);
}

.su-badge[data-tooltip]:hover::after {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

/* ===== CARDS ===== */
.su-card {
  background: var(--bg-card);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 22px 24px;
  margin-bottom: 18px;
  box-shadow: var(--shadow-sm);
  transition: border-color var(--transition), box-shadow var(--transition);
}

.su-card:hover {
  border-color: var(--border-hover);
  box-shadow: var(--shadow);
}

.su-card--info { border-left: 3px solid var(--accent-blue); }
.su-card--warning { border-left: 3px solid var(--accent-red); background: rgba(212,32,32,0.03); }
.su-card--legal { border-left: 3px solid var(--text-muted); background: var(--bg-secondary); }

.su-card__title {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
  color: #ffffff;
}

.su-card__text {
  font-size: 0.8rem;
  color: var(--text-secondary);
  line-height: 1.75;
}

/* ===== STATUS BAR ===== */
.su-status-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  margin-bottom: 20px;
  font-size: 0.72rem;
  color: var(--text-muted);
  font-family: var(--font-mono);
}

.su-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--text-muted);
  animation: pulse 2s infinite;
  flex-shrink: 0;
}

.su-status-dot--ok { background: var(--success); box-shadow: 0 0 6px rgba(22,163,74,0.5); }
.su-status-dot--error { background: var(--danger); animation: none; box-shadow: 0 0 6px rgba(220,38,38,0.5); }
.su-status-dot--loading { background: var(--warning); }

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* ===== FORM SECTIONS ===== */
.su-form-section { margin-bottom: 24px; }

.su-form-section__title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--accent-red);
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-default);
  text-align: center;
}

/* ===== FIELDS ===== */
.su-field { margin-bottom: 18px; }

.su-field label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.su-field label .su-required { color: var(--accent-red); margin-left: 2px; }

.su-field input,
.su-field select,
.su-field textarea {
  width: 100%;
  padding: 12px 16px;
  background: #ffffff;
  border: 2px solid #cc0000;
  border-radius: 16px;
  color: #1a1a1a;
  font-size: 0.85rem;
  font-family: var(--font-main);
  text-align: center;
  transition: transform var(--transition), background var(--transition);
  animation: rgbBorder 3s linear infinite;
  box-shadow: 0 0 8px rgba(212,32,32,0.2);
}

@keyframes rgbBorder {
  0% { border-color: #cc0000; box-shadow: 0 0 10px rgba(204,0,0,0.3); }
  33% { border-color: #0066ff; box-shadow: 0 0 10px rgba(0,102,255,0.3); }
  66% { border-color: #00cc44; box-shadow: 0 0 10px rgba(0,204,68,0.3); }
  100% { border-color: #cc0000; box-shadow: 0 0 10px rgba(204,0,0,0.3); }
}

.su-field input:focus,
.su-field select:focus,
.su-field textarea:focus {
  outline: none;
  background: #fff5f5;
  transform: scale(1.02);
  animation: rgbBorderFocus 1.5s linear infinite;
}

@keyframes rgbBorderFocus {
  0% { border-color: #ff0000; box-shadow: 0 0 18px rgba(255,0,0,0.4); }
  25% { border-color: #ff8800; box-shadow: 0 0 18px rgba(255,136,0,0.4); }
  50% { border-color: #0066ff; box-shadow: 0 0 18px rgba(0,102,255,0.4); }
  75% { border-color: #aa00ff; box-shadow: 0 0 18px rgba(170,0,255,0.4); }
  100% { border-color: #ff0000; box-shadow: 0 0 18px rgba(255,0,0,0.4); }
}

.su-field input:hover,
.su-field select:hover,
.su-field textarea:hover {
  transform: scale(1.01);
  background: #e5f0ff;
  border-color: #0066ff;
  box-shadow: 0 0 18px rgba(0,102,255,0.4);
  animation: rgbHover 2s linear infinite;
}

@keyframes rgbHover {
  0% { background: #e5f0ff; border-color: #0066ff; box-shadow: 0 0 18px rgba(0,102,255,0.4); }
  50% { background: #e5ffe8; border-color: #00cc44; box-shadow: 0 0 18px rgba(0,204,68,0.4); }
  100% { background: #e5f0ff; border-color: #0066ff; box-shadow: 0 0 18px rgba(0,102,255,0.4); }
}

.su-field input::placeholder,
.su-field textarea::placeholder {
  color: #999999;
  font-style: italic;
}

.su-field textarea {
  min-height: 130px;
  resize: vertical;
  text-align: left;
}

.su-field select {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23cc0000' d='M5 7L1 3h8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
}

.su-field select option {
  background: #1a1a1e;
  color: #e0e0e0;
  padding: 10px;
}

/* ===== BUTTONS ===== */
.su-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition);
  position: relative;
  overflow: hidden;
}

.su-btn--primary {
  background: linear-gradient(135deg, var(--accent-red), #b91c1c);
  color: #ffffff;
  width: 100%;
  box-shadow: 0 2px 8px rgba(212,32,32,0.2);
}

.su-btn--primary:hover {
  background: linear-gradient(135deg, #ef4444, var(--accent-red));
  box-shadow: 0 4px 20px rgba(212,32,32,0.35);
  transform: translateY(-1px);
}

.su-btn--primary:active { transform: translateY(0); }

.su-btn--primary:disabled {
  background: #222;
  color: #555;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.su-btn--small { padding: 7px 14px; font-size: 0.68rem; border-radius: var(--radius-sm); }
.su-btn--admin { background: var(--accent-blue); color: #ffffff; }
.su-btn--admin:hover { background: #3b82f6; box-shadow: 0 2px 12px rgba(37,99,235,0.3); }
.su-btn--danger { background: transparent; border: 1px solid var(--accent-red); color: #f87171; }
.su-btn--danger:hover { background: rgba(212,32,32,0.08); }

/* ===== VETO ALERT ===== */
.su-veto-alert {
  display: none;
  padding: 16px 20px;
  background: rgba(212,32,32,0.06);
  border: 1px solid var(--border-red);
  border-radius: var(--radius);
  margin-bottom: 18px;
  font-size: 0.8rem;
  color: #f87171;
  text-align: center;
  line-height: 1.7;
}

.su-veto-alert--visible { display: block; animation: fadeSlide 0.3s ease; }

@keyframes fadeSlide {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===== WARNING BOX ===== */
.su-warning-box {
  padding: 14px 18px;
  background: rgba(202,138,4,0.05);
  border: 1px solid rgba(202,138,4,0.3);
  border-radius: var(--radius);
  margin: 22px 0;
  font-size: 0.75rem;
  color: var(--accent-gold);
  text-align: center;
}

/* ===== ADMIN PANEL ===== */
.su-admin-toggle { text-align: center; margin: 32px 0 10px; }

.su-admin-toggle__link {
  font-size: 0.68rem;
  color: var(--text-muted);
  cursor: pointer;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: color var(--transition);
}

.su-admin-toggle__link:hover { color: var(--text-secondary); }

.su-admin-panel {
  display: none;
  margin-top: 20px;
  padding: 24px;
  background: var(--bg-card);
  border: 1px solid var(--border-red);
  border-radius: var(--radius-lg);
  box-shadow: 0 0 30px rgba(212,32,32,0.05);
}

.su-admin-panel--visible { display: block; animation: fadeSlide 0.3s ease; }

.su-admin-panel__header {
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent-red);
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-default);
}

.su-admin-unlock { display: flex; gap: 10px; margin-bottom: 16px; }

.su-admin-unlock input {
  flex: 1;
  padding: 10px 14px;
  background: var(--bg-input);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  color: var(--text-primary);
  font-size: 0.82rem;
}

.su-admin-msg {
  font-size: 0.73rem;
  padding: 10px 14px;
  border-radius: var(--radius);
  margin-bottom: 12px;
  display: none;
}

.su-admin-msg--success { display: block; background: rgba(22,163,74,0.08); border: 1px solid rgba(22,163,74,0.4); color: #4ade80; }
.su-admin-msg--error { display: block; background: rgba(220,38,38,0.08); border: 1px solid rgba(220,38,38,0.4); color: #f87171; }

.su-admin-content { display: none; }
.su-admin-content--visible { display: block; }

/* ===== VETO LIST ===== */
.su-veto-list { list-style: none; margin: 12px 0; }

.su-veto-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  margin-bottom: 8px;
  font-size: 0.78rem;
  font-family: var(--font-mono);
  color: var(--text-secondary);
  transition: border-color var(--transition);
}

.su-veto-list li:hover { border-color: var(--border-hover); }

.su-veto-list li button {
  background: transparent;
  border: 1px solid rgba(212,32,32,0.4);
  color: #f87171;
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  font-size: 0.62rem;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  transition: all var(--transition);
}

.su-veto-list li button:hover { background: rgba(212,32,32,0.1); border-color: var(--accent-red); }

.su-admin-add { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }

.su-admin-add input {
  flex: 1;
  min-width: 180px;
  padding: 8px 12px;
  background: var(--bg-input);
  border: 1px solid var(--border-default);
  border-radius: var(--radius);
  color: var(--text-primary);
  font-size: 0.8rem;
}

/* ===== FOOTER ===== */
.su-footer {
  text-align: center;
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--border-default);
  font-size: 0.68rem;
  color: var(--text-muted);
  letter-spacing: 0.5px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
  .su-contact-wrapper { padding: 24px 16px; }
  .su-header h1 { font-size: 1.1rem; letter-spacing: 1.5px; }
  .su-badges { gap: 6px; }
  .su-badge { font-size: 0.58rem; padding: 4px 10px; }
  .su-badge[data-tooltip]::after { display: none; }
  .su-admin-unlock { flex-direction: column; }
  .su-admin-add { flex-direction: column; }
  .su-card { padding: 18px 16px; }
}

}





#fw-section-custom-html-56c53926-26b7-4c39-b90e-b8ef23a46626 {

*{margin:0;padding:0;box-sizing:border-box}
.mod-wrap{width:100%;min-height:100vh;background:transparent;font-family:'Segoe UI',sans-serif;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px 16px 60px;margin-left:auto;margin-right:auto;position:relative;left:50%;transform:translateX(-50%)}
.status-row{display:flex;gap:8px;flex-wrap:wrap;width:100%;max-width:860px;margin-bottom:20px}
.status-badge{display:flex;align-items:center;gap:7px;padding:6px 14px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border:1px solid transparent;cursor:default;opacity:.45;transition:opacity .2s,transform .15s}
.status-badge .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.status-aprobado{background:rgba(26,158,63,0.12);border-color:rgba(26,158,63,0.35);color:#1a9e3f}
.status-aprobado .dot{background:#1a9e3f;box-shadow:0 0 6px #1a9e3f}
.status-rechazado{background:rgba(224,32,32,0.12);border-color:rgba(224,32,32,0.35);color:#e02020}
.status-rechazado .dot{background:#e02020;box-shadow:0 0 6px #e02020}
.status-revision{background:rgba(224,160,32,0.12);border-color:rgba(224,160,32,0.35);color:#e0a020}
.status-revision .dot{background:#e0a020;box-shadow:0 0 6px #e0a020;animation:blink .9s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.status-badge.active-status{opacity:1;transform:scale(1.06)}
.admin-lock{width:100%;max-width:860px;display:flex;align-items:center;gap:8px;margin-bottom:10px}
.admin-lock input{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-family:'Segoe UI',sans-serif;font-size:12px;padding:7px 12px;outline:none;width:180px;transition:border-color .2s}
.admin-lock input:focus{border-color:#e02020}
.admin-lock input::placeholder{color:#444}
.admin-lock button{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:6px;color:#aaa;font-size:11px;font-weight:700;padding:7px 14px;cursor:pointer;letter-spacing:.8px;text-transform:uppercase;transition:background .2s,color .2s}
.admin-lock button:hover{background:rgba(255,255,255,0.1);color:#fff}
.admin-lock .lock-msg{font-size:11px;color:#555}
.info-banner{width:100%;max-width:860px;background:rgba(26,111,224,0.12);border:1px solid rgba(26,111,224,0.35);border-left:4px solid #1a6fe0;border-radius:10px;padding:18px 22px;margin-bottom:28px;display:flex;gap:14px;align-items:flex-start}
.info-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.info-text h3{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#1a6fe0;margin-bottom:6px}
.info-text p{font-size:12px;color:#aaa;line-height:1.7}
.card{width:100%;max-width:860px;background:rgba(15,15,15,0.9);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:32px 36px;backdrop-filter:blur(12px)}
.card-header{display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,0.07);padding-bottom:20px;margin-bottom:28px}
.game-badge{font-size:10px;font-weight:800;letter-spacing:1.2px;padding:4px 10px;border-radius:5px;text-transform:uppercase}
.badge-ats{background:#c47a00;color:#fff}
.badge-ets{background:#1a6fe0;color:#fff}
.card-header h2{font-size:18px;font-weight:800;color:#fff}
.card-header p{font-size:12px;color:#666;margin-top:2px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-grid.full{grid-template-columns:1fr}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#888}
.field label .req{color:#e02020;margin-left:3px}
.field input,.field select,.field textarea{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-family:'Segoe UI',sans-serif;font-size:13px;padding:10px 14px;outline:none;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#e02020}
.field input::placeholder,.field textarea::placeholder{color:#444}
.field select option{background:#1a1a1a}
.field textarea{resize:vertical;min-height:90px}
.field-hint{font-size:11px;color:#555;line-height:1.5}
.field-hint a{color:#1a6fe0;text-decoration:none}
.field-hint a:hover{text-decoration:underline}
.field-hint strong{color:#888}
.section-title{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#e02020;border-bottom:1px solid rgba(224,32,32,0.2);padding-bottom:8px;margin:28px 0 18px}
.color-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.color-swatch{width:32px;height:32px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .15s;flex-shrink:0}
.color-swatch:hover{transform:scale(1.15)}
.color-swatch.selected{border-color:#fff}
.color-custom{display:flex;align-items:center;gap:8px}
.color-custom input[type="color"]{width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,0.15);background:none;cursor:pointer;padding:2px}
.color-preview{font-size:12px;color:#aaa;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:6px 12px;display:flex;align-items:center;gap:8px;margin-top:10px}
.color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}
.upload-zone{border:2px dashed rgba(255,255,255,0.12);border-radius:10px;padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}
.upload-zone:hover,.upload-zone.dragover{border-color:#e02020;background:rgba(224,32,32,0.05)}
.upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-icon{font-size:28px;margin-bottom:8px}
.upload-zone p{font-size:12px;color:#666}
.upload-zone p strong{color:#e02020}
.preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.preview-item{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,0.1)}
.preview-item img{width:100%;height:100%;object-fit:cover}
.remove-img{position:absolute;top:3px;right:3px;background:rgba(0,0,0,0.75);border:none;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,#e02020,#a01010);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;margin-top:28px;transition:opacity .2s,transform .15s}
.btn-submit:hover{opacity:.88;transform:translateY(-1px)}
.btn-submit:disabled{opacity:.4;cursor:not-allowed;transform:none}
.toast{position:fixed;bottom:28px;right:28px;padding:14px 22px;border-radius:10px;font-size:13px;font-weight:700;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:999}
.toast.show{opacity:1;transform:translateY(0)}
.toast.success{background:#1a9e3f;color:#fff}
.toast.error{background:#e02020;color:#fff}
.mod-footer{text-align:center;font-size:10px;color:#444;padding:8px 0 2px;letter-spacing:.5px;margin-top:24px}
.ban-panel{width:100%;max-width:860px;background:rgba(15,15,15,0.9);border:1px solid rgba(224,32,32,0.25);border-radius:14px;padding:24px 28px;margin-bottom:16px}
.ban-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid rgba(224,32,32,0.2);padding-bottom:12px}
.ban-input{flex:1;min-width:200px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-family:'Segoe UI',sans-serif;font-size:13px;padding:9px 14px;outline:none}
.ban-btn{background:rgba(224,32,32,0.15);border:1px solid rgba(224,32,32,0.4);border-radius:8px;color:#e02020;font-size:11px;font-weight:700;padding:9px 18px;cursor:pointer;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.ban-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}
.ban-modal-inner{background:#111;border:1px solid rgba(224,32,32,0.4);border-left:4px solid #e02020;border-radius:14px;padding:36px 40px;max-width:420px;width:90%;text-align:center}
.ban-title{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#e02020}
.ban-count{font-size:11px;color:#555}
.ban-modal-icon{font-size:40px;margin-bottom:16px}
.ban-modal-h3{font-size:16px;font-weight:800;color:#e02020;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.ban-modal-p1{font-size:13px;color:#aaa;line-height:1.7;margin-bottom:8px}
.ban-modal-p2{font-size:12px;color:#555;margin-bottom:20px}
.ban-row-id{font-size:12px;color:#e02020;font-family:monospace;flex:1}
.ban-row-label{font-size:11px;color:#555;flex:1}
.ban-row-fixed{font-size:10px;color:#333;padding:3px 8px;border:1px solid #222;border-radius:4px}
.info-ban{border-left-color:#e02020!important;background:rgba(224,32,32,0.08)!important;border-color:rgba(224,32,32,0.3)!important;margin-bottom:16px!important}

}
#fw-section-custom-html-d87da676-b90b-400f-8956-4d6e016211de {

/* ============================================
   VERIFICACIÓN DE EDAD - SIMULADORES UNIDOS
   CSS separado — vincular con <link> o pegar
   dentro de <style> en tu sitio
   ============================================ */

/* ---------- Overlay ---------- */
#age-gate-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  align-items: center;
  justify-content: center;
  padding: 16px;
}

/* ---------- Modal ---------- */
#age-gate-modal {
  background: linear-gradient(145deg, #1a1a1a, #121212);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-shadow:
    0 0 40px rgba(0, 0, 0, 0.6),
    0 0 80px rgba(230, 57, 70, 0.08);
  max-width: 520px;
  width: 100%;
  padding: 40px 36px;
  text-align: center;
  animation: ageGateFadeIn 0.4s ease-out;
}

@keyframes ageGateFadeIn {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ---------- Barra de idiomas ---------- */
#age-gate-lang-bar {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.age-gate-lang {
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6a6a77;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  letter-spacing: 0.5px;
}

.age-gate-lang:hover {
  color: #c4c4cc;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
}

.age-gate-lang.active {
  color: #ffffff;
  background: rgba(230, 57, 70, 0.2);
  border-color: #e63946;
}

.age-gate-lang:focus-visible {
  outline: 2px solid #e63946;
  outline-offset: 2px;
}

/* ---------- Logo / Icono ---------- */
#age-gate-logo {
  margin-bottom: 20px;
}

/* ---------- Título ---------- */
#age-gate-title {
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #f1f1f1;
  margin: 0 0 12px 0;
  letter-spacing: 0.5px;
}

/* ---------- Línea divisoria ---------- */
#age-gate-divider {
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #e63946, #ff6b6b);
  border-radius: 4px;
  margin: 0 auto 24px auto;
}

/* ---------- Texto ---------- */
#age-gate-text {
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
  line-height: 1.65;
  color: #c4c4cc;
  margin-bottom: 32px;
}

#age-gate-text p {
  margin: 0 0 12px 0;
}

#age-gate-text p:last-child {
  margin-bottom: 0;
}

#age-gate-text strong {
  color: #ffffff;
  font-weight: 600;
}

/* ---------- Contenedor de botones ---------- */
#age-gate-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ---------- Botón ENTRAR ---------- */
#age-gate-enter {
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(135deg, #e63946, #c1121f);
  border: none;
  border-radius: 10px;
  padding: 14px 24px;
  cursor: pointer;
  transition: all 0.25s ease;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 16px rgba(230, 57, 70, 0.3);
}

#age-gate-enter:hover {
  background: linear-gradient(135deg, #ff4d5a, #e63946);
  box-shadow: 0 6px 24px rgba(230, 57, 70, 0.45);
  transform: translateY(-1px);
}

#age-gate-enter:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(230, 57, 70, 0.3);
}

#age-gate-enter:focus-visible {
  outline: 2px solid #ff6b6b;
  outline-offset: 3px;
}

/* ---------- Botón SALIR ---------- */
#age-gate-exit {
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: #8a8a99;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 12px 24px;
  cursor: pointer;
  transition: all 0.25s ease;
}

#age-gate-exit:hover {
  color: #c4c4cc;
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.04);
}

#age-gate-exit:active {
  background: rgba(255, 255, 255, 0.06);
}

#age-gate-exit:focus-visible {
  outline: 2px solid #8a8a99;
  outline-offset: 3px;
}

/* ---------- Responsive ---------- */
@media (max-width: 540px) {
  #age-gate-modal {
    padding: 28px 20px;
    border-radius: 12px;
  }

  #age-gate-title {
    font-size: 1.3rem;
  }

  #age-gate-text {
    font-size: 0.88rem;
  }

  #age-gate-enter {
    font-size: 0.95rem;
    padding: 13px 20px;
  }

  #age-gate-exit {
    font-size: 0.85rem;
    padding: 11px 20px;
  }
}

@media (max-width: 360px) {
  #age-gate-modal {
    padding: 24px 16px;
  }

  #age-gate-title {
    font-size: 1.15rem;
  }
}

}

#fw-section-header {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #FFFFFF;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #FFFFFF;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #FFFFFF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #FFFFFF;
--secondary-btn-border-color: #FFFFFF;

}