/* Authentic Spa 1.11 — forest, warm bronze and original botanical linework.
   A presentation layer only; the approved portraits, order and later chapters stay intact. */

body:not(.document-page) #nav.as-main-navigation {
  background: linear-gradient(180deg, #0b1c17f2, #10251ed1);
  border-bottom-color: #c99d6161;
  box-shadow: 0 1px 0 #e2c7920a, 0 10px 35px #020b0730;
}
body:not(.document-page) #nav.as-main-navigation.sc { background: #0c1e18f5; }
body:not(.document-page) #nav.as-main-navigation .nav-links > li > a:hover,
body:not(.document-page) #nav.as-main-navigation .as-nav-disclosure:hover { color: #f0d6aa; }

/* An illuminated opening; no decorative layer is placed over the portrait. */
#inicio.hero { border-bottom-color: #b5874b70; background-color: #0b1e17; }
#inicio.hero .hero-tag { color: #e5c38f; }
#inicio.hero .hero-tag::before { background: #c89659; }
#inicio.hero .ht { color: #fff6e7; text-shadow: 0 3px 32px #00000033; }
#inicio.hero .ht .l4 { color: #edc48c; }
#inicio.hero .hero-sub { color: #e3e6d6; }
#inicio.hero .hero-copy { isolation: isolate; }
#inicio.hero .hero-copy::before {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: -38px;
  top: -42px;
  width: 290px;
  height: 400px;
  border: 1px solid #d1a66b26;
  border-right-color: transparent;
  border-bottom: 0;
  border-radius: 180px 180px 0 0;
  transform: rotate(-8deg);
}
#inicio.hero .as-tantra-discover {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  min-height: 46px;
  margin: -3px 0 24px;
  padding: 0 0 10px;
  border: 0;
  border-bottom: 1px solid #d4b17c61;
  border-radius: 0;
  background: transparent;
  color: #efd6ad;
  font: 400 1.08rem/1.45 var(--font-h, Georgia, serif);
  text-align: left;
  cursor: pointer;
  transition: color .2s, border-color .2s;
}
#inicio.hero .as-tantra-discover::before {
  content: '';
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  background: url('assets/images/b37e22cadd6398c9.webp') center / contain no-repeat;
}
#inicio.hero .as-tantra-discover > [aria-hidden="true"] {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-left: 3px;
  flex: 0 0 30px;
  border: 1px solid #d4b17c70;
  border-radius: 50%;
  font: 400 .9rem/1 var(--font-b, sans-serif);
}
#inicio.hero .as-tantra-discover:hover { color: #fff1d6; border-color: #f0d6aa; }
#inicio.hero .as-tantra-discover:hover > [aria-hidden="true"] { background: #d4b17c19; }
#inicio.hero .hero-actions .btn-primary {
  border-color: #e8c493;
  background: linear-gradient(115deg, #ebcfa4, #d4ad77 72%, #c8995f);
  color: #14221a;
  box-shadow: 0 7px 25px #b17a3d24, inset 0 1px 0 #fff6e23d;
}
#inicio.hero .hero-actions .btn-primary:hover { background: #f0d6aa; }
#inicio.hero .hero-actions .as-hero-directions {
  border-color: #ddbb856e;
  background: #102a22a3;
  color: #efdfc1;
  text-decoration: none;
}
#inicio.hero .hero-actions .as-hero-directions:hover { background: #254236b8; border-color: #ddbb85; }
#inicio.hero .hero-actions .as-hero-availability {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-basis: 100%;
  gap: 10px;
  min-height: 44px;
  width: auto;
  padding: 4px 0;
  color: #e1c393;
  font: 400 .77rem/1.6 var(--font-b, sans-serif);
  letter-spacing: .025em;
  text-transform: none;
  text-decoration: underline;
  text-decoration-color: #c99d617d;
  text-underline-offset: 5px;
}
#inicio.hero .hero-actions .as-hero-availability:hover { color: #fff0d0; }
#inicio.hero #heroTherapists .managed-caption {
  border-color: #d2ab706b;
  border-left-color: #e1ba80;
  background: linear-gradient(135deg, #273026c9, #0c211ac9);
  box-shadow: 0 12px 34px #00000029;
}
#inicio.hero #heroTherapists .managed-profession { color: #e7c99b; }
#inicio.hero .carousel-arrow,
#inicio.hero .carousel-autoplay { background: #102b22d6; border-color: #d2ab7066; color: #efdab4; }
#inicio.hero .carousel-arrow:hover { color: #12241b; background: #dfbd88; }

