@charset "UTF-8";

html, body {
  height: 100%;
  background: var(--phoenix-body-bg) !important;
}

[data-bs-theme="dark"] body {
  background-color: #0f111a !important; /* tu token ya lo define, esto lo blinda */
}

[data-bs-theme="dark"] .fondoFlowded{
  background-color: #0f111a !important; /* base sólida debajo de los gradientes */
}


[data-bs-theme="dark"] .fondoFlowded{
  background:
    radial-gradient(700px 500px at 85% 10%, rgba(56, 189, 248, 0.18), transparent 70%),
    radial-gradient(500px 350px at 15% 90%, rgba(56, 189, 248, 0.10), transparent 70%),
    linear-gradient(180deg, rgba(13,17,23,0.85) 0%, rgba(11,14,19,0.90) 100%) !important;
}

[data-bs-theme="light"] .fondoFlowded {
  background:
    radial-gradient(700px 500px at 85% 10%, rgba(184, 192, 204, 0.22), transparent 70%),
    radial-gradient(520px 360px at 15% 90%, rgba(218, 222, 228, 0.14), transparent 70%),
    /* leve brillo inferior para efecto “metal” */
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(242, 245, 250, 0.80) 100%) !important
}

[data-bs-theme="dark"] .fd-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  /* mismo patrón, ajustado a dark */
  background:
    radial-gradient(700px 500px at 85% 10%, rgba(56, 189, 248, 0.18), transparent 70%),
    radial-gradient(500px 350px at 15% 90%, rgba(56, 189, 248, 0.10), transparent 70%),
    linear-gradient(180deg, rgba(13,17,23,0.00) 0%, rgba(11,14,19,0.70) 100%);
  /* en dark queda mejor con screen para “bloom” sutil */
  mix-blend-mode: screen;
}
[data-bs-theme="dark"] .fd-card {
  background: radial-gradient(ellipse at center, #0d1117 0%, #0b0e13 100%);
  border-radius: 18px;
  box-shadow:
    0 0 25px rgba(0, 0, 0, 0.35),          /* halo suave */
    0 18px 40px rgba(0, 0, 0, 0.50),       /* sombra exterior */
    inset 0 0 14px rgba(56, 189, 248, .12),/* bloom cian */
    inset 0 1px 0 rgba(255, 255, 255, .06);/* highlight superior */
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
}

[data-bs-theme="light"] .fd-card::before {
  content: "";
  position: absolute;
  
  z-index: 0;
  pointer-events: none;
  /* acentos metálicos en grises fríos */
  background:
    radial-gradient(700px 500px at 85% 10%, rgba(184, 192, 204, 0.22), transparent 70%),
    radial-gradient(520px 360px at 15% 90%, rgba(218, 222, 228, 0.14), transparent 70%),
    /* leve brillo inferior para efecto “metal” */
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(242, 245, 250, 0.80) 100%);
  mix-blend-mode: normal;   /* sin tinte azulado */
  
}
/* === FD Card – Light theme === */
[data-bs-theme="light"] .fd-card {
  background: radial-gradient(ellipse at center, #ffffff 0%, #f7f9fc 100%);
  border-radius: 18px;
  box-shadow:
    0 0 25px rgba(16, 24, 40, 0.08),
    inset 0 0 10px rgba(56, 189, 248, 0.08),
    0 8px 20px rgba(16, 24, 40, 0.06);
  border: 1px solid rgba(16, 24, 40, 0.08);
  position: relative;
}

.fc .fc-toolbar {
    /* Usa Flexbox para distribuir los elementos (botones, título) */
    display: flex; 
    /* Distribuye el espacio entre los grupos de elementos (left, center, right) */
    justify-content: space-between; 
    /* Alineación vertical */
    align-items: center; 
    /* Permite que los elementos pasen a una nueva línea si el ancho es muy pequeño */
    flex-wrap: wrap; 
    margin-bottom: 1.5em; /* Espacio entre la cabecera y el cuerpo del calendario */
    padding: 0 10px;
}
.fc-view-harness{
  height: calc(100vh) !important
}