.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================
   FLOWDED — Sistema de diseño global (oscuro)
   Pegar en: Apariencia → Personalizar → CSS adicional
   Tipos: Space Grotesk (Headings) + Inter (Body)
   ============================ */

/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;600;700&display=swap");

/* ---------- Tokens (CSS Variables) ---------- */
:root{
  /* Colores base */
  --fd-bg: #0b0e13;          /* fondo principal */
  --fd-bg-2: #0e131b;        /* fondo alterno / secciones */
  --fd-card: #121620;        /* tarjetas / contenedores */
  --fd-surface: #161b26;     /* superficies elevadas */
  --fd-border: #1f2a36;      /* bordes suaves */
  
  /* Texto */
  --fd-text: #f4f6fb;        /* texto principal */
  --fd-muted: #9aa3b2;       /* texto secundario */
  
  /* Accentos (cian Flowded) */
  --fd-primary: #38bdf8;     /* primario */
  --fd-primary-2: #7dd3fc;   /* primario claro (hover) */
  --fd-accent: #22d3ee;      /* acento extra para detalles */

  /* Estados */
  --fd-success: #10b981;
  --fd-warning: #f59e0b;
  --fd-danger:  #ef4444;

  /* Dimensiones y radios */
  --fd-maxw: 1240px;
  --fd-radius-sm: 10px;
  --fd-radius: 16px;
  --fd-radius-lg: 24px;

  /* Tipografía (escala) */
  --fd-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --fd-font-display: "Space Grotesk", var(--fd-font-sans);

  --fd-fs-body: 16px;
  --fd-lh-body: 1.65;

  /* Escala fluida para titulares */
  --fd-h1: clamp(2.4rem, 3.5vw + 1rem, 3.6rem);
  --fd-h2: clamp(2.0rem, 2.8vw + 0.8rem, 3.0rem);
  --fd-h3: clamp(1.6rem, 2.0vw + 0.6rem, 2.2rem);
  --fd-h4: clamp(1.3rem, 1.2vw + 0.5rem, 1.6rem);

  /* Sombra */
  --fd-shadow: 0 10px 30px rgba(0,0,0,.35);

  /* Espaciado global */
  --fd-gap-sm: 10px;
  --fd-gap: 16px;
  --fd-gap-lg: 28px;
}