/* Botanical edges and bronze captions enrich the existing vertical album. */
#terapeutas {
  background-color: #10251c;
  background-image: url('assets/design/botanical-111.svg'),
    radial-gradient(ellipse at 100% 0, #92704426, transparent 700px),
    linear-gradient(180deg, #10251c, #0e1e17 1600px);
  background-position: left -110px top 65px, right top, center top;
  background-size: 460px auto, auto, auto;
  background-repeat: no-repeat;
}
#terapeutas .sec-tag,
#massagens .sec-tag,
#sobre .eyebrow { color: #dcb981; }
#terapeutas .th-hdr { border-bottom-color: #c99d6140; }
#terapeutas .th-hdr h2 em,
#massagens .sec-head h2 em,
#sobre .about-text h2 em { color: #e5c190; }
#terapeutas .team-search { background: #142b22cc; border-color: #bd955a5e; }
#terapeutas .team-filter-controls { border-bottom-color: #c99d6138; }
#terapeutas .team-filter-controls button { border-color: #ba955e70; background: #10261d94; color: #d6dfcd; }
#terapeutas .team-filter-controls button:hover { border-color: #dec08e; }
#terapeutas .team-filter-controls button[aria-pressed="true"] {
  background: linear-gradient(120deg, #e4c69b, #cda36c);
  border-color: #dec08e;
  color: #15271d;
}
#terapeutas #therapistGrid > .th-card {
  border-color: #ba955a70;
  box-shadow: 0 24px 64px #00000033, 0 0 0 5px #b38c4f08;
}
#terapeutas #therapistGrid > .th-card:hover,
#terapeutas #therapistGrid > .th-card:focus-visible { border-color: #dfbd85; }
#terapeutas #therapistGrid .managed-caption {
  border-top-color: #c49a5c70;
  background: linear-gradient(115deg, #2d3526, #1b3024 60%, #15291f);
}
#terapeutas #therapistGrid .managed-name { color: #fff0d8; }
#terapeutas #therapistGrid .managed-profession { color: #e0ba7f; }

