/* Hospitality accents over the shared, functional callback layout. */
.te-cb, .te-cb-scrim, .te-cb-panel {
  --te-cb-acc: #b94b24;
  --te-cb-deep: #b94b24;
  --te-cb-soft: #f8eee8;
  --te-cb-ink: #353c44;
  --te-cb-ink2: #65594f;
  --te-cb-line: #908579;
  --te-cb-ok: #2b855b;
  font-family: inherit;
}
.te-cb-tip {
  background: rgb(255 255 255 / 96%);
  border: 1px solid rgb(53 60 68 / 12%);
  box-shadow: 0 12px 32px rgb(53 43 35 / 16%);
}
.te-cb-tip::after { background: #fff; }
.te-cb-tip-h { font-size: 20px; font-weight: 600; }
.te-cb-tip-p { line-height: 1.55; }
.te-cb-tip-si { font-size: 14px; min-height: 44px; }
.te-cb-fab {
  box-shadow: 0 8px 22px rgb(53 43 35 / 18%), inset 0 1px 0 rgb(255 255 255 / 16%);
}
.te-cb-fab-x, .te-cb-x, .te-cb-volver { color: var(--te-cb-ink); }
.te-cb-panel { background: #fcfbf9; }
.te-cb-scrim { background: rgb(35 33 30 / 42%); }
.te-cb-top { background: rgb(255 255 255 / 78%); }
.te-cb-body { border-color: rgb(53 60 68 / 12%); }
.te-cb-h, .te-cb-h2, .te-cb-ok-h { font-weight: 500; letter-spacing: -.035em; }
.te-cb-field { background: rgb(255 255 255 / 86%); }
.te-cb-btn, .te-cb-ok-a { border-radius: 12px; min-height: 48px; }
.te-cb-btn:not(.te-cb-btn2):hover, .te-cb-tip-si:hover, .te-cb-fab:hover { background: #a6411f; }
.te-cb-btn2 { color: var(--te-cb-ink); background: rgb(255 255 255 / 65%); }
.te-cb-lista { box-shadow: 0 7px 20px rgb(53 43 35 / 9%); }
.te-cb-mano { background: #faf7f3; }
.te-cb-panel .te-cb-btn:focus-visible,
.te-cb .te-cb-tip-si:focus-visible,
.te-cb-panel .te-cb-walink:focus-visible,
.te-cb-panel .te-cb-ok-a:focus-visible {
  outline: 3px solid #863c21;
  outline-offset: 3px;
}
.te-cb-preview-note {
  margin: 0 0 16px;
  padding: 10px 12px;
  border-left: 2px solid #b94b24;
  background: #f8eee8;
  color: #65594f;
  font-size: 13px;
  line-height: 1.5;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .te-cb-tip { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
}
@media (min-width: 721px) {
  .te-cb-panel {
    border: 1px solid rgb(53 60 68 / 12%);
    border-radius: 20px;
    box-shadow: 0 24px 65px rgb(35 33 30 / 22%);
  }
}
.te-cb.te-cb-over-demo {
  visibility: hidden;
  pointer-events: none;
}
@media (prefers-reduced-transparency: reduce) {
  .te-cb-tip, .te-cb-top, .te-cb-field, .te-cb-btn2 { background: #fff; }
  .te-cb-tip { -webkit-backdrop-filter: none; backdrop-filter: none; }
}