/* Principal SAGE · texto blanco sobre superficies SAGE, por elección de marca. */
:root { --bosque: #76968D; --menta: #DCE8DF; --sage-borde: #76968D; --line: rgba(118,150,141,.17); }
/* Selección de servicios: fondo menta, borde SAGE y texto oscuro legible. */
.escena .tarjeta:has(input:checked) {
  background: var(--menta); color: var(--tinta);
  outline: 2px solid var(--sage-borde); outline-offset: -2px;
}
.hero-loop-ready .escena .tarjeta:has(input:checked)::after { background: var(--bosque); }
/* La cifra de Google conserva el verde fuerte de la marca. */
.google-rating-score strong { color: #0F3D3A; }
/* El color de marca se propaga a --petroleo y --noche desde estilos.css. */
.boton, .cabecera__nav a[aria-current], .cabecera__boton:hover,
.lista__agendar:hover, .icon-button:not(:disabled):hover,
.catalog-filters button[aria-pressed="true"], .filter-list button[aria-pressed="true"],
.service-choice[aria-pressed="true"], .booking-dock > summary, .booking-primary,
.google-review-primary, .pie, .barra, .bloque--noche, .para-ellos, .footer-edit {
  color: #fff;
}
.booking-summary > span { color: #fff; }
.mobile-menu[open] summary span { background: #fff; }
.para-ellos :is(.section-heading p, .ellos-body, legend, .ellos-footnote,
  .ellos-viewbar > span, .ellos-caption, .ellos-case-picker small) { color: #fff; }
.footer-edit :is(.eyebrow, .footer-tagline, .footer-label, .footer-address span,
  .footer-policy-note, .footer-policy-note p, .footer-bottom, .policy-context,
  .footer-documents p, .footer-location) { color: #fff; }
.footer-compact .footer-socials .footer-social-item,
.footer-compact .footer-socials a:hover { color: #fff; }
@media (width >= 64em) {
  .escena .pildoras li { background: rgb(118 150 141 / .66); color: #fff; }
}