body:not(.document-page) .strip {
  background: linear-gradient(100deg, #23372a, #353a29 50%, #23372a);
  border-block-color: #ba91575e;
  box-shadow: inset 0 4px 24px #00000014;
}
body:not(.document-page) .strip .num { color: #eccd9a; }
body:not(.document-page) .strip .lbl { color: #d4d8c2; }
body:not(.document-page) .strip .si { border-color: #c99d614d; }

/* The introduction stays deliberately free of venue photographs. */
#sobre {
  background-color: #10231a;
  background-image: url('assets/design/botanical-111.svg'),
    radial-gradient(ellipse at 10% 30%, #79623c1c, transparent 65%),
    linear-gradient(135deg, #12291f, #0d1d16);
  background-repeat: no-repeat;
  background-position: left -100px bottom -180px, left center, center;
  background-size: 410px auto, auto, auto;
}
#sobre[data-spa-photos="paused"] .about-text > h2 {
  padding-left: 24px;
  border-left: 1px solid #c49c6561;
}
#sobre[data-spa-photos="paused"] .cklist { border-top-color: #b78f5454; }
#sobre .ck { color: #d8dec9; }
#sobre .ck::before { color: #e0b77c; }

/* A richer catalogue, with a small original lotus and fine arch detailing. */
#massagens {
  background-color: #162d22;
  background-image: url('assets/design/botanical-111.svg'),
    radial-gradient(ellipse at 0 0, #9b73342b, transparent 580px),
    linear-gradient(160deg, #183528, #0f241b 75%);
  background-position: right -130px top 40px, left top, center;
  background-size: 460px auto, auto, auto;
  background-repeat: no-repeat;
  border-top-color: #b78f544d;
}
#massagens .svc-grid { gap: 24px; }
#massagens .svc {
  border-color: #c49a5c5e;
  border-radius: 30px 6px 6px;
  background: linear-gradient(135deg, #2c3c2c, #1a3125 62%, #172d22);
  box-shadow: 0 16px 38px #030e0924, inset 0 1px 0 #eed6a608;
}
#massagens .svc::before {
  width: 46px;
  height: 33px;
  margin-bottom: 20px;
  background: url('assets/images/b37e22cadd6398c9.webp') left center / contain no-repeat;
  opacity: .9;
}
#massagens .svc::after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  top: -48px;
  right: -18px;
  bottom: auto;
  left: auto;
  width: 130px;
  height: 210px;
  border: 1px solid #d0a66b1f;
  border-radius: 100px 100px 0 0;
  background: none;
  transform: rotate(-24deg);
  transition: none;
}
#massagens .svc:hover,
#massagens .svc:focus-within {
  border-color: #d6ac73b3;
  background: linear-gradient(135deg, #344430, #1f392b 62%, #1a3024);
  box-shadow: 0 18px 42px #030e0938;
}
#massagens .svc:hover::after { transform: rotate(-24deg); }
#massagens .svc h3 { color: #fff1dc; }
#massagens .svc p { color: #d0d8c6; }
#massagens .svc-foot { border-color: #c99d613d; }
#massagens .svc-dur { color: #becdb6; }
#massagens .as-massage-more { color: #efcf9f; }
#massagens .as-massage-more > [aria-hidden] { border-color: #c99d618c; background: #c99d610c; }
#massagens .as-massage-more:hover > [aria-hidden],
#massagens .as-massage-more:focus-visible > [aria-hidden] { color: #14251b; background: #e0bb83; }
#massagens .svc-cta-wrap .btn-outline { color: #efdbb7; border-color: #c9a16c96; background: #ac7b3714; }
#massagens .svc-cta-wrap .btn-outline:hover { background: #ba91572e; border-color: #edc98f; }

/* Carry the same materials into the existing massage detail window. */
#massageDetailDialog {
  background: radial-gradient(ellipse at top right, #9d783326, transparent 420px), #12281d;
  border-color: #c69c626e;
}
#massageDetailDialog .as-massage-toolbar { background: #142c21f5; border-bottom-color: #bb955c52; }
#massageDetailDialog .as-massage-eyebrow,
#massageDetailDialog h3 { color: #e8c595; }
#massageDetailDialog .as-massage-benefit-card {
  border-color: #ba955a5c;
  border-top-color: #d8ad74;
  background: linear-gradient(135deg, #303e2b, #1c3526);
}
#massageDetailDialog .as-massage-benefit-card h3 { color: #f0d7b0; }
#massageDetailDialog .as-massage-benefits li,
#massageDetailDialog .as-massage-fit p { color: #dce3d0; }
#massageDetailDialog .as-massage-reserve { background: #a67e3912; border-color: #ba955a57; }
#massageDetailDialog .as-massage-reserve .btn-primary { background: #dec08e; border-color: #dec08e; color: #14251b; }
#massageDetailDialog .as-massage-reserve .btn-primary:hover { background: #eed3a7; }

@media (max-width: 980px) {
  #inicio.hero .hero-copy::before { left: -20px; opacity: .7; }
  #terapeutas { background-size: 350px auto, auto, auto; background-position: left -135px top 45px, right top, center top; }
  #massagens { background-size: 350px auto, auto, auto; }
  #sobre[data-spa-photos="paused"] .about-text > h2 { padding-left: 18px; }
}
@media (max-width: 760px) {
  #massagens .svc-grid { gap: 18px; }
  #sobre[data-spa-photos="paused"] .about-text > h2 { border-left: 0; padding-left: 0; }
}
@media (max-width: 650px) {
  #inicio.hero .hero-copy::before { display: none; }
  #inicio.hero .as-tantra-discover { margin-bottom: 22px; gap: 10px; font-size: 1.03rem; }
  #inicio.hero .as-tantra-discover::before { width: 31px; height: 25px; flex-basis: 31px; }
  #inicio.hero .hero-actions .as-hero-directions { width: calc(50% - 5px); }
  #inicio.hero .hero-actions .as-hero-availability { font-size: .76rem; min-height: 44px; }
  #terapeutas { background-position: left -165px top 50px, right top, center top; background-size: 320px auto, auto, auto; }
  #terapeutas #therapistGrid > .th-card { box-shadow: 0 15px 38px #0000002b; }
  body:not(.document-page) .strip .si:nth-child(-n+2) { border-bottom-color: #c99d614d; }
  #sobre { background-size: 300px auto, auto, auto; background-position: left -145px bottom -95px, left center, center; }
  #massagens { background-size: 300px auto, auto, auto; background-position: right -160px top 15px, left top, center; }
  #massagens .svc { border-radius: 25px 5px 5px; }
  #massagens .svc::before { width: 40px; height: 29px; margin-bottom: 17px; }
  #massagens .svc::after { width: 105px; height: 180px; }
}
@media (max-width: 360px) {
  #inicio.hero .hero-actions .btn-primary,
  #inicio.hero .hero-actions .as-hero-directions { width: 100%; }
  #inicio.hero .as-tantra-discover { font-size: .95rem; }
}

/* 1.11.1 — keep the mobile portrait, profile and controls together in normal
   flow, before the introduction. Longer names and labels can grow naturally. */
@media screen and (max-width: 650px) {
  #inicio.hero { min-height: 0; align-items: flex-start; }
  #inicio.hero .hero-bg { background: #0d1914; }
  #inicio.hero .hero-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    padding: 72px 0 56px;
  }
  #inicio.hero .hero-copy { width: calc(100% - 40px); margin: 0 20px; }
  #inicio.hero .hero-team {
    position: relative;
    inset: auto;
    order: -1;
    height: auto;
  }
  #inicio.hero .hero-carousel,
  #inicio.hero .hero-carousel-enhanced {
    position: relative;
    inset: auto;
    height: auto;
    padding-bottom: 64px;
  }
  #inicio.hero #heroTherapists.portrait-mosaic {
    position: relative;
    inset: auto;
    height: auto;
  }
  #inicio.hero #heroTherapists > .managed-card,
  #inicio.hero #heroTherapists.portrait-mosaic.single-portrait > .managed-card {
    position: relative;
    inset: auto;
    display: flex;
    height: auto;
    background: transparent;
  }
  #inicio.hero #heroTherapists.portrait-mosaic > .managed-card.hero-outgoing {
    position: absolute;
    inset: 0;
    height: 100%;
  }
  #inicio.hero #heroTherapists .managed-photo {
    position: relative;
    inset: auto;
    height: var(--hero-mobile-portrait-height);
  }
  #inicio.hero #heroTherapists .managed-photo img { top: 0; }
  #inicio.hero .managed-photo::after {
    background: linear-gradient(180deg, #0c171329, transparent 36px);
  }
  #inicio.hero #heroTherapists .managed-caption {
    position: relative;
    inset: auto;
    align-self: flex-end;
    max-width: calc(100% - 40px);
    margin: 16px 20px 12px;
  }
  #inicio.hero .carousel-arrow,
  #inicio.hero .carousel-arrow.next { top: auto; right: auto; bottom: 0; }
  #inicio.hero .hero-carousel-footer {
    position: relative;
    inset: auto;
    width: calc(100% - 150px);
    min-width: 0;
    min-height: 44px;
    margin: -44px 20px 0 auto;
    flex-wrap: wrap;
    gap: 6px 12px;
  }
  #inicio.hero #heroCarouselStatus { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  #inicio.hero .roster-message,
  #inicio.hero .hero-category-empty {
    position: relative;
    inset: auto;
    margin: 14px 20px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  #inicio.hero .as-tantra-discover { transition: none; }
}
@media print {
  #inicio.hero .hero-copy::before,
  #inicio.hero .as-tantra-discover,
  #massagens .svc::after { display: none; }
}