/* ABA V1 warm surfaces and interaction accents. Decorative Flow removed. */
.aba-v1 {
  --aba-surface-cream: #f7e0be;
  --aba-surface-warm-white: #fdf9f2;
  --aba-surface-salmon-soft: #fff7f6;
  --aba-depth-gutter: 28px;
}
.aba-surface--cream { background: var(--aba-surface-cream); }
.aba-surface--salmon { background: var(--aba-surface-salmon-soft); }
.aba-faq-layout {
  background: var(--aba-surface-warm-white);
  box-shadow: 0 0 0 var(--aba-depth-gutter) var(--aba-surface-warm-white);
}
.aba-faq-category { background: #fff; }
.aba-faq-category h2 { background: var(--aba-surface-warm-white); padding-bottom: 20px; margin-bottom: 0; }
.aba-faq-row[open] { background: var(--aba-surface-salmon-soft); }
.aba-faq-row summary svg { color: #00869b; }
.aba-faq-row[open] summary svg { color: #00869b; }
.aba-faq-row summary:focus-visible { outline-color: #00869b; }
.nc-index { background: var(--aba-surface-warm-white); }

.ac-clinics h1 { background: var(--aba-surface-warm-white); }

.gp-page .gp-intro { background: var(--aba-surface-salmon-soft); }
.med-v1 .med-chapter-derma { background: var(--aba-surface-warm-white); }
.med-v1 .med-close { background: var(--aba-surface-salmon-soft); }
.med-v1 .med-derma-hero { background: var(--aba-surface-warm-white); }

@media(max-width: 700px) {
  .aba-v1 { --aba-depth-gutter: 16px; }
  .aba-faq-index { background: var(--aba-surface-warm-white); }
}

/* Informational pages continue the approved Warm Surface System.
   Page gutters align editorial sections; white is reserved for functional surfaces. */
.aba-v1:is([data-page="faqs"],[data-page="new-customers"],[data-page="aba-med"]:has([data-med-family="dermatologia"]),[data-page="aba-med"]:has([data-med-family="salud"])) {
  --aba-surface-canvas: #FFF8F0;
  --aba-surface-chapter: #FFF3E2;
  --aba-surface-card: #FFFFFF;
  --aba-info-gutter: 48px;
  --aba-info-row-inset: 24px;
  background-color: var(--aba-surface-canvas);
}

.aba-v1[data-page="faqs"] .aba-faq.shell,
.aba-v1[data-page="new-customers"] .nc-page.shell,
.aba-v1[data-page="aba-med"] .med-v1:is([data-med-family="dermatologia"],[data-med-family="salud"]) > .shell {
  width: 100%;
  max-width: 1440px;
  padding-inline: var(--aba-info-gutter);
}

/* FAQ: uninterrupted canvas behind the title, topic index, and category labels. */
.aba-v1[data-page="faqs"] :is(.aba-faq-layout,.aba-faq-index,.aba-faq-category h2) {
  background: var(--aba-surface-canvas);
}
.aba-v1[data-page="faqs"] .aba-faq-layout { box-shadow: none; }
.aba-v1[data-page="faqs"] .aba-faq-category h2 { margin-bottom: 0; }
.aba-v1[data-page="faqs"] .aba-faq-row,
.aba-v1[data-page="faqs"] .aba-faq-row[open] { background: var(--aba-surface-card); }
.aba-v1[data-page="faqs"] :is(.aba-faq-row summary,.aba-faq-answer) {
  padding-inline: var(--aba-info-row-inset);
}

/* Dermatology keeps its open editorial rows and portrait-led composition. */
.aba-v1[data-page="aba-med"] .med-v1[data-med-family="dermatologia"] :is(.med-derma-hero,.med-close) {
  background: var(--aba-surface-canvas);
}
.aba-v1[data-page="aba-med"] .med-v1[data-med-family="dermatologia"] .med-close {
  margin-top: 48px;
}

/* Weight: a quieter offer chapter with readable, white interaction surfaces. */
.aba-v1[data-page="aba-med"] .med-v1[data-med-family="salud"] :is(.med-program,.med-medical-note,.med-stage-note) {
  background: var(--aba-surface-chapter);
}
.aba-v1[data-page="aba-med"] .med-v1[data-med-family="salud"] .med-weight-options > :is(p,details,.med-medical-note) {
  max-width: 1000px;
}
.aba-v1[data-page="aba-med"] .med-v1[data-med-family="salud"] .med-weight-options details {
  background: var(--aba-surface-card);
  padding-inline: var(--aba-info-row-inset);
}
.aba-v1[data-page="aba-med"] .med-v1[data-med-family="salud"] .med-weight-form {
  min-width: 0;
  padding: 32px;
  background: var(--aba-surface-card);
}

/* New Customers: one common content axis through preparation, payments, and close. */
.aba-v1[data-page="new-customers"] .nc-page.shell { padding-inline: 0; }
.aba-v1[data-page="new-customers"] .nc-page > :is(.nc-breadcrumb,.nc-intro,.nc-index,.nc-section) {
  padding-inline: var(--aba-info-gutter);
}
.aba-v1[data-page="new-customers"] .nc-page .nc-preparation {
  background: var(--aba-surface-chapter);
  border-radius: 0;
}
.aba-v1[data-page="new-customers"] .nc-page .nc-index::after {
  background: var(--aba-surface-chapter);
}

@media(max-width: 700px) {
  .aba-v1:is([data-page="faqs"],[data-page="new-customers"],[data-page="aba-med"]:has([data-med-family="dermatologia"]),[data-page="aba-med"]:has([data-med-family="salud"])) {
    --aba-info-gutter: 22px;
    --aba-info-row-inset: 20px;
  }
  .aba-v1[data-page="faqs"] .aba-faq-intro h1 { font-size: 36px; }
  .aba-v1[data-page="aba-med"] .med-v1[data-med-family="dermatologia"] .med-close { margin-top: 32px; }
  .aba-v1[data-page="aba-med"] .med-v1[data-med-family="salud"] .med-weight-form { padding: 24px 20px; }
}