/* =====================================================
   BOOKSOLUT — MIDNIGHT
   Preset de secciones públicas (tema oscuro + estilo de bloque)

   Idioma visual propio: estudio cerrado.
   El lienzo es el vacío del tema (#000). Las secciones no
   son cajas claras. El color de marca oscuro (#232323 y
   similares) es el mueble: placas, pills y botones.
   Sin aurora, vidrio, pastel ni neón.
   ===================================================== */

html[data-theme="dark"][data-dark-style="midnight"],
[data-block-style="midnight"] {
  --mdn-void: #000000;
  --mdn-room: #0c0c0c;
  --mdn-plate: #141414;
  --mdn-lift: #1c1c1c;
  --mdn-brand: var(--primary-original, var(--primary, #232323));
  --mdn-ink: #f3f3f3;
  --mdn-soft: rgba(243, 243, 243, 0.72);
  --mdn-faint: rgba(243, 243, 243, 0.5);
  --mdn-line: rgba(255, 255, 255, 0.08);
  --mdn-line-strong: rgba(255, 255, 255, 0.16);
  --mdn-cream: #f4f1ea;
  --mdn-cream-ink: #111111;
  --mdn-radius: 1.15rem;
  --mdn-radius-sm: 0.85rem;
  --block-section-canvas: var(--mdn-void);
  --mdn-section-bg: transparent;
  --mdn-ink-safe: var(--mdn-ink);
}

html[data-theme="dark"][data-dark-style="midnight"] {
  --text-primary: var(--mdn-ink);
  --text-secondary: var(--mdn-soft);
  --text-tertiary: var(--mdn-faint);
  --text-muted: var(--mdn-faint);
  --bg-secondary: var(--mdn-plate);
  --bg-tertiary: var(--mdn-lift);
  --bg-surface: var(--mdn-plate);
  --border-default: var(--mdn-line);
  --border-light: var(--mdn-line);
  --border-strong: var(--mdn-line-strong);
}

/* ---------- Chrome: navbar / footer / login (placa, sin vidrio) ---------- */
html[data-theme="dark"][data-dark-style="midnight"] .navbar {
  background: rgba(0, 0, 0, 0.92);
  border-bottom: 1px solid var(--mdn-line);
  box-shadow: none;
}

html[data-theme="dark"][data-dark-style="midnight"] .navbar-brand,
html[data-theme="dark"][data-dark-style="midnight"] .navbar .nav-link {
  color: var(--mdn-ink);
}

html[data-theme="dark"][data-dark-style="midnight"] .navbar .nav-link:hover {
  color: var(--mdn-cream);
}

html[data-theme="dark"][data-dark-style="midnight"] .footer {
  background: var(--mdn-void);
  color: var(--mdn-soft);
  border-top: 1px solid var(--mdn-line);
}

html[data-theme="dark"][data-dark-style="midnight"] .footer h5 {
  color: var(--mdn-ink);
}

html[data-theme="dark"][data-dark-style="midnight"] .footer a,
html[data-theme="dark"][data-dark-style="midnight"] .footer p,
html[data-theme="dark"][data-dark-style="midnight"] .footer .text-muted,
html[data-theme="dark"][data-dark-style="midnight"] .footer .small {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .footer a:hover {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] #tenantLoginModal .modal-content,
html[data-theme="dark"][data-dark-style="midnight"] #tenantClientRegisterModal .modal-content,
html[data-theme="dark"][data-dark-style="midnight"] #systemModal .modal-content {
  background: var(--mdn-plate) !important;
  border: 1px solid var(--mdn-line) !important;
  color: var(--mdn-ink) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] #tenantLoginModal .modal-title,
html[data-theme="dark"][data-dark-style="midnight"] #tenantClientRegisterModal .modal-title,
html[data-theme="dark"][data-dark-style="midnight"] #systemModal .modal-title {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] #tenantLoginModal .form-label,
html[data-theme="dark"][data-dark-style="midnight"] #tenantClientRegisterModal .form-label,
html[data-theme="dark"][data-dark-style="midnight"] .form-label {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .form-control,
html[data-theme="dark"][data-dark-style="midnight"] .form-select,
html[data-theme="dark"][data-dark-style="midnight"] #tenantLoginModal .form-control,
html[data-theme="dark"][data-dark-style="midnight"] #tenantClientRegisterModal .form-control {
  background: var(--mdn-void) !important;
  border-color: var(--mdn-line) !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .form-control::placeholder,
html[data-theme="dark"][data-dark-style="midnight"] #tenantLoginModal .form-control::placeholder,
html[data-theme="dark"][data-dark-style="midnight"] #tenantClientRegisterModal .form-control::placeholder {
  color: var(--mdn-faint) !important;
  opacity: 1;
}

html[data-theme="dark"][data-dark-style="midnight"] .input-group-text {
  background: var(--mdn-lift) !important;
  border-color: var(--mdn-line) !important;
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .btn-outline-primary,
html[data-theme="dark"][data-dark-style="midnight"] .btn-outline-light {
  color: var(--mdn-ink) !important;
  border-color: var(--mdn-line-strong) !important;
  background: transparent !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .btn-outline-primary:hover,
html[data-theme="dark"][data-dark-style="midnight"] .btn-outline-light:hover {
  background: var(--mdn-cream) !important;
  color: var(--mdn-cream-ink) !important;
  border-color: var(--mdn-cream) !important;
}

/* ---------- Estilo de bloque Midnight (también en tema claro) ---------- */
[data-block-style="midnight"][data-block-id] {
  background: var(--mdn-room);
  color: var(--mdn-ink);
  border: 1px solid var(--mdn-line);
  border-radius: var(--mdn-radius);
  padding: 2.25rem 1.25rem;
  box-shadow: none;
}

html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="midnight"][data-block-id] {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

/* ---------- Lienzo: las secciones se disuelven en el fondo del tema ---------- */
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]),
html[data-theme="dark"][data-dark-style="midnight"] .home-about-section,
html[data-theme="dark"][data-dark-style="midnight"] .services-section,
html[data-theme="dark"][data-dark-style="midnight"] .home-offer-packages,
html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-section,
html[data-theme="dark"][data-dark-style="midnight"] .home-features-section,
html[data-theme="dark"][data-dark-style="midnight"] .home-pricing-section,
html[data-theme="dark"][data-dark-style="midnight"] .home-team-section,
html[data-theme="dark"][data-dark-style="midnight"] .home-faq-section,
html[data-theme="dark"][data-dark-style="midnight"] .home-testimonials,
html[data-theme="dark"][data-dark-style="midnight"] .home-gallery,
html[data-theme="dark"][data-dark-style="midnight"] .home-cta-banner-section,
html[data-theme="dark"][data-dark-style="midnight"] .home-hiw-section,
html[data-theme="dark"][data-dark-style="midnight"] .exp-pro,
html[data-theme="dark"][data-dark-style="midnight"] .sv-pb,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-form {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: var(--mdn-ink);
}
html[data-theme="dark"][data-dark-style="midnight"] .sv-hero.sv-hero--photo,
html[data-theme="dark"][data-dark-style="midnight"] .sv-card.sv-card--photo {
  background-color: #0b0b0b !important;
  background-image: none !important;
  color: #fff !important;
}

/* Apaga el cromo claro de Aurora / Pastel / Tidal / Atelier / Neumorphic */
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id]::before,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id]::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .service-card-inner::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .testimonial-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-metrics-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-gallery-item::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-faq-item::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .feature-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-contact-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-team-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-pricing-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-cta-banner-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-offer-package-card::after,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-style="aurora"][data-block-id] .home-social-links a::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* ---------- Tipografía de sección ---------- */
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) h1,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) h2,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) h3,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) h4,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) h5,
html[data-theme="dark"][data-dark-style="midnight"] .services-section-title,
html[data-theme="dark"][data-dark-style="midnight"] .home-offer-packages-title,
html[data-theme="dark"][data-dark-style="midnight"] .home-about-section h2,
[data-block-style="midnight"][data-block-id] h1,
[data-block-style="midnight"][data-block-id] h2,
[data-block-style="midnight"][data-block-id] h3,
[data-block-style="midnight"][data-block-id] h4,
[data-block-style="midnight"][data-block-id] h5,
[data-block-style="midnight"][data-block-id] .services-section-title,
[data-block-style="midnight"][data-block-id] .home-offer-packages-title {
  color: var(--mdn-ink) !important;
  letter-spacing: -0.03em;
  font-weight: 700;
}

