/* Lenguaje de cristal. Fondo marfil de siempre; los tonos de la paleta (tokens.css) van en botones, tarjetas, cifras y etiquetas,
   como superficies translúcidas con desenfoque y un filo de luz arriba. Los botones no llevan borde: la luz sustituye al contorno. */
:root {
  --luz: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -1px 0 rgba(255, 255, 255, .16);
  --sombra-cristal: 0 18px 38px -22px rgba(81, 50, 41, .38);
  --velo: blur(16px) saturate(1.5);
}

.eyebrow { color: var(--rojizo); }
.hero .eyebrow, .immersive .eyebrow, .cu-cab .eyebrow, footer .eyebrow, .ft .eyebrow { color: inherit; }

/* Botones planos: color sólido, sin borde, sin degradado y sin sombras. */
.btn-pill { border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
.btn-pill-dark { background: var(--cacao) !important; color: #fff !important; }
.btn-pill-dark:hover { background: var(--rojizo) !important; }
.btn-pill-light { background: #FAF7F2 !important; color: var(--cacao) !important; }
.btn-pill-light:hover { background: #fff !important; }
.btn-pill-line { background: var(--cielo) !important; color: var(--cacao) !important; }
.btn-pill-line:hover { background: #C7E0F3 !important; }
.btn-pill-ghost { background: var(--mantequilla) !important; color: var(--cacao) !important; }
.btn-pill-ghost:hover { background: #FBDC9E !important; }
footer .btn-pill-line, .ft .btn-pill-line { background: rgba(255, 255, 255, .16) !important; color: #F4EFE9 !important; }
footer .btn-pill-line:hover, .ft .btn-pill-line:hover { background: rgba(255, 255, 255, .28) !important; }

/* Tarjetas de cristal */
.trust .quote { -webkit-backdrop-filter: var(--velo); backdrop-filter: var(--velo); box-shadow: var(--luz), var(--sombra-cristal); }
.trust .quote:nth-child(4n+1) { background: linear-gradient(160deg, rgba(216, 235, 249, .92), rgba(216, 235, 249, .5)); }
.trust .quote:nth-child(4n+2) { background: linear-gradient(160deg, rgba(252, 230, 183, .92), rgba(252, 230, 183, .5)); }
.trust .quote:nth-child(4n+3) { background: linear-gradient(160deg, rgba(215, 212, 177, .92), rgba(215, 212, 177, .5)); }
.trust .quote:nth-child(4n+4) { background: linear-gradient(160deg, rgba(244, 241, 226, .95), rgba(244, 241, 226, .55)); }

/* Cifras grandes de fondo: azul para medicina, mantequilla para estética. */
.concepto-num { color: color-mix(in srgb, var(--cielo) 75%, transparent) !important; }
.concepto-num.num-est { color: color-mix(in srgb, var(--mantequilla) 80%, transparent) !important; }


/* Regla general: los botones que cierran una sección van siempre a la derecha (también en el móvil). */
.row-ver, .row-foot, .trust-more, .ar-res-m, .ar-eq-m, .ar-otras-l, .dp-ct, .dpx-plan-cta, .dpx-acc, .clinica-cta, .area-medica, .ar-cta, .ar-faq-m {
  display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; text-align: right;
}
.cd-bt { justify-content: flex-end; } .ent-a { justify-items: end; text-align: right; }