/* GENERADO POR assets/js/generar-fondos.js — no editar a mano.
   Bloques cuyo fondo real es oscuro, medidos sobre las páginas servidas.
   Se regenera con:  node assets/js/generar-fondos.js

   El motivo de que esto exista: el template mezcla secciones oscuras con
   cajas blancas encima, y la misma clase aparece en los dos contextos. Elegir
   el color del texto por el nombre de la clase lleva a negro sobre negro en un
   sitio y blanco sobre blanco en otro. Esto lo decide midiendo.

   Para comprobarlo:  node assets/js/auditar.js   (debe dar 0 fallos) */

/* Un bloque oscuro puede llevar dentro una caja blanca. El texto de dentro de
   esa caja NO va en claro: va en tinta, como cualquier texto sobre blanco.
   De ahí el guardarraíl. */
#valores div.pricing-item.style-black :is(.title, h1, h2, h3, h4, h5, h6):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.blockquote-wrap :is(.title, h1, h2, h3, h4, h5, h6):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.box-black :is(.title, h1, h2, h3, h4, h5, h6):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *) {
  color: #ffffff;
}
#valores div.pricing-item.style-black :is(p, li, .text, .text-secondary):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.blockquote-wrap :is(p, li, .text, .text-secondary):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.box-black :is(p, li, .text, .text-secondary):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *) {
  color: #C0D2DF;
}
#valores div.pricing-item.style-black :is(.sub, .num, .specialty-number):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.blockquote-wrap :is(.sub, .num, .specialty-number):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.box-black :is(.sub, .num, .specialty-number):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *) {
  color: #6DB9E6;
}

/* El titulillo .heading-sub no es texto suelto: el template lo dibuja como
   una pastilla con fondo propio, y ese fondo lo expresa como un degradado de
   un solo color —linear-gradient(0deg, #f5f7fa, #f5f7fa)—, asi que es un
   fondo opaco de verdad, no un adorno. Dentro de un bloque oscuro quedaba una
   pastilla casi blanca con la letra cian encima: 1,43:1, ilegible. Se le
   cambia el relleno por cian translucido, como a los .adv-chip. */
#valores div.pricing-item.style-black .heading-sub:not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.blockquote-wrap .heading-sub:not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.box-black .heading-sub:not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *) {
  background: rgba(109,185,230, 0.12) !important;
  color: #6DB9E6;
}

/* El degradado de marca, en su registro oscuro.

   Es el mismo par de siempre, celeste y morado, pero cada fondo admite un
   tramo distinto. Sobre claro hay que bajar el celeste o no se lee; sobre
   oscuro pasa al reves: el celeste luce a plena potencia y el que se apaga es
   el morado, que sobre azul noche se hunde (2,7:1). Asi que aqui el celeste
   sube a #6DB9E6 y el morado se aclara a #6DB9E6, que da 3,8:1.

   Un degradado solo es tan legible como su extremo mas flojo: en ese extremo
   tambien hay letras. */
#valores div.pricing-item.style-black :is(.text-gradient, .text-gradient-1, .text-gradient-2, .text-gradient-3):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.blockquote-wrap :is(.text-gradient, .text-gradient-1, .text-gradient-2, .text-gradient-3):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.box-black :is(.text-gradient, .text-gradient-1, .text-gradient-2, .text-gradient-3):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *) {
  background: linear-gradient(100deg, #6DB9E6 0%, #6DB9E6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
#valores div.pricing-item.style-black :is(.adv-chip, .badge-fonasa):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.blockquote-wrap :is(.adv-chip, .badge-fonasa):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *),
#wrapper div.box-black :is(.adv-chip, .badge-fonasa):not(:is(.box-white, .card-especialidad, .features-item, .services-item, .widget-box, .form-contact, .adv-booking, .box-contact-item, .pricing-item:not(.style-black), .card-light) *) {
  background: rgba(109,185,230, 0.12);
  border: 1px solid rgba(109,185,230, 0.45);
  color: #6DB9E6;
}