:root{ --tile-radius: 18px; --avatar-radius: 50%; }
body{ font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body {
  font-family: 'Manrope', system-ui, sans-serif !important;
}
body:not(.ready) > *:not(#pageLoader) {
  opacity: 0 !important;
  pointer-events: none !important;
}
.card{ background:#f3f3f3; border-radius: var(--tile-radius); }
.toggle{--w:52px;--h:28px;--p:3px;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;width:var(--w);height:var(--h);border-radius:999px;border:2px solid #111;background:#fff;position:relative;box-sizing:border-box;transition:background .2s,border-color .2s}
.toggle-sm{--w:32px;--h:20px;--p:3px;}
.toggle::after{content:"";position:absolute;top:50%;left:var(--p);width:calc(var(--h) - 2*var(--p));height:calc(var(--h) - 2*var(--p));border-radius:50%;background:#111;transform:translateY(-50%);transition:left .2s,background .2s}
.toggle:checked{background:#111;border-color:#111}
.toggle:checked::after{background:#fff;left:calc(var(--w) - var(--h) + var(--p))}
input[type="color"]{-webkit-appearance:none;border:none;width:34px;height:34px;border:1px solid #c9c9c9;border-radius:999px;padding:0;cursor:pointer;overflow:hidden;aspect-ratio:1/1}
input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
input[type="color"]::-webkit-color-swatch{border:none;border-radius:999px}
.color-circle{width:2.5rem;height:2.5rem;border-radius:9999px;padding:0;overflow:hidden;aspect-ratio:1/1}
.color-circle::-webkit-color-swatch-wrapper{padding:0;border-radius:9999px}
.color-circle::-webkit-color-swatch{border:none;border-radius:9999px}
.color-circle::-moz-focus-inner{border:0;padding:0}
.color-circle::-moz-color-swatch{border-radius:9999px}
.chip{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 14px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px}
.chip.active{border-color:#111;background:#111;color:#fff}
.activity-score-active{background:#111 !important;color:#fff !important;border-color:#111 !important}
textarea{resize:none;overflow:hidden;min-height:400px;}
#fontFamily option { font-size: 14px; padding: 6px 8px; }
#fontFamily option[value="Manrope"] { font-family: 'Manrope', system-ui, sans-serif; }
#fontFamily option[value="Inter"] { font-family: 'Inter', system-ui, sans-serif; }
#fontFamily option[value="Poppins"] { font-family: 'Poppins', system-ui, sans-serif; }
#fontFamily option[value="Roboto"] { font-family: 'Roboto', system-ui, sans-serif; }
#fontFamily option[value="Playfair Display"] { font-family: 'Playfair Display', serif; }
#fontFamily option[value="Merriweather"] { font-family: 'Merriweather', serif; }
#messagesBotFilter:disabled {
  background-color: #f9fafb;
  color: #111;
  cursor: default;
  opacity: 1;
}
#messagesBotFilter,
label[for="messagesBotFilter"] {
  display: none;
}
button.bg-black {
    background: #111;
    color: white !important;
    border: none !important;
    border-radius: 400px !important;
    transition: all 0.2s ease;
    font-weight: 400;
}
button.bg-black:hover {
    background: #111111b8;
    color: white !important;
}
/* === Corrección: botones de días seleccionados === */
.day.bg-black {
  background: #000 !important;   /* fondo negro sólido */
  color: #fff !important;        /* texto blanco */
  border: none !important;       /* sin borde */
  box-shadow: none !important;   /* sin sombra */
}
.day.bg-black:hover {
  background: #000 !important;   /* mantiene negro al pasar el mouse */
  color: #fff !important;
}