/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */
#asistente-magistral, .mr-bath-header-cart, .mr-bath-toast {
  --mr-paper: #f7f5ef;
  --mr-white: #fff;
  --mr-ink: #201b12;
  --mr-muted: #59574e;
  --mr-green: #23452c;
  --mr-green-soft: #eef3eb;
  --mr-rule: #d7d7cc;
  --mr-error: #8a301e;
  --mr-font: Montserrat, sans-serif;
}

#asistente-magistral {
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 72px);
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.45fr);
  margin: clamp(30px, 5vw, 66px) 0;
  border: 1px solid var(--mr-rule);
  background: var(--mr-white);
  color: var(--mr-ink);
  font-family: var(--mr-font);
  line-height: 1.45;
}

#asistente-magistral *, #asistente-magistral *::before, #asistente-magistral *::after { box-sizing: border-box; }
#asistente-magistral [hidden] { display: none !important; }
#asistente-magistral :is(p, h2, h3, h4) { margin: 0; }
#asistente-magistral :is(h2, h3, h4) {
  color: var(--mr-ink);
  font-family: var(--mr-font);
  min-width: 0;
  overflow-wrap: anywhere;
  font-style: normal;
  text-transform: none;
}

#asistente-magistral .mr-bath-intro {
  min-width: 0;
  padding: clamp(22px, 4.3vw, 48px);
  border-right: 1px solid var(--mr-rule);
  background: var(--mr-paper);
}

#asistente-magistral .mr-bath-icon { display: block; color: var(--mr-green); }
#asistente-magistral .mr-bath-intro-copy { margin-top: clamp(22px, 3.6vw, 38px); }
#asistente-magistral :is(.mr-bath-kicker, .mr-bath-step) {
  color: var(--mr-green);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .115em;
}

#asistente-magistral h2 {
  margin-top: 10px;
  font-size: clamp(27px, 3.6vw, 45px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.048em;
}

#asistente-magistral .mr-bath-description { margin-top: 14px; color: var(--mr-muted); font-size: 14px; }
#asistente-magistral .mr-bath-content { min-width: 0; padding: clamp(18px, 4.1vw, 46px); }
#asistente-magistral .mr-bath-step { display: flex; align-items: center; gap: 10px; }
#asistente-magistral .mr-bath-step b { font-size: 13px; font-variant-numeric: tabular-nums; }
#asistente-magistral .mr-bath-step span { width: 20px; height: 1px; background: var(--mr-green); }
#asistente-magistral h3 {
  margin-top: 10px;
  font-size: clamp(22px, 3.1vw, 32px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -.035em;
  scroll-margin-top: 115px;
}

#asistente-magistral :is(.mr-bath-options, .mr-bath-products) { margin-top: 20px; border-top: 1px solid var(--mr-rule); }
#asistente-magistral .mr-bath-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  border: 0;
  border-bottom: 1px solid var(--mr-rule);
  border-radius: 0;
  padding: 7px 9px;
  background: var(--mr-white);
  color: var(--mr-ink);
  font: inherit;
  text-align: left;
  text-transform: none;
  cursor: pointer;
}

#asistente-magistral .mr-bath-choice-copy { flex: 1; min-width: 0; }
#asistente-magistral .mr-bath-choice strong { display: block; font-size: 15px; font-weight: 750; }
#asistente-magistral .mr-bath-choice small { display: block; font-size: 12px; color: var(--mr-muted); }
#asistente-magistral .mr-bath-arrow { flex-shrink: 0; color: var(--mr-green); font-size: 21px; line-height: 1; }
#asistente-magistral .mr-bath-choice:is(:hover, :active, .mr-bath-selected) { background: var(--mr-green-soft); }
#asistente-magistral :is(button, select, a, h3):focus-visible { outline: 2px solid var(--mr-green); outline-offset: 2px; }

#asistente-magistral .mr-bath-portrait {
  flex: 0 0 48px;
  height: 48px;
  border-radius: 2px;
  background: var(--mr-paper) url('pelajes.webp') no-repeat 0 0 / 200% 200%;
}

#asistente-magistral [data-bath-picture="goals"] { border-radius: 50%; background-image: url('cuidados.webp'); }
#asistente-magistral [data-bath-picture="goals"][data-bath-quadrant="1"] { background-image: url('objetivos.webp'); }
#asistente-magistral [data-bath-picture="extra-goals"] { border-radius: 50%; background-image: url('cuidados-adicionales.webp'); }
#asistente-magistral [data-bath-picture="colors"] { border-radius: 50%; background-image: url('colores.webp?v=2'); }
#asistente-magistral :is([data-coat="long"], [data-bath-quadrant="1"]) { background-position: 100% 0; }
#asistente-magistral :is([data-coat="curly"], [data-bath-quadrant="2"]) { background-position: 0 100%; }
#asistente-magistral :is([data-coat="fine"], [data-bath-quadrant="3"]) { background-position: 100% 100%; }