html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) p,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) .text-muted,
html[data-theme="dark"][data-dark-style="midnight"] [data-block-type]:not([data-block-type="hero"]) .lead,
html[data-theme="dark"][data-dark-style="midnight"] .home-about-section p,
html[data-theme="dark"][data-dark-style="midnight"] .about-text,
[data-block-style="midnight"][data-block-id] p,
[data-block-style="midnight"][data-block-id] .text-muted,
[data-block-style="midnight"][data-block-id] .lead {
  color: var(--mdn-soft) !important;
  opacity: 1 !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .services-section-title::after,
[data-block-style="midnight"][data-block-id] .services-section-title::after {
  width: 2.25rem;
  height: 1px;
  background: var(--mdn-line-strong);
  border-radius: 0;
  bottom: -0.65rem;
}

/* ---------- Placas ---------- */
html[data-theme="dark"][data-dark-style="midnight"] .card,
html[data-theme="dark"][data-dark-style="midnight"] .service-card,
html[data-theme="dark"][data-dark-style="midnight"] .service-card-inner,
html[data-theme="dark"][data-dark-style="midnight"] .feature-card,
html[data-theme="dark"][data-dark-style="midnight"] .testimonial-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-metrics-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-gallery-item,
html[data-theme="dark"][data-dark-style="midnight"] .home-faq-item,
html[data-theme="dark"][data-dark-style="midnight"] .home-team-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-pricing-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-contact-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-cta-banner-card,
html[data-theme="dark"][data-dark-style="midnight"] .exp-family-card,
html[data-theme="dark"][data-dark-style="midnight"] .sv-card,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-service-step,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-step,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-details-step,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-confirmation,
[data-block-style="midnight"][data-block-id] .card,
[data-block-style="midnight"][data-block-id] .service-card,
[data-block-style="midnight"][data-block-id] .service-card-inner,
[data-block-style="midnight"][data-block-id] .feature-card,
[data-block-style="midnight"][data-block-id] .testimonial-card,
[data-block-style="midnight"][data-block-id] .home-metrics-card,
[data-block-style="midnight"][data-block-id] .home-team-card,
[data-block-style="midnight"][data-block-id] .home-pricing-card,
[data-block-style="midnight"][data-block-id] .home-offer-package-card,
[data-block-style="midnight"][data-block-id] .home-contact-card,
[data-block-style="midnight"][data-block-id] .exp-family-card {
  background: var(--mdn-plate) !important;
  background-image: none !important;
  color: var(--mdn-ink) !important;
  border: 1px solid var(--mdn-line) !important;
  border-radius: var(--mdn-radius) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden;
}

html[data-theme="dark"][data-dark-style="midnight"] .service-card-inner:hover,
html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-card:hover,
html[data-theme="dark"][data-dark-style="midnight"] .home-contact-card:hover,
html[data-theme="dark"][data-dark-style="midnight"] .feature-card:hover,
html[data-theme="dark"][data-dark-style="midnight"] .home-team-card:hover,
html[data-theme="dark"][data-dark-style="midnight"] .home-pricing-card:hover,
[data-block-style="midnight"][data-block-id] .service-card-inner:hover,
[data-block-style="midnight"][data-block-id] .home-offer-package-card:hover,
[data-block-style="midnight"][data-block-id] .home-contact-card:hover {
  border-color: var(--mdn-line-strong) !important;
  background: var(--mdn-lift) !important;
  transform: translateY(-2px);
}

/* ---------- About ---------- */
html[data-theme="dark"][data-dark-style="midnight"] .home-about-list li,
[data-block-style="midnight"][data-block-id] .home-about-list li {
  background: var(--mdn-brand) !important;
  border: 1px solid var(--mdn-line) !important;
  border-radius: 999px !important;
  padding: 0.7rem 1rem !important;
  margin-bottom: 0.55rem !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-about-list li:hover,
[data-block-style="midnight"][data-block-id] .home-about-list li:hover {
  transform: none;
  border-color: var(--mdn-line-strong) !important;
  background: var(--mdn-lift) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-about-list span,
[data-block-style="midnight"][data-block-id] .home-about-list span {
  color: var(--mdn-ink) !important;
  font-weight: 500;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-about-icon,
[data-block-style="midnight"][data-block-id] .home-about-icon {
  width: 1.85rem;
  height: 1.85rem;
  background: rgba(255, 255, 255, 0.06);
  color: var(--mdn-cream);
  border: 1px solid var(--mdn-line);
}

html[data-theme="dark"][data-dark-style="midnight"] .home-contact-card h5,
[data-block-style="midnight"][data-block-id] .home-contact-card h5 {
  color: var(--mdn-ink) !important;
  letter-spacing: -0.02em;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-contact-card p,
html[data-theme="dark"][data-dark-style="midnight"] .home-contact-card .text-muted,
[data-block-style="midnight"][data-block-id] .home-contact-card p,
[data-block-style="midnight"][data-block-id] .home-contact-card .text-muted {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-contact-link,
[data-block-style="midnight"][data-block-id] .home-contact-link {
  color: var(--mdn-cream) !important;
  border-bottom-color: rgba(244, 241, 234, 0.28);
}

html[data-theme="dark"][data-dark-style="midnight"] .home-contact-link:hover,
[data-block-style="midnight"][data-block-id] .home-contact-link:hover {
  color: #fff !important;
  border-bottom-color: #fff;
}

/* ---------- Servicios ---------- */
html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-title,
html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-price-tag,
[data-block-style="midnight"][data-block-id] .service-title,
[data-block-style="midnight"][data-block-id] .service-price-tag {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-description,
html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-meta,
html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-duration-badge,
[data-block-style="midnight"][data-block-id] .service-description,
[data-block-style="midnight"][data-block-id] .service-meta,
[data-block-style="midnight"][data-block-id] .service-duration-badge {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-icon-compact,
html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-icon,
[data-block-style="midnight"][data-block-id] .service-icon-compact,
[data-block-style="midnight"][data-block-id] .service-icon {
  background: var(--mdn-brand) !important;
  color: var(--mdn-cream) !important;
  border: 1px solid var(--mdn-line);
}

html[data-theme="dark"][data-dark-style="midnight"] .services-section .policy-badge,
html[data-theme="dark"][data-dark-style="midnight"] .services-section .policy-badge--standard,
[data-block-style="midnight"][data-block-id] .policy-badge {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--mdn-soft) !important;
  border: 1px solid var(--mdn-line);
}

html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-policies,
[data-block-style="midnight"][data-block-id] .service-policies {
  border-top-color: var(--mdn-line) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-action-btn,
html[data-theme="dark"][data-dark-style="midnight"] .services-section .btn,
[data-block-style="midnight"][data-block-id] .service-action-btn {
  background: var(--mdn-cream) !important;
  color: var(--mdn-cream-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-weight: 700;
}

html[data-theme="dark"][data-dark-style="midnight"] .services-section .service-action-btn:hover,
[data-block-style="midnight"][data-block-id] .service-action-btn:hover {
  background: #fff !important;
  color: #000 !important;
}

/* ---------- Paquetes ---------- */
html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-name,
html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-price,
[data-block-style="midnight"][data-block-id] .home-offer-package-name,
[data-block-style="midnight"][data-block-id] .home-offer-package-price {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-includes li,
[data-block-style="midnight"][data-block-id] .home-offer-package-includes li {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-includes i,
[data-block-style="midnight"][data-block-id] .home-offer-package-includes i {
  color: var(--mdn-cream) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-badge,
[data-block-style="midnight"][data-block-id] .home-offer-package-badge {
  background: var(--mdn-brand) !important;
  color: var(--mdn-ink) !important;
  border: 1px solid var(--mdn-line-strong);
}

html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-card.is-highlighted,
[data-block-style="midnight"][data-block-id] .home-offer-package-card.is-highlighted {
  border-color: var(--mdn-line-strong) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-cta,
[data-block-style="midnight"][data-block-id] .home-offer-package-cta {
  background: var(--mdn-cream) !important;
  color: var(--mdn-cream-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-offer-package-cta:hover,
[data-block-style="midnight"][data-block-id] .home-offer-package-cta:hover {
  background: #fff !important;
  color: #000 !important;
}

/* ---------- CTA final ---------- */
html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card,
[data-block-style="midnight"][data-block-id] .home-final-cta-card {
  background: linear-gradient(115deg, #1a1a1a 0%, #101010 52%, #070707 100%) !important;
  border: 1px solid var(--mdn-line) !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card .text-white,
html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card h2,
html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card .lead,
[data-block-style="midnight"][data-block-id] .home-final-cta-card .text-white,
[data-block-style="midnight"][data-block-id] .home-final-cta-card h2,
[data-block-style="midnight"][data-block-id] .home-final-cta-card .lead {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card .lead,
[data-block-style="midnight"][data-block-id] .home-final-cta-card .lead {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card .btn,
html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card .btn-light,
html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card .btn-outline-light,
[data-block-style="midnight"][data-block-id] .home-final-cta-card .btn {
  background: var(--mdn-cream) !important;
  color: var(--mdn-cream-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700;
  box-shadow: none !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-final-cta-card .btn:hover,
[data-block-style="midnight"][data-block-id] .home-final-cta-card .btn:hover {
  background: #fff !important;
  color: #000 !important;
}

/* ---------- Features / equipo / precios / FAQ / resto ---------- */
html[data-theme="dark"][data-dark-style="midnight"] .feature-card h3,
html[data-theme="dark"][data-dark-style="midnight"] .feature-card h4,
html[data-theme="dark"][data-dark-style="midnight"] .home-team-card h4,
html[data-theme="dark"][data-dark-style="midnight"] .home-pricing-card h3,
html[data-theme="dark"][data-dark-style="midnight"] .home-pricing-card h4,
html[data-theme="dark"][data-dark-style="midnight"] .accordion-button,
html[data-theme="dark"][data-dark-style="midnight"] .accordion-body,
[data-block-style="midnight"][data-block-id] .feature-card h3,
[data-block-style="midnight"][data-block-id] .accordion-button {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .accordion-item,
html[data-theme="dark"][data-dark-style="midnight"] .accordion-button,
[data-block-style="midnight"][data-block-id] .accordion-item,
[data-block-style="midnight"][data-block-id] .accordion-button {
  background: var(--mdn-plate) !important;
  border-color: var(--mdn-line) !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .accordion-button:not(.collapsed),
[data-block-style="midnight"][data-block-id] .accordion-button:not(.collapsed) {
  background: var(--mdn-lift) !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .step-number,
[data-block-style="midnight"][data-block-id] .step-number {
  background: var(--mdn-brand) !important;
  color: var(--mdn-ink) !important;
  border-color: var(--mdn-line) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-social-links a,
[data-block-style="midnight"][data-block-id] .home-social-links a {
  background: var(--mdn-plate) !important;
  color: var(--mdn-ink) !important;
  border: 1px solid var(--mdn-line) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-cta-banner-card,
[data-block-style="midnight"][data-block-id] .home-cta-banner-card {
  color: var(--mdn-ink) !important;
}

/* Tarjetas de industria que Aurora pintaba de blanco */
html[data-theme="dark"][data-dark-style="midnight"] .home-staff-booking-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-before-after-pair,
html[data-theme="dark"][data-dark-style="midnight"] .home-insurance-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-specialty-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-treatment-step,
html[data-theme="dark"][data-dark-style="midnight"] .home-pet-profile-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-session-modality-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-consent-hygiene-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-dining-zone-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-dining-hours-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-policies-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-package-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-class-week-day,
html[data-theme="dark"][data-dark-style="midnight"] .home-intro-trial-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-chef-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-private-events-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-card,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-policies-rules li,
[data-block-style="midnight"][data-block-id] .home-staff-booking-card,
[data-block-style="midnight"][data-block-id] .home-offer-package-card {
  background: var(--mdn-plate) !important;
  color: var(--mdn-ink) !important;
  border: 1px solid var(--mdn-line) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-field {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-field input,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-field select {
  background: var(--mdn-void) !important;
  border-color: var(--mdn-line) !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-field input::placeholder {
  color: var(--mdn-faint) !important;
  opacity: 1;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-stay-policies-card h5,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-head,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-card h3,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-card h4 {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-stay-policies-card p,
html[data-theme="dark"][data-dark-style="midnight"] .home-stay-policies-rules li {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-cta {
  background: var(--mdn-cream) !important;
  color: var(--mdn-cream-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700;
}

html[data-theme="dark"][data-dark-style="midnight"] .home-stay-availability-cta:hover {
  background: #fff !important;
  color: #000 !important;
}

/* Bookly en midnight: placa, sin aurora/vidrio */
html[data-theme="dark"][data-dark-style="midnight"] .bookly-service-step,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-step,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-details-step,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-confirmation {
  background: var(--mdn-plate) !important;
  border: 1px solid var(--mdn-line) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-form-group label,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-bold,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-summary-item strong {
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-input-field,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-select-mobile {
  background: var(--mdn-void) !important;
  border-color: var(--mdn-line) !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-input-field::placeholder {
  color: var(--mdn-faint) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-hint-text,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-empty-state,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-progress-tracker > div {
  color: var(--mdn-soft) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-btn-outline,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-btn-secondary {
  background: transparent !important;
  color: var(--mdn-ink) !important;
  border: 1px solid var(--mdn-line-strong) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-btn-outline:hover,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-btn-secondary:hover {
  background: var(--mdn-lift) !important;
  border-color: var(--mdn-line-strong) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-slot {
  background: var(--mdn-void) !important;
  border-color: var(--mdn-line) !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-slot:hover:not(.selected) {
  background: var(--mdn-lift) !important;
  border-color: color-mix(in srgb, var(--primary-original, var(--primary, #1e6bff)) 45%, var(--mdn-line)) !important;
  color: var(--mdn-ink) !important;
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-slot.selected {
  background: linear-gradient(
    135deg,
    var(--bookly-accent, var(--primary-original, var(--primary, #1e6bff))) 0%,
    var(--secondary-original, var(--secondary, #4da3ff)) 100%
  ) !important;
  border-color: var(--bookly-accent, var(--primary-original, var(--primary, #1e6bff))) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bookly-accent, var(--primary-original, var(--primary, #1e6bff))) 55%, transparent),
              0 8px 20px color-mix(in srgb, var(--bookly-accent, var(--primary-original, var(--primary, #1e6bff))) 35%, transparent);
}

html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-slot.selected .bookly-time-main,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-slot.selected .bookly-time-additional,
html[data-theme="dark"][data-dark-style="midnight"] .bookly-time-slot.selected i {
  color: #fff !important;
}

@media (max-width: 767.98px) {
  [data-block-style="midnight"][data-block-id] {
    padding: 1.5rem 1rem;
    border-radius: 1rem;
  }

  html[data-theme="dark"][data-dark-style="midnight"] .home-about-list li,
  [data-block-style="midnight"][data-block-id] .home-about-list li {
    border-radius: 1rem !important;
  }
}