#fw-section-custom-html-a9ad8ad0-39dd-42b3-b705-71c55989bb8b {

.normas-container, .normas-container * {
  box-sizing: border-box;
}

.normas-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.7;
  color: #d1d5db;
  background: transparent;
}

.normas-header {
  text-align: center;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.normas-header h1 {
  font-size: 2.5rem;
  color: #f9fafb;
  margin-bottom: 0.5rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.normas-header .fecha {
  color: #9ca3af;
  font-size: 0.95rem;
  font-weight: 500;
}

.normas-intro, .normas-footer {
  padding: 2rem;
  border-radius: 12px;
  margin-bottom: 2rem;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.normas-intro p, .normas-footer p {
  color: #e5e7eb;
  margin-bottom: 1rem;
  font-size: 1.05rem;
}

.normas-intro p:last-child, .normas-footer p:last-child {
  margin-bottom: 0;
}

/* ===== ACORDEÓN / DESPLEGABLES ===== */
.norma-seccion {
  margin-bottom: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid #38bdf8;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.norma-seccion[open] {
  border-left-color: #0ea5e9;
}

/* Variantes de alerta */
.norma-seccion.alerta {
  border-left-color: #fbbf24;
}

.norma-seccion.alerta[open] {
  border-left-color: #f59e0b;
}

.norma-seccion.alerta-danger {
  border-left-color: #f87171;
}

.norma-seccion.alerta-danger[open] {
  border-left-color: #ef4444;
}

.norma-seccion.alerta-info {
  border-left-color: #34d399;
}

.norma-seccion.alerta-info[open] {
  border-left-color: #10b981;
}

/* Botón del desplegable (summary) */
.norma-seccion summary {
  list-style: none;
  cursor: pointer;
  padding: 1.25rem 1.5rem;
  font-size: 1.15rem;
  font-weight: 600;
  color: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  user-select: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.norma-seccion summary::-webkit-details-marker {
  display: none;
}

.norma-seccion summary::marker {
  display: none;
  content: "";
}

.norma-seccion summary:hover {
  background: rgba(255, 255, 255, 0.03);
  color: #38bdf8;
}

.norma-seccion.alerta summary:hover {
  color: #fbbf24;
}

.norma-seccion.alerta-danger summary:hover {
  color: #f87171;
}

.norma-seccion.alerta-info summary:hover {
  color: #34d399;
}

/* Flecha indicadora */
.norma-seccion summary::after {
  content: "";
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  margin-left: auto;
}

.norma-seccion[open] summary::after {
  transform: rotate(45deg);
}

/* Contenido del desplegable */
.norma-contenido {
  padding: 0 1.5rem 1.5rem 1.5rem;
  color: #d1d5db;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.norma-contenido p {
  margin-bottom: 1rem;
  color: #d1d5db;
}

.norma-contenido p:last-child {
  margin-bottom: 0;
}

.norma-contenido ul {
  margin-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.norma-contenido li {
  margin-bottom: 0.5rem;
  color: #9ca3af;
}

.norma-seccion.alerta .norma-contenido li::marker {
  color: #fbbf24;
}

.norma-seccion.alerta-danger .norma-contenido li::marker {
  color: #f87171;
}

.norma-seccion.alerta-info .norma-contenido li::marker {
  color: #34d399;
}

.norma-contenido li::marker {
  color: #38bdf8;
}

.norma-contenido strong {
  color: #f9fafb;
  font-weight: 600;
}

/* Footer */
.normas-footer {
  text-align: center;
  margin-top: 3rem;
}

.normas-footer h3 {
  color: #38bdf8;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: 800;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .normas-container {
    padding: 1.5rem 1rem;
  }

  .normas-header h1 {
    font-size: 2rem;
  }

  .norma-seccion summary {
    padding: 1rem 1.25rem;
    font-size: 1.05rem;
  }

  .norma-contenido {
    padding: 0 1.25rem 1.25rem 1.25rem;
  }

  .normas-intro, .normas-footer {
    padding: 1.5rem;
  }
}
}


#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-2d325d6d-2f3a-43b7-9973-8e85a326ff55 {

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',sans-serif;background:#07080d;color:#d0d8e4;line-height:1.7;text-align:center}

/* HERO */
.hero{text-align:center;padding:60px 20px 40px;background:radial-gradient(ellipse at 50% 0%,rgba(74,158,255,0.08),transparent 70%)}
.hero-badge{display:inline-block;background:rgba(74,158,255,0.1);border:1px solid rgba(74,158,255,0.25);border-radius:20px;padding:5px 16px;font-size:0.75rem;color:#4A9EFF;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}
.hero h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:14px;color:#fff}
.hero h1 span{color:#4A9EFF}
.hero p{font-size:1rem;color:#6B8AAD;max-width:580px;margin:0 auto 28px}
.hero-buttons{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:24px 0}

/* TAGS */
.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.tag{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:5px 12px;font-size:0.8rem;color:#8A9AAD}
.tag.green{color:#50C878;border-color:rgba(80,200,120,0.3);background:rgba(80,200,120,0.06)}

/* BOTONES */
.btn-green{display:inline-block;background:linear-gradient(135deg,#28A050,#50C878);color:#fff;padding:13px 32px;border-radius:10px;font-size:0.95rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:opacity 0.2s}
.btn-green:hover{opacity:0.88}
.btn-outline{display:inline-block;background:transparent;color:#4A9EFF;padding:13px 32px;border-radius:10px;font-size:0.95rem;font-weight:600;text-decoration:none;border:1.5px solid rgba(74,158,255,0.35);cursor:pointer;transition:border-color 0.2s,color 0.2s}
.btn-outline:hover{border-color:#4A9EFF;color:#6AB8FF}

/* SECCIONES */
.section{padding:56px 20px;max-width:1000px;margin:0 auto;text-align:center}
.section-lbl{font-size:0.72rem;letter-spacing:3px;color:#4A9EFF;text-transform:uppercase;margin-bottom:10px}
.section-title{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700;color:#fff;margin-bottom:8px}
.section-sub{color:#6B8AAD;font-size:0.9rem;margin-bottom:36px;max-width:640px;margin-left:auto;margin-right:auto}

/* SPECS */
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;max-width:860px;margin:0 auto}
.spec{background:rgba(14,17,24,0.9);border:1px solid #1a1e2a;border-radius:12px;padding:20px 14px;text-align:center}
.spec-val{font-size:1.9rem;font-weight:800;color:#50C878}
.spec-lbl{font-size:0.78rem;color:#6B8AAD;margin-top:4px}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1000px;margin:0 auto}
.card{background:linear-gradient(145deg,rgba(14,17,24,0.97),rgba(9,11,16,0.97));border:1px solid #1a1e2a;border-radius:14px;padding:24px;transition:border-color 0.25s;text-align:center}
.card:hover{border-color:rgba(74,158,255,0.25)}
.card-icon{font-size:1.9rem;margin-bottom:12px}
.card h3{font-size:1rem;color:#fff;margin-bottom:6px}
.card p{color:#6B8AAD;font-size:0.85rem;line-height:1.65}

/* DIVIDER */
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(74,158,255,0.15),transparent);margin:8px auto;max-width:500px}

/* LEGAL */
.legal-card{background:linear-gradient(145deg,rgba(14,17,24,0.97),rgba(9,11,16,0.97));border:1px solid #1a1e2a;border-radius:14px;padding:28px;margin:16px auto;max-width:800px;text-align:left}
.legal-card h3{color:#4A9EFF;margin-bottom:14px;font-size:1rem;font-weight:700}
.legal-card p{color:#8A9AAD;font-size:0.875rem;line-height:1.85;margin-top:10px}
.legal-card p:first-of-type{margin-top:0}
.legal-card strong{color:#d0d8e4}
.legal-card a{color:#4A9EFF;text-decoration:none}
.legal-card a:hover{text-decoration:underline}
.warn-card{border-color:rgba(255,140,66,0.3)}
.warn-card h3{color:#FF8C42}

/* FOOTER */
footer{text-align:center;padding:36px 20px;border-top:1px solid #1a1e2a;color:#3A4A5C;font-size:0.82rem}
footer a{color:#4A9EFF;text-decoration:none}
footer a:hover{text-decoration:underline}

/* CODE */
code{background:rgba(74,158,255,0.08);border:1px solid rgba(74,158,255,0.18);border-radius:4px;padding:1px 6px;font-family:Consolas,monospace;font-size:0.82rem;color:#4A9EFF}

/* MODAL */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:1000;align-items:center;justify-content:center;padding:16px}
.modal-overlay.open{display:flex}
.modal{background:#0d1117;border:1px solid #1a1e2a;border-radius:14px;width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.modal-header{padding:16px 24px;border-bottom:1px solid #1a1e2a;display:flex;align-items:center;justify-content:space-between}
.modal-header h2{color:#fff;font-size:1rem;font-weight:600}
.modal-close{background:rgba(255,255,255,0.06);border:none;color:#6B8AAD;width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:1rem;transition:background 0.2s}
.modal-close:hover{background:rgba(255,80,80,0.2);color:#FF5555}
.modal-tabs{display:flex;border-bottom:1px solid #1a1e2a;padding:0 16px;overflow-x:auto}
.modal-tab{padding:10px 14px;cursor:pointer;color:#6B8AAD;font-size:0.82rem;border-bottom:2px solid transparent;white-space:nowrap;transition:color 0.2s}
.modal-tab.active{color:#4A9EFF;border-bottom-color:#4A9EFF}
.modal-body{overflow-y:auto;padding:24px;flex:1}
.modal-body h3{color:#4A9EFF;margin:16px 0 7px;font-size:0.9rem;font-weight:700}
.modal-body h3:first-child{margin-top:0}
.modal-body p,.modal-body li{color:#8A9AAD;font-size:0.85rem;line-height:1.8}
.modal-body ul{padding-left:18px;margin-bottom:10px}
.modal-body a{color:#4A9EFF;text-decoration:none}
.modal-body a:hover{text-decoration:underline}
.modal-body .warn{color:#FF8C42;font-weight:600}
.modal-body .step{display:flex;align-items:flex-start;gap:10px;margin:8px 0}
.modal-body .step-n{min-width:24px;height:24px;background:rgba(74,158,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:#4A9EFF;flex-shrink:0;margin-top:2px}
.modal-section{display:none}
.modal-section.active{display:block}

}







#fw-section-custom-html-1d3101ff-0d58-4fd6-acce-4904822ed31d {

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

.mw{font-family:'Outfit',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:transparent;color:#f0f0f8;padding:56px 24px 88px;position:relative}

/* scanlines */
.mw::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.025) 2px,rgba(0,0,0,.025) 4px);pointer-events:none;z-index:0}

/* ── HEADER ── */
.mw-head{max-width:1300px;margin:0 auto 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;z-index:1}
.mw-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#e74c3c;margin-bottom:12px}
.mw-dot{width:6px;height:6px;border-radius:50%;background:#e74c3c;flex-shrink:0;animation:mw-blink 2s ease infinite}
@keyframes mw-blink{0%,100%{box-shadow:0 0 0 0 rgba(231,76,60,.8)}60%{box-shadow:0 0 0 8px rgba(231,76,60,0)}}
.mw-h1{font-size:clamp(30px,4.2vw,58px);font-weight:900;letter-spacing:-3px;line-height:.9;color:#fff}
.mw-h1 em{font-style:normal;background:linear-gradient(120deg,#e74c3c,#ff6b35 45%,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mw-sub{margin-top:12px;font-size:13px;color:rgba(255,255,255,.3);font-weight:400;letter-spacing:.3px}

/* ── FILTERS ── */
.mw-filters{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:99px;padding:4px;display:flex;gap:2px}
.mw-f{padding:9px 24px;border-radius:99px;border:none;background:transparent;color:rgba(255,255,255,.38);font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .22s ease;outline:none}
.mw-f:hover{color:rgba(255,255,255,.75)}
[data-active="free"]   .mw-f.on{background:linear-gradient(135deg,#22d65f,#16a34a);color:#fff;box-shadow:0 2px 16px rgba(34,214,95,.35)}
[data-active="paid"]   .mw-f.on{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 16px rgba(231,76,60,.35)}
[data-active="bundle"] .mw-f.on{background:linear-gradient(135deg,#4f8ef7,#2563eb);color:#fff;box-shadow:0 2px 16px rgba(79,142,247,.35)}

/* ── SECTION BANNER ── */
.mw-section{max-width:1300px;margin:0 auto 24px;position:relative;z-index:1}
.mw-sec-inner{padding:18px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:border-color .4s}
/* ambient glow */
.mw-sec-inner::before{content:'';position:absolute;left:-80px;top:-80px;width:240px;height:240px;border-radius:50%;pointer-events:none;transition:background .4s}
/* left bar */
.mw-sec-inner::after{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;transition:background .4s}
[data-active="free"]   .mw-sec-inner{border-color:rgba(34,214,95,.15)}
[data-active="free"]   .mw-sec-inner::before{background:radial-gradient(circle,rgba(34,214,95,.14),transparent 70%)}
[data-active="free"]   .mw-sec-inner::after{background:linear-gradient(to bottom,#22d65f,#16a34a)}
[data-active="paid"]   .mw-sec-inner{border-color:rgba(231,76,60,.15)}
[data-active="paid"]   .mw-sec-inner::before{background:radial-gradient(circle,rgba(231,76,60,.14),transparent 70%)}
[data-active="paid"]   .mw-sec-inner::after{background:linear-gradient(to bottom,#e74c3c,#c0392b)}
[data-active="bundle"] .mw-sec-inner{border-color:rgba(79,142,247,.15)}
[data-active="bundle"] .mw-sec-inner::before{background:radial-gradient(circle,rgba(79,142,247,.14),transparent 70%)}
[data-active="bundle"] .mw-sec-inner::after{background:linear-gradient(to bottom,#4f8ef7,#2563eb)}
.mw-sec-left{display:flex;align-items:center;gap:14px;padding-left:12px;position:relative;z-index:1}
.mw-sec-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:background .4s,box-shadow .4s}
[data-active="free"]   .mw-sec-icon{background:rgba(34,214,95,.1);border:1px solid rgba(34,214,95,.2);box-shadow:0 0 20px rgba(34,214,95,.2)}
[data-active="paid"]   .mw-sec-icon{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.2);box-shadow:0 0 20px rgba(231,76,60,.2)}
[data-active="bundle"] .mw-sec-icon{background:rgba(79,142,247,.1);border:1px solid rgba(79,142,247,.2);box-shadow:0 0 20px rgba(79,142,247,.2)}
.mw-sec-title{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.2px}
.mw-sec-desc{font-size:11px;color:rgba(255,255,255,.3);margin-top:2px}
.mw-sec-right{position:relative;z-index:1;text-align:right}
.mw-sec-num{font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1;transition:color .4s}
[data-active="free"]   .mw-sec-num{color:#4ade80}
[data-active="paid"]   .mw-sec-num{color:#fca5a5}
[data-active="bundle"] .mw-sec-num{color:#93c5fd}
.mw-sec-unit{font-size:10px;color:rgba(255,255,255,.28);text-transform:uppercase;letter-spacing:1.5px}
@keyframes mw-flip{from{opacity:0;transform:translateY(-8px) scale(.85)}to{opacity:1;transform:none}}
.mw-sec-num.flip{animation:mw-flip .22s cubic-bezier(.16,1,.3,1)}

/* ── GRID ── */
.mw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:18px;max-width:1300px;margin:0 auto;position:relative;z-index:1}

/* ── CARD ── */
@keyframes mw-in{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
.mw-card{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;background:#09090d;border:1px solid rgba(255,255,255,.07);animation:mw-in .5s cubic-bezier(.16,1,.3,1) both;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s,border-color .3s;will-change:transform}
.mw-card:nth-child(1){animation-delay:.04s}.mw-card:nth-child(2){animation-delay:.09s}.mw-card:nth-child(3){animation-delay:.14s}.mw-card:nth-child(4){animation-delay:.19s}.mw-card:nth-child(5){animation-delay:.24s}.mw-card:nth-child(6){animation-delay:.29s}.mw-card:nth-child(7){animation-delay:.34s}
.mw-card:hover{transform:translateY(-10px) scale(1.015);border-color:rgba(255,255,255,.14);box-shadow:0 40px 80px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05)}

/* image */
.mw-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .5s;filter:brightness(.8) saturate(1.1)}
.mw-card:hover .mw-img{transform:scale(1.07);filter:brightness(.96) saturate(1.15)}

/* base gradient */
.mw-grad{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(150deg,rgba(0,0,0,.52) 0%,transparent 42%),linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.3) 28%,transparent 55%)}

/* tint */
.mw-tint{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .45s;pointer-events:none}
.mw-card:hover .mw-tint{opacity:1}
.mw-card[data-t="free"]   .mw-tint{background:radial-gradient(ellipse at 50% 115%,rgba(34,214,95,.22) 0%,transparent 58%)}
.mw-card[data-t="paid"]   .mw-tint{background:radial-gradient(ellipse at 50% 115%,rgba(231,76,60,.2) 0%,transparent 58%)}
.mw-card[data-t="bundle"] .mw-tint{background:radial-gradient(ellipse at 50% 115%,rgba(79,142,247,.2) 0%,transparent 58%)}

/* corner tech accents */
.mw-corners{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s;background:
  linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 18px) top left/18px 18px no-repeat,
  linear-gradient(225deg,rgba(255,255,255,.1) 0%,transparent 18px) top right/18px 18px no-repeat,
  linear-gradient(315deg,rgba(255,255,255,.1) 0%,transparent 18px) bottom left/18px 18px no-repeat,
  linear-gradient(45deg,rgba(255,255,255,.1)  0%,transparent 18px) bottom right/18px 18px no-repeat}
.mw-card:hover .mw-corners{opacity:1}

/* shine */
.mw-shine{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.mw-shine::after{content:'';position:absolute;top:0;bottom:0;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-120%) skewX(-15deg)}
.mw-card:hover .mw-shine::after{transition:transform .7s ease;transform:translateX(500%) skewX(-15deg)}

/* badge */
.mw-badge{position:absolute;top:13px;right:13px;z-index:8;padding:4px 10px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .2s}
.mw-card:hover .mw-badge{transform:scale(1.07)}
.mw-badge.free  {background:rgba(3,28,12,.9);color:#4ade80;border:1px solid rgba(34,214,95,.3);box-shadow:0 0 12px rgba(34,214,95,.15)}
.mw-badge.paid  {background:rgba(38,5,3,.9); color:#fca5a5;border:1px solid rgba(231,76,60,.3);box-shadow:0 0 12px rgba(231,76,60,.15)}
.mw-badge.bundle{background:rgba(3,9,36,.9); color:#93c5fd;border:1px solid rgba(79,142,247,.3);box-shadow:0 0 12px rgba(79,142,247,.15)}

/* body */
.mw-body{position:absolute;inset:0;z-index:6;padding:16px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;pointer-events:none}
.mw-title{font-size:17px;font-weight:800;letter-spacing:-.3px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,1);line-height:1.2}
.mw-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.mw-left{display:flex;flex-direction:column;gap:5px}
.mw-tags{display:flex;gap:4px}
.mw-tag{padding:2px 7px;border-radius:4px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08);font-size:8px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;backdrop-filter:blur(8px);white-space:nowrap}
.mw-tag.ats{color:#fb923c;border-color:rgba(249,115,22,.25)}
.mw-tag.ver{color:#94a3b8;border-color:rgba(148,163,184,.15)}
.mw-date{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:500;color:rgba(255,255,255,.32);letter-spacing:.5px}
.mw-date svg{width:9px;height:9px;opacity:.4;flex-shrink:0}
.mw-right{display:flex;align-items:center;gap:7px;flex-shrink:0}
.mw-price{padding:6px 14px;border-radius:10px;white-space:nowrap;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.mw-price.free  {background:rgba(2,30,12,.85);border:1px solid rgba(34,214,95,.3);box-shadow:0 4px 20px rgba(34,214,95,.15),inset 0 1px 0 rgba(255,255,255,.07)}
.mw-price.paid  {background:rgba(60,8,5,.85); border:1px solid rgba(231,76,60,.3); box-shadow:0 4px 20px rgba(231,76,60,.18),inset 0 1px 0 rgba(255,255,255,.07)}
.mw-price.bundle{background:rgba(2,8,38,.85); border:1px solid rgba(79,142,247,.3); box-shadow:0 4px 20px rgba(79,142,247,.16),inset 0 1px 0 rgba(255,255,255,.07)}
.mw-pval{font-size:17px;font-weight:900;line-height:1}
.mw-price.free   .mw-pval{color:#86efac;font-size:14px}
.mw-price.paid   .mw-pval{color:#fff}
.mw-price.bundle .mw-pval{color:#bfdbfe}
.mw-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.6);transition:all .2s;pointer-events:all;backdrop-filter:blur(12px);flex-shrink:0}
.mw-card:hover .mw-btn{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff;transform:translate(2px,-2px)}
.mw-btn svg{width:13px;height:13px}

/* canvas neon ring */
.mw-card canvas{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:26px;pointer-events:none;z-index:7;opacity:0;transition:opacity .35s}
.mw-card:hover canvas{opacity:1}

@media(max-width:900px){.mw-grid{grid-template-columns:1fr 1fr}.mw{padding:40px 16px 60px}}
@media(max-width:540px){.mw-grid{grid-template-columns:1fr}.mw{padding:28px 12px 48px}.mw-head{flex-direction:column;align-items:flex-start}}

}

#fw-section-custom-html-30934cdb-bcf8-48c8-9901-fce7b98bfa98 {

/* ════════════════════════════════════════════════════════════════════
   VERIFICACIÓN DE EDAD — Simuladores Unidos Chile (Fourthwall CSS)
   Pega este contenido en el campo CSS de tu Custom Code Section.
   Todo está scopeado bajo #su-agegate-root para no chocar con Fourthwall.
   ════════════════════════════════════════════════════════════════════ */

#su-agegate-root,
#su-agegate-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#su-agegate-root {
  --su-bg-0: #0a0b0d;
  --su-bg-1: #121317;
  --su-bg-2: #17191f;
  --su-graphite: #1f2229;
  --su-steel: #2a2f3a;
  --su-line: rgba(120, 140, 170, 0.14);
  --su-accent: #2f7bff;
  --su-accent-2: #5aa0ff;
  --su-accent-glow: rgba(47, 123, 255, 0.45);
  --su-text: #e8ecf3;
  --su-text-dim: #9aa3b2;
  --su-text-faint: #5f6875;
  --su-ok: #2fd07a;
  --su-warn: #f0b441;
  --su-err: #ff5d5d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter,
    "Helvetica Neue", Arial, sans-serif;
  color: var(--su-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}

/* Overlay: bloquea toda la interacción con la página */
#su-agegate-root .su-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background:
    radial-gradient(120% 120% at 50% 0%, rgba(20, 26, 38, 0.55) 0%, rgba(6, 7, 9, 0.92) 60%, rgba(4, 5, 7, 0.98) 100%);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  animation: su-fade-in 0.32s ease both;
}

#su-agegate-root.su-hidden { display: none !important; }

@keyframes su-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes su-scale-in {
  from { opacity: 0; transform: translateY(14px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes su-pulse-ring {
  0%   { box-shadow: 0 0 0 0 var(--su-accent-glow); }
  70%  { box-shadow: 0 0 0 14px rgba(47, 123, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(47, 123, 255, 0); }
}
@keyframes su-spin {
  to { transform: rotate(360deg); }
}
@keyframes su-sheen {
  0%   { transform: translateX(-120%); }
  60%,
  100% { transform: translateX(120%); }
}
@keyframes su-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-4px); }
}

/* Tarjeta principal */
#su-agegate-root .su-card {
  position: relative;
  width: 100%;
  max-width: 440px;
  max-height: 92vh;
  overflow-y: auto;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(28, 32, 41, 0.96) 0%, rgba(16, 18, 23, 0.98) 100%);
  border: 1px solid var(--su-line);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04) inset,
    0 24px 60px -18px rgba(0, 0, 0, 0.85),
    0 0 60px -22px var(--su-accent-glow);
  animation: su-scale-in 0.42s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

#su-agegate-root .su-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(160deg, rgba(90, 160, 255, 0.55), rgba(90, 160, 255, 0) 40%, rgba(90, 160, 255, 0) 70%, rgba(90, 160, 255, 0.25));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

#su-agegate-root .su-card__inner {
  padding: 34px 30px 26px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Encabezado con icono de seguridad */
#su-agegate-root .su-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}

#su-agegate-root .su-badge {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, rgba(47, 123, 255, 0.22), rgba(47, 123, 255, 0.05));
  border: 1px solid rgba(90, 160, 255, 0.28);
  box-shadow: 0 0 30px -6px var(--su-accent-glow), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
  animation: su-float 4.5s ease-in-out infinite;
}

#su-agegate-root .su-badge svg {
  width: 32px;
  height: 32px;
  color: var(--su-accent-2);
  filter: drop-shadow(0 0 6px var(--su-accent-glow));
}

#su-agegate-root .su-title {
  font-size: 21px;
  font-weight: 650;
  letter-spacing: -0.01em;
}

#su-agegate-root .su-kicker {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--su-accent-2);
}

#su-agegate-root .su-sub {
  color: var(--su-text-dim);
  font-size: 14px;
  max-width: 320px;
}

/* Requisito de edad (chip) */
#su-agegate-root .su-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  align-self: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--su-accent-2);
  background: rgba(47, 123, 255, 0.1);
  border: 1px solid rgba(90, 160, 255, 0.25);
}

#su-agegate-root .su-chip svg { width: 14px; height: 14px; }

/* Bloque informativo / privacidad */
#su-agegate-root .su-info {
  display: flex;
  gap: 11px;
  padding: 13px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--su-line);
}

#su-agegate-root .su-info svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: var(--su-accent-2);
  margin-top: 1px;
}

#su-agegate-root .su-info p {
  font-size: 12.5px;
  color: var(--su-text-dim);
}

#su-agegate-root .su-info b { color: var(--su-text); font-weight: 600; }

/* Botón principal */
#su-agegate-root .su-btn {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border: none;
  border-radius: 14px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: #fff;
  background: linear-gradient(180deg, #3a86ff 0%, #2563ec 100%);
  box-shadow:
    0 10px 26px -10px var(--su-accent-glow),
    0 1px 0 rgba(255, 255, 255, 0.2) inset;
  transition: transform 0.12s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
#su-agegate-root .su-btn:hover  { transform: translateY(-1px); filter: brightness(1.06); }
#su-agegate-root .su-btn:active { transform: translateY(0); }
#su-agegate-root .su-btn:focus-visible {
  outline: 2px solid var(--su-accent-2);
  outline-offset: 3px;
}
#su-agegate-root .su-btn[disabled] {
  cursor: progress;
  filter: saturate(0.7) brightness(0.85);
  box-shadow: none;
}
#su-agegate-root .su-btn::after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 40%;
  background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: translateX(-120%);
}
#su-agegate-root .su-btn:not([disabled]):hover::after {
  animation: su-sheen 0.9s ease;
}

#su-agegate-root .su-btn svg { width: 18px; height: 18px; }

/* Variantes de estado */
#su-agegate-root .su-btn.su-is-ok   { background: linear-gradient(180deg, #34d27f, #1fae63); box-shadow: 0 10px 26px -10px rgba(47, 210, 122, 0.5); }
#su-agegate-root .su-btn.su-is-err  { background: linear-gradient(180deg, #ff6b6b, #e23b3b); box-shadow: 0 10px 26px -10px rgba(255, 93, 93, 0.45); }
#su-agegate-root .su-btn.su-is-warn { background: linear-gradient(180deg, #f0b441, #d98b1f); box-shadow: 0 10px 26px -10px rgba(240, 180, 65, 0.45); }
#su-agegate-root .su-btn.su-is-ghost {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--su-line);
  box-shadow: none;
  color: var(--su-text);
}

/* Spinner */
#su-agegate-root .su-spin {
  width: 18px; height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  animation: su-spin 0.7s linear infinite;
}

/* Panel de estado (procesando / resultado) */
#su-agegate-root .su-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 14px 6px 4px;
  animation: su-scale-in 0.3s ease both;
}

#su-agegate-root .su-status__icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  animation: su-pulse-ring 1.8s infinite;
}
#su-agegate-root .su-status__icon svg { width: 34px; height: 34px; }
#su-agegate-root .su-status__icon.su-loading { background: rgba(47, 123, 255, 0.12); border: 1px solid rgba(90, 160, 255, 0.3); color: var(--su-accent-2); animation: su-spin 1.1s linear infinite, su-pulse-ring 1.8s infinite; }
#su-agegate-root .su-status__icon.su-ok    { background: rgba(47, 210, 122, 0.12); border: 1px solid rgba(47, 210, 122, 0.35); color: var(--su-ok); animation: none; }
#su-agegate-root .su-status__icon.su-err   { background: rgba(255, 93, 93, 0.12); border: 1px solid rgba(255, 93, 93, 0.35); color: var(--su-err); animation: none; }
#su-agegate-root .su-status__icon.su-warn  { background: rgba(240, 180, 65, 0.12); border: 1px solid rgba(240, 180, 65, 0.35); color: var(--su-warn); animation: none; }

#su-agegate-root .su-status__title { font-size: 17px; font-weight: 650; }
#su-agegate-root .su-status__text  { font-size: 13.5px; color: var(--su-text-dim); max-width: 320px; }

/* Barra de progreso para el estado pendiente */
#su-agegate-root .su-progress {
  width: 100%;
  height: 4px;
  border-radius: 999px;
  background: var(--su-steel);
  overflow: hidden;
}
#su-agegate-root .su-progress > span {
  display: block;
  height: 100%;
  width: 35%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--su-accent), var(--su-accent-2));
  animation: su-progress 1.4s ease-in-out infinite;
}
@keyframes su-progress {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(320%); }
}

/* Pie */
#su-agegate-root .su-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding-top: 6px;
  font-size: 11.5px;
  color: var(--su-text-faint);
}
#su-agegate-root .su-foot a {
  color: var(--su-text-dim);
  text-decoration: none;
  border-bottom: 1px dotted var(--su-line);
}
#su-agegate-root .su-foot a:hover { color: var(--su-accent-2); }

#su-agegate-root .su-divider {
  height: 1px;
  width: 100%;
  background: var(--su-line);
}

#su-agegate-root .su-cookie-note {
  font-size: 11px;
  text-align: center;
  color: var(--su-text-faint);
}

/* Aviso accesible para lectores de pantalla */
#su-agegate-root .su-sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Responsivo */
@media (max-width: 480px) {
  #su-agegate-root .su-card__inner { padding: 28px 22px 22px; gap: 16px; }
  #su-agegate-root .su-title { font-size: 19px; }
  #su-agegate-root .su-badge { width: 58px; height: 58px; }
}

/* Respeto a usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce) {
  #su-agegate-root *,
  #su-agegate-root *::before,
  #su-agegate-root *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

}

#fw-section-text-carousel-a6ce92e5-d408-4195-a859-24870ef24715 {
--font-heading-scale: 0.72;
--font-body-scale: 0.94;
}
#fw-section-text-carousel-a6ce92e5-d408-4195-a859-24870ef24715 {
--color-primary: #010101;
--color-primary-rgb: 1, 1, 1;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ff0505;
--color-on-background-rgb: 255, 5, 5;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ff0505;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #010101;
--primary-btn-text: #FFFFFF;
--primary-btn-border-color: #ff0505;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ff0505;
--secondary-btn-border-color: #ff0505;

}
#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;

}