/* ---------- Base ---------- */
html, body{
  background: var(--fd-bg);
  color: var(--fd-text);
  font-family: var(--fd-font-sans);
  font-size: var(--fd-fs-body);
  line-height: var(--fd-lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{
  color: var(--fd-primary);
  text-decoration: none;
}
a:hover, a:focus{
  color: var(--fd-primary-2);
  text-decoration: underline;
}

/* Contenedores Elementor */
.elementor-section{
  background: transparent;
}
.elementor-container{ 
  max-width: var(--fd-maxw) !important;
}
.elementor-widget-container{
  color: var(--fd-text);
}

/* ---------- Titulares ---------- */
h1, h2, h3, h4, h5, h6,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6{
  font-family: var(--fd-font-display);
  letter-spacing: -0.01em;
  line-height: 1.15;
  color: var(--fd-text);
  margin-top: 0;
}
h1, .elementor-widget-heading h1{ font-size: var(--fd-h1); }
h2, .elementor-widget-heading h2{ font-size: var(--fd-h2); }
h3, .elementor-widget-heading h3{ font-size: var(--fd-h3); }
h4, .elementor-widget-heading h4{ font-size: var(--fd-h4); color: var(--fd-muted); }

/* Texto y párrafos */
p{ margin: 0 0 1.1em; color: var(--fd-text); }
.small, small{ font-size: .88rem; color: var(--fd-muted); }

/* ---------- Cards / superficies ---------- */
.fd-card,
.elementor-widget-image-box .elementor-widget-container,
.elementor-widget-icon-box .elementor-widget-container,
.elementor-widget-text-editor .elementor-widget-container{
  background: var(--fd-card);
  border: 1px solid var(--fd-border);
  border-radius: var(--fd-radius);
  box-shadow: var(--fd-shadow);
  padding: clamp(16px, 2vw, 28px);
}

/* Variante “surface” ligera */
.fd-surface{
  background: var(--fd-surface);
  border: 1px solid var(--fd-border);
  border-radius: var(--fd-radius);
}

/* ---------- Botones ---------- */
.elementor-button, .elementor-button:visited{
  font-family: var(--fd-font-sans);
  font-weight: 600;
  border-radius: var(--fd-radius);
  padding: 12px 18px;
  border: 1px solid transparent;
  background: var(--fd-primary);
  color: #061018;
  transition: transform .12s ease, background .18s ease, border-color .18s ease;
}
.elementor-button:hover{
  background: var(--fd-primary-2);
  transform: translateY(-1px);
}
.elementor-button.elementor-button-link{
  background: transparent;
  border-color: var(--fd-border);
  color: var(--fd-text);
}
.elementor-button.elementor-button-link:hover{
  border-color: var(--fd-primary);
  color: var(--fd-primary);
}

/* ---------- Formularios (Elementor Forms, Contact Form 7, etc.) ---------- */
input[type="text"], input[type="email"], input[type="url"], input[type="tel"],
input[type="search"], input[type="password"], textarea, select,
.elementor-field, .wpcf7-form-control{
  background: var(--fd-surface);
  border: 1px solid var(--fd-border);
  color: var(--fd-text);
  border-radius: var(--fd-radius-sm);
  padding: 12px 14px;
  outline: none;
  width: 100%;
}
input::placeholder, textarea::placeholder{ color: var(--fd-muted); }
input:focus, textarea:focus, select:focus,
.elementor-field:focus, .wpcf7-form-control:focus{
  border-color: var(--fd-primary);
  box-shadow: 0 0 0 3px rgba(56,189,248,.18);
}

/* Etiquetas de formulario */
label, .elementor-field-label{
  color: var(--fd-muted);
  font-weight: 500;
}

/* Mensajes de estado */
.elementor-message, .wpcf7-response-output{
  border-radius: var(--fd-radius-sm);
  border: 1px solid var(--fd-border);
  padding: 10px 14px;
}
.elementor-message.elementor-message-success{ border-color: rgba(16,185,129,.4); color: var(--fd-success); }
.elementor-message.elementor-message-danger{ border-color: rgba(239,68,68,.4);  color: var(--fd-danger);  }

/* ---------- Listas / chips ---------- */
.fd-chip{
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--fd-surface);
  color: var(--fd-text);
  border: 1px solid var(--fd-border);
  border-radius: 999px;
  padding: 8px 12px;
}

/* ---------- Utilidades ---------- */
.fd-muted{ color: var(--fd-muted) !important; }
.fd-border{ border: 1px solid var(--fd-border) !important; border-radius: var(--fd-radius); }
.fd-shadow{ box-shadow: var(--fd-shadow) !important; }
.fd-radius{ border-radius: var(--fd-radius) !important; }
.fd-cta{ background: linear-gradient(135deg, var(--fd-primary), var(--fd-primary-2)); color:#061018; }

/* ---------- Secciones con fondo ---------- */
.section--dark{ background: var(--fd-bg); }
.section--darker{ background: #080b10; }
.section--card{ background: var(--fd-card); }

/* ---------- Ajustes responsive suaves ---------- */
@media (max-width: 1024px){
  .elementor-container{ padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 767px){
  :root{ --fd-fs-body: 15.5px; }
  .fd-hide-mobile{ display: none !important; }
}

/* ---------- Compat: Elementor desactiva colores/_fuentes por defecto ---------- */
/* WP Admin → Elementor → Ajustes → Desactivar colores/típografías predeterminados.
   Estas reglas aseguran que nuestras variables prevalezcan. */
.elementor-kit-*-e-global-color-primary{ color: var(--fd-primary) !important; }
.elementor-kit-*-e-global-color-text{ color: var(--fd-text) !important; }
.elementor-kit-*-e-global-color-secondary{ color: var(--fd-muted) !important; }

/* Fondo base: degradado oscuro */
html, body{
  background:
    linear-gradient(135deg, #0b0e13 0%, #121620 60%, #0e131b 100%) fixed;
  min-height: 100%;
}

/* Glow suave en movimiento (cian muy tenue) */
html::before{
  content: "";
  position: fixed;
  inset: -15% -15%;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(60% 40% at 20% 0%, rgba(34,211,238,.10) 0%, transparent 60%),
    radial-gradient(45% 30% at 85% 100%, rgba(56,189,248,.08) 0%, transparent 60%);
  filter: blur(42px);
  animation: fd-float 16s ease-in-out infinite alternate;
}
@keyframes fd-float {
  from { transform: translate3d(0,-1%,0) scale(1.02); }
  to   { transform: translate3d(0, 1%,0) scale(1.00); }
}

/* ==========================================================
   FLOWDED — Elementor Form (oscuro + borde animado) — v2
   Funciona si la clase "fdc" está en la SECCIÓN o en el WIDGET
   ========================================================== */

/* ---------- Tokens ---------- */
.fdc{
  --fd-bg:#0b0e13; 
  --fd-card:#121620; 
  --fd-elev:#0f1520;
  --fd-text:#f4f6fb; 
  --fd-muted:#9aa3b2; 
  --fd-border:#1f2a36;
  --fd-accent:#38bdf8; 
  --fd-accent-2:#7dd3fc; 
  --fd-danger:#ef4444; 
  --fd-ok:#22c55e;
  --fd-radius:16px; 
  --fd-radius-sm:12px;
  --fd-shadow:0 14px 40px rgba(0,0,0,.45);
}

/* ---------- Fondo del bloque (opcional) ---------- */
.fdc{
  position: relative;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(56,189,248,.08), transparent 40%),
    radial-gradient(1200px 600px at 100% 10%, rgba(125,211,252,.06), transparent 40%),
    var(--fd-bg) !important;
  padding: clamp(36px, 6vw, 80px) 0;
  overflow: hidden;
}

/* ---------- Tarjeta del formulario ---------- */
/* Si fdc está en la SECCIÓN */
.fdc .elementor-widget-form .elementor-widget-container,
 /* Si fdc está en el WIDGET */
.fdc.elementor-widget-form .elementor-widget-container{
  position: relative;
  background: linear-gradient(180deg, var(--fd-card), #0d121b) !important;
  border: 1px solid var(--fd-border) !important;
  border-radius: var(--fd-radius) !important;
  box-shadow: var(--fd-shadow);
  padding: clamp(18px, 2.4vw, 28px) !important;
  overflow: hidden;
}
.fdc .elementor-widget-form .elementor-widget-container::before,
.fdc.elementor-widget-form .elementor-widget-container::before{
  content:"";
  position:absolute; inset:-2px;
  border-radius: calc(var(--fd-radius) + 2px);
  background: conic-gradient(from 0deg, var(--fd-accent), var(--fd-accent-2), var(--fd-accent));
  filter: blur(14px); opacity:.25; z-index:0;
  animation: fdc-spin 14s linear infinite;
}
.fdc .elementor-widget-form .elementor-widget-container > *,
.fdc.elementor-widget-form .elementor-widget-container > *{ position: relative; z-index: 1; }
@keyframes fdc-spin { to { transform: rotate(1turn); } }

/* ---------- Tipografía / enlaces ---------- */
.fdc, .fdc .elementor-widget-form, .fdc.elementor-widget-form{
  color: var(--fd-text);
}
.fdc a{ color: var(--fd-accent); text-decoration: none; }
.fdc a:hover{ color: var(--fd-accent-2); text-decoration: underline; }

/* ---------- Layout interno ---------- */
.fdc .elementor-form,
.fdc.elementor-widget-form .elementor-form{ --row-gap:18px; }
.fdc .elementor-form .elementor-form-fields-wrapper,
.fdc.elementor-widget-form .elementor-form .elementor-form-fields-wrapper{
  display: grid; row-gap: var(--row-gap);
}
.fdc .elementor-form .elementor-field-group,
.fdc.elementor-widget-form .elementor-form .elementor-field-group{
  position: relative; margin: 0;
}

/* ---------- Inputs base ---------- */
.fdc .elementor-form .elementor-field,
.fdc .elementor-form .elementor-field-textual,
.fdc .elementor-form textarea,
.fdc .elementor-form select,
.fdc.elementor-widget-form .elementor-form .elementor-field,
.fdc.elementor-widget-form .elementor-form .elementor-field-textual,
.fdc.elementor-widget-form .elementor-form textarea,
.fdc.elementor-widget-form .elementor-form select{
  width: 100%;
  background: var(--fd-elev) !important;
  color: var(--fd-text) !important;
  border: 1px solid var(--fd-border) !important;
  border-radius: var(--fd-radius-sm) !important;
  padding: 14px !important;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

/* Placeholders transparentes (labels flotantes) */
.fdc .elementor-form .elementor-field::placeholder,
.fdc .elementor-form textarea::placeholder,
.fdc.elementor-widget-form .elementor-form .elementor-field::placeholder,
.fdc.elementor-widget-form .elementor-form textarea::placeholder{ color: transparent; }

/* Focus */
.fdc .elementor-form .elementor-field:focus,
.fdc .elementor-form textarea:focus,
.fdc .elementor-form select:focus,
.fdc.elementor-widget-form .elementor-form .elementor-field:focus,
.fdc.elementor-widget-form .elementor-form textarea:focus,
.fdc.elementor-widget-form .elementor-form select:focus{
  border-color: var(--fd-accent) !important;
  box-shadow: 0 0 0 4px rgba(56,189,248,.15);
}

/* ===== FLOWDED — Fondo global oscuro con degradados ===== */
body, html {
  background: #0b0e13;
  min-height: 100%;
  color: #f4f6fb;
  font-family: "Inter", sans-serif;
}

/* Degradado principal fijo */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(800px 600px at 85% 10%, rgba(56,189,248,0.08), transparent 70%),
              radial-gradient(600px 400px at 15% 90%, rgba(125,211,252,0.08), transparent 70%),
              linear-gradient(180deg, #0b0e13 0%, #121620 100%);
  animation: flowdedBG 40s ease-in-out infinite alternate;
  background-blend-mode: screen;
}

@keyframes flowdedBG {
  0% { background-position: 80% 10%, 20% 80%, center; }
  100% { background-position: 70% 20%, 25% 75%, center; }
}

:root {
  --fd-bg: #0b0e13;
  --fd-card: #121620;
  --fd-elev: #0f1520;
  --fd-text: #f4f6fb;
  --fd-muted: #9aa3b2;
  --fd-border: #1f2a36;
  --fd-accent: #38bdf8;
  --fd-accent-2: #7dd3fc;
  --fd-danger: #ef4444;
  --fd-ok: #22c55e;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(600px 400px at var(--mx, 50%) var(--my, 50%), rgba(56,189,248,0.08), transparent 80%);
  transition: background-position 0.2s ease;
}

<script>
document.addEventListener("pointermove", e => {
  document.body.style.setProperty("--mx", e.clientX + "px");
  document.body.style.setProperty("--my", e.clientY + "px");
});
</script>



/* ---------- Labels flotantes ---------- */
.fdc .elementor-form .elementor-field-label,
.fdc.elementor-widget-form .elementor-form .elementor-field-label{
  position: absolute; left: 12px; top: 13px;
  padding: 0 6px; border-radius: 8px;
  color: var(--fd-muted); background: transparent; pointer-events: none;
  transition: transform .18s ease, color .18s ease, background .18s ease, top .18s ease, font-size .18s ease;
}

/* Flotar con focus, valor, o validación (fallback) */
.fdc .elementor-form .elementor-field-group:has(.elementor-field:focus) .elementor-field-label,
.fdc .elementor-form .elementor-field-group:has(.elementor-field:not(:placeholder-shown)) .elementor-field-label,
.fdc .elementor-form .elementor-field-group:has(textarea.elementor-field:not(:placeholder-shown)) .elementor-field-label,
.fdc .elementor-form .elementor-field-group:has(.elementor-field:valid) .elementor-field-label,
.fdc.elementor-widget-form .elementor-form .elementor-field-group:has(.elementor-field:focus) .elementor-field-label,
.fdc.elementor-widget-form .elementor-form .elementor-field-group:has(.elementor-field:not(:placeholder-shown)) .elementor-field-label,
.fdc.elementor-widget-form .elementor-form .elementor-field-group:has(textarea.elementor-field:not(:placeholder-shown)) .elementor-field-label,
.fdc.elementor-widget-form .elementor-form .elementor-field-group:has(.elementor-field:valid) .elementor-field-label{
  color: #d8eeff; background: #0b0f19;
  top: -9px; transform: translateY(0); font-size: 12px;
}

/* Select: siempre flotar label (no tiene placeholder) */
.fdc .elementor-form .elementor-field-group:has(select) .elementor-field-label,
.fdc.elementor-widget-form .elementor-form .elementor-field-group:has(select) .elementor-field-label{
  color: #d8eeff; background:#0b0f19; top:-9px; font-size:12px;
}

/* Textarea */
.fdc .elementor-form textarea.elementor-field,
.fdc.elementor-widget-form .elementor-form textarea.elementor-field{
  min-height: 140px; resize: vertical;
}

/* Select con flecha */
.fdc .elementor-form select.elementor-field,
.fdc.elementor-widget-form .elementor-form select.elementor-field{
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--fd-muted) 50%),
    linear-gradient(135deg, var(--fd-muted) 50%, transparent 50%),
    linear-gradient(to right, #0000, #0000);
  background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%, 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  padding-right: 44px;
}

/* Archivo */
.fdc .elementor-form input[type="file"],
.fdc.elementor-widget-form .elementor-form input[type="file"]{
  background: var(--fd-elev);
  border: 1px dashed var(--fd-border);
  color: var(--fd-muted);
  border-radius: var(--fd-radius-sm);
  padding: 12px 14px;
}
.fdc .elementor-form input[type="file"]::file-.elementor-kit-6-button,
.fdc.elementor-widget-form .elementor-form input[type="file"]::file-.elementor-kit-6-button{
  margin-right: 10px; border: 1px solid transparent; border-radius: 10px; padding: 8px 12px;
  background: linear-gradient(180deg, var(--fd-accent), var(--fd-accent-2));
  color: #051017; font-weight: 700; cursor: pointer;
}

/* Checks / radios */
.fdc .elementor-form input[type="checkbox"],
.fdc .elementor-form input[type="radio"],
.fdc.elementor-widget-form .elementor-form input[type="checkbox"],
.fdc.elementor-widget-form .elementor-form input[type="radio"]{
  accent-color: var(--fd-accent);
}
.fdc .elementor-form .elementor-field-subgroup,
.fdc.elementor-widget-form .elementor-form .elementor-field-subgroup{ gap: 10px; }
.fdc .elementor-form .elementor-field-option label,
.fdc.elementor-widget-form .elementor-form .elementor-field-option label{ color: var(--fd-text); }

/* Botón */
.fdc .elementor-form .elementor-button,
.fdc.elementor-widget-form .elementor-form .elementor-button{
  height: 48px; padding: 0 20px; border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, var(--fd-accent), var(--fd-accent-2)) !important;
  color: #051017 !important; font-weight: 800;
  box-shadow: 0 10px 24px rgba(56,189,248,.25);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.fdc .elementor-form .elementor-button:hover,
.fdc.elementor-widget-form .elementor-form .elementor-button:hover{
  transform: translateY(-1px); filter: saturate(1.08);
}

/* Mensajes */
.fdc .elementor-message,
.fdc.elementor-widget-form .elementor-message{
  border-radius: 12px; border: 1px solid var(--fd-border) !important;
  background: #0f1520 !important; color: var(--fd-text) !important; box-shadow: none;
}
.fdc .elementor-message-success{ border-color: rgba(34,197,94,.35) !important; color: var(--fd-ok) !important; }
.fdc .elementor-message-danger{ border-color: rgba(239,68,68,.35) !important; color: var(--fd-danger) !important; }

/* Transparencia de secciones internas */
.fdc .elementor-section{ background: transparent !important; }

/* Responsive */
@media (max-width: 767px){
  .fdc .elementor-widget-form .elementor-widget-container,
  .fdc.elementor-widget-form .elementor-widget-container{ padding: 18px !important; }
}

/* === Tarjeta estilo pantalla oscura con glow === */
.fd-card {
  background: radial-gradient(ellipse at center, #0d1117 0%, #0b0e13 100%);
  border-radius: 18px;
  padding: 20px;
  box-shadow: inset 0 0 25px rgba(56, 189, 248, 0.15),
              inset 0 0 10px rgba(56, 189, 248, 0.08),
              0 8px 20px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.05);
  position: relative;
  color: #f4f6fb;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  text-align: center;
}

/* ===== Capa exterior: marco con glow y borde redondeado grande ===== */
.fd-card{
  position: relative;
  padding: 24px;                 /* separa el marco de la “pantalla” interior */
  border-radius: 18px;
  background:
    radial-gradient(120% 160% at 50% -20%, rgba(56,189,248,.08), transparent 60%),
    linear-gradient(180deg, #0b121a, #0b0f16);
  box-shadow:
    0 18px 40px rgba(0,0,0,.55),      /* sombra exterior */
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* borde translúcido/segundo borde del marco */
.fd-card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:18px;
  pointer-events:none;
  box-shadow:
    inset 0 0 0 1px rgba(120,180,220,.18),   /* línea clara interior */
    inset 0 0 50px rgba(56,189,248,.06);     /* glow suave */
}

/* ===== Capa interior: “pantalla” / segunda tarjeta ===== */
.fd-card__inner{
  position: relative;
  min-height: 220px;              /* ajusta a tu gusto */
  padding: 24px;
  border-radius: 18degpx;
  background: linear-gradient(180deg, #0e1722, #0b131b);
  box-shadow:
    inset 0 0 0 1px rgba(99,158,191,.12),    /* borde interior sutil */
    inset 0 22px 60px rgba(0,0,0,.55);       /* sombreado interno */
  color: #e9eef7;                  /* texto */
}

/* opcional: brillo tenue en las esquinas de la pantalla */
.fd-card__inner::after{
  content:"";
  position:absolute; inset:8px;
  border-radius: 18px;
  pointer-events:none;
  box-shadow: inset 0 0 120px rgba(56,189,248,.04);
}
/* Variables opcionales para intensidad y ritmo */
:root{
  --fd-glow-intensity: 0.06;   /* 0.03–0.10 */
  --fd-glow-speed: 6s;         /* 4s–10s   */
}

/* Anima el marco exterior */
.fd-card::before{
  animation: fdGlowPulse var(--fd-glow-speed) ease-in-out infinite;
}

/* Anima la “pantalla” interior */
.fd-card__inner::after{
  animation: fdInnerGlow var(--fd-glow-speed) ease-in-out infinite;
}

/* Keyframes */
@keyframes fdGlowPulse{
  0%,100%{ box-shadow:
    inset 0 0 0 1px rgba(120,180,220,.18),
    inset 0 0 50px rgba(56,189,248,calc(var(--fd-glow-intensity) * 0.6)); }
  50%{ box-shadow:
    inset 0 0 0 1px rgba(120,180,220,.22),
    inset 0 0 70px rgba(56,189,248,calc(var(--fd-glow-intensity) * 1.0)); }
}

@keyframes fdInnerGlow{
  0%,100%{ box-shadow:
    inset 0 0 0 1px rgba(99,158,191,.12),
    inset 0 22px 60px rgba(0,0,0,.55),
    inset 0 0 120px rgba(56,189,248,calc(var(--fd-glow-intensity) * 0.5)); }
  50%{ box-shadow:
    inset 0 0 0 1px rgba(99,158,191,.16),
    inset 0 22px 60px rgba(0,0,0,.55),
    inset 0 0 160px rgba(56,189,248,calc(var(--fd-glow-intensity) * 0.9)); }
}

/* Accesibilidad: respeta “reducir movimiento” */
@media (prefers-reduced-motion: reduce){
  .fd-card::before,
  .fd-card__inner::after{ animation: none !important; }
}
.fd-glow::before{ animation: fdGlowPulse var(--fd-glow-speed) ease-in-out infinite; }
.fd-glow .fd-card__inner::after{ animation: fdInnerGlow var(--fd-glow-speed) ease-in-out infinite; }/* End custom CSS */