#asistente-magistral .mr-bath-product {
  display: flex;
  align-items: flex-start;
  gap: clamp(11px, 2vw, 18px);
  padding: 15px 0;
  border-bottom: 1px solid var(--mr-rule);
}

#asistente-magistral .mr-bath-product-image {
  flex: 0 0 clamp(118px, 13vw, 150px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: var(--mr-paper);
}

#asistente-magistral .mr-bath-product-image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; }
#asistente-magistral .mr-bath-product-copy { min-width: 0; }
#asistente-magistral .mr-bath-products > .mr-bath-product-copy { padding-top: 14px; }
#asistente-magistral h4 { margin-top: 3px; font-size: 16px; font-weight: 750; line-height: 1.3; }
#asistente-magistral :is(.mr-bath-why, .mr-bath-profile) { margin-top: 5px; font-size: 13px; color: var(--mr-muted); }
#asistente-magistral .mr-bath-actions { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; }
#asistente-magistral :is(.mr-bath-back, .mr-bath-link) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 8px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: var(--mr-green);
  font: 750 12px var(--mr-font);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
}

#asistente-magistral :is(.mr-bath-back, .mr-bath-link):hover { background: var(--mr-green-soft); }
#asistente-magistral .mr-bath-link { margin-top: 6px; }
#asistente-magistral .mr-bath-primary { padding-inline: 13px; background: var(--mr-ink); color: var(--mr-white); text-decoration: none; }
#asistente-magistral .mr-bath-primary:hover { background: var(--mr-green); }
#asistente-magistral .mr-bath-cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin: 9px 0 0;
}

#asistente-magistral .mr-bath-cart select {
  width: auto;
  max-width: 100%;
  min-height: 44px;
  padding: 0 7px;
  border: 1px solid var(--mr-rule);
  border-radius: 2px;
  background: var(--mr-white);
  color: var(--mr-ink);
  font: 650 12px var(--mr-font);
}

#asistente-magistral .mr-bath-cart .mr-bath-link { margin-top: 0; }
#asistente-magistral :is(button, select):disabled { opacity: .65; cursor: wait; }
#asistente-magistral .mr-bath-cart-status { flex-basis: 100%; color: var(--mr-green); font-size: 12px; font-weight: 650; }
#asistente-magistral .mr-bath-cart-status:empty { position: absolute; clip-path: inset(50%); }
#asistente-magistral .mr-bath-cart-status[data-state="error"] { color: var(--mr-error); }
#asistente-magistral .mr-bath-pair {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 12px;
  margin-top: 16px;
  padding: 12px;
  background: var(--mr-green-soft);
}

#asistente-magistral .mr-bath-pair .mr-bath-link { margin-top: 0; }
#asistente-magistral .mr-bath-pair .mr-bath-link:disabled { cursor: default; }
#asistente-magistral .mr-bath-pair-hint { color: var(--mr-muted); font-size: 12px; }

header a.mr-bath-header-cart { position: relative; }
.mr-bath-header-cart .mr-bath-cart-badge {
  position: absolute;
  inset-block-start: -5px;
  inset-inline-end: -6px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  min-width: 23px;
  height: 23px;
  padding-inline: 3px;
  border: 2px solid var(--mr-white);
  border-radius: 50px;
  background: var(--mr-green);
  color: var(--mr-white);
  font: 800 11px/1 var(--mr-font);
  pointer-events: none;
}

.mr-bath-cart-badge[hidden], .mr-bath-toast[hidden] { display: none; }
.mr-bath-toast {
  position: fixed;
  z-index: 9999;
  inset-inline-end: 18px;
  inset-block-end: max(106px, calc(env(safe-area-inset-bottom) + 96px));
  max-width: calc(100% - 72px);
  box-sizing: border-box;
  padding: 13px 16px;
  border-radius: 2px;
  background: var(--mr-green);
  color: var(--mr-white);
  font: 750 13px/1.35 var(--mr-font);
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .mr-bath-toast:not([hidden]) { animation: mr-bath-toast-in 220ms ease-out; }
}

@keyframes mr-bath-toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 650px) {
  #asistente-magistral { grid-template-columns: minmax(0, 1fr); }
  #asistente-magistral .mr-bath-intro { border-right: 0; border-bottom: 1px solid var(--mr-rule); }
  #asistente-magistral .mr-bath-intro-copy { margin-top: 18px; }
  #asistente-magistral .mr-bath-product-image { flex-basis: 102px; }
}

@media (max-width: 360px) {
  #asistente-magistral .mr-bath-product-image { flex-basis: 86px; }
}