:root {
  --mnj-paper: #fbf5ec;
  --mnj-white: #ffffff;
  --mnj-ink: #17110f;
  --mnj-inkdeep: #0e0a09;
  --mnj-rose: #d6115e;
  --mnj-rosedeep: #a70a48;
  --mnj-roselit: #ff5e93;
  --mnj-clay: #b4552f;
  --mnj-maize: #e8b53f;
  --mnj-line: #e3d8c8;
  --mnj-mute: #5d514a;
  --mnj-accent: var(--mnj-rose);
  --mnj-body: var(--mnj-ink);
  --mnj-soft: var(--mnj-mute);
  --mnj-rule: var(--mnj-line);
  --mnj-sheet: var(--mnj-white);
  --mnj-gut: clamp(1.15rem, 4.5vw, 3.4rem);
  --mnj-col: 71rem;
  --mnj-serif: "Ibarra Real Nova", Georgia, serif;
  --mnj-sans: "Kantumruy Pro", "Segoe UI", system-ui, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--mnj-paper);
  color: var(--mnj-ink);
  font-family: var(--mnj-sans);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.68;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4 {
  font-family: var(--mnj-serif);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.012em;
  margin: 0 0 0.5em;
  text-wrap: balance;
}

h1 {
  font-size: clamp(2.1rem, 5.4vw, 3.55rem);
}

h2 {
  font-size: clamp(1.6rem, 3.4vw, 2.4rem);
}

h3 {
  font-size: 1.24rem;
}

h4 {
  font-size: 1.06rem;
}

p {
  margin: 0 0 1em;
}

:focus-visible {
  outline: 3px solid var(--mnj-accent);
  outline-offset: 3px;
}

.mnj-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.mnj-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 30;
  background: var(--mnj-inkdeep);
  color: var(--mnj-paper);
  padding: 0.7rem 1.2rem;
  font-size: 0.92rem;
}

.mnj-skip:focus {
  left: 0.6rem;
  top: 0.6rem;
}

.mnj-shell,
.mnj-crumb,
.mnj-hero,
.mnj-band,
.mnj-pdp,
.mnj-cierrepdp,
.mnj-artprose,
.mnj-foot {
  display: grid;
  grid-template-columns:
    [full-start] minmax(var(--mnj-gut), 1fr)
    [inner-start] minmax(0, var(--mnj-col))
    [inner-end] minmax(var(--mnj-gut), 1fr)
    [full-end];
}

.mnj-shell > *,
.mnj-crumb > *,
.mnj-hero > *,
.mnj-band > *,
.mnj-pdp > *,
.mnj-cierrepdp > *,
.mnj-artprose > *,
.mnj-foot > * {
  grid-column: inner;
}

.mnj-topbar {
  background: var(--mnj-inkdeep);
  color: var(--mnj-paper);
  overflow: hidden;
}

.mnj-marquee {
  display: flex;
  white-space: nowrap;
  padding: 0.42rem 0;
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.mnj-marquee-run {
  display: inline-block;
  padding-right: 2.5rem;
  animation: mnj-drift 38s linear infinite;
}

@keyframes mnj-drift {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mnj-marquee-run {
    animation: none;
  }
}

.mnj-shell {
  align-items: center;
  background: var(--mnj-paper);
  border-bottom: 1px solid var(--mnj-line);
  position: sticky;
  top: 0;
  z-index: 20;
}

.mnj-shell > .mnj-brand {
  grid-column: inner-start / inner-end;
}

.mnj-brand {
  display: flex;
  align-items: center;
  padding: 0.72rem 0;
  text-decoration: none;
}

.mnj-brandmark {
  width: auto;
  height: 32px;
}

.mnj-nav {
  display: none;
}

.mnj-navlink {
  text-decoration: none;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  color: var(--mnj-mute);
  padding: 0.35rem 0;
  border-bottom: 2px solid transparent;
}

.mnj-navlink:hover {
  color: var(--mnj-ink);
  border-bottom-color: var(--mnj-accent);
}

.mnj-burger {
  justify-self: end;
  grid-row: 1;
  grid-column: inner;
  align-self: center;
  background: none;
  border: 1px solid var(--mnj-line);
  color: var(--mnj-ink);
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.3rem 0.65rem;
  cursor: pointer;
}

.mnj-drawer {
  display: flex;
  flex-direction: column;
  background: var(--mnj-inkdeep);
  padding: 0.5rem var(--mnj-gut) 1.1rem;
}

.mnj-drawerlink {
  color: var(--mnj-paper);
  text-decoration: none;
  padding: 0.72rem 0;
  border-bottom: 1px solid rgba(251, 245, 236, 0.16);
  font-size: 1rem;
}

.mnj-crumb {
  background: var(--mnj-paper);
  font-size: 0.82rem;
  color: var(--mnj-mute);
  padding: 0.85rem 0 0;
}

.mnj-crumblist {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
}

.mnj-crumblist li + li::before {
  content: "\2022";
  margin-right: 0.4rem;
  color: var(--mnj-line);
}

.mnj-crumblist a {
  text-decoration: none;
  border-bottom: 1px solid var(--mnj-line);
}

.mnj-hero {
  padding: clamp(2.4rem, 6vw, 4.6rem) 0 clamp(2rem, 5vw, 3.6rem);
  row-gap: 2rem;
}

.mnj-herotext h1 {
  max-width: 17ch;
}

.mnj-herokick {
  font-size: 0.75rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--mnj-accent);
  margin-bottom: 1rem;
}

.mnj-herolead {
  font-size: 1.16rem;
  color: var(--mnj-soft);
  max-width: 56ch;
}

.mnj-heroart {
  background: var(--mnj-white);
  border: 1px solid var(--mnj-line);
  padding: 1.6rem;
}

.mnj-ctarow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.6rem;
}

.mnj-herocta {
  display: inline-block;
  background: var(--mnj-inkdeep);
  color: var(--mnj-paper);
  text-decoration: none;
  padding: 0.82rem 1.6rem;
  font-size: 0.9rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  border: 1px solid var(--mnj-inkdeep);
}

.mnj-herocta:hover {
  background: var(--mnj-rosedeep);
  border-color: var(--mnj-rosedeep);
}

.mnj-ctalinea {
  background: transparent;
  color: var(--mnj-ink);
}

.mnj-ctalinea:hover {
  background: var(--mnj-ink);
  color: var(--mnj-paper);
  border-color: var(--mnj-ink);
}

.mnj-greca {
  height: 10px;
  background:
    repeating-linear-gradient(135deg, var(--mnj-rose) 0 7px, transparent 7px 14px),
    repeating-linear-gradient(45deg, var(--mnj-rose) 0 7px, transparent 7px 14px),
    var(--mnj-rosedeep);
}

.mnj-band {
  padding: clamp(2.6rem, 6vw, 4.8rem) 0;
  row-gap: 0;
}

.mnj-bandkick {
  font-size: 0.75rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--mnj-accent);
  margin-bottom: 0.8rem;
}

.mnj-bandhead {
  max-width: 22ch;
}

.mnj-bandlead {
  font-size: 1.08rem;
  color: var(--mnj-soft);
  max-width: 62ch;
  margin-bottom: 2.2rem;
}

.mnj-tintband {
  background: var(--mnj-white);
  border-top: 1px solid var(--mnj-line);
  border-bottom: 1px solid var(--mnj-line);
}

.mnj-darkband {
  --mnj-accent: var(--mnj-roselit);
  --mnj-body: #f3e9dc;
  --mnj-soft: #d4c5b4;
  --mnj-rule: rgba(243, 233, 220, 0.2);
  --mnj-sheet: #1c1513;
  background: var(--mnj-inkdeep);
  color: var(--mnj-body);
  background-image:
    repeating-linear-gradient(135deg, rgba(214, 17, 94, 0.09) 0 14px, transparent 14px 28px);
}

.mnj-darkband .mnj-herocta {
  background: var(--mnj-paper);
  color: var(--mnj-inkdeep);
  border-color: var(--mnj-paper);
}

.mnj-darkband .mnj-herocta:hover {
  background: var(--mnj-roselit);
  border-color: var(--mnj-roselit);
}

.mnj-darkband .mnj-ctalinea {
  background: transparent;
  color: var(--mnj-body);
  border-color: var(--mnj-rule);
}

.mnj-darkband .mnj-ctalinea:hover {
  background: var(--mnj-paper);
  color: var(--mnj-inkdeep);
  border-color: var(--mnj-paper);
}

.mnj-sabores {
  display: grid;
  gap: 1.5rem;
}

.mnj-sabor {
  background: var(--mnj-sheet);
  border: 1px solid var(--mnj-rule);
  padding: 1.5rem;
}

.mnj-saborart {
  background: var(--mnj-paper);
  margin: -1.5rem -1.5rem 1.2rem;
  padding: 1.4rem;
}

.mnj-sabortag {
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mnj-accent);
  margin-bottom: 0.4rem;
}

.mnj-saborname {
  margin-bottom: 0.5rem;
}

.mnj-sabornote {
  color: var(--mnj-soft);
  margin-bottom: 0.9rem;
}

.mnj-sabor a {
  color: var(--mnj-body);
}

.mnj-steps {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  gap: 1.6rem;
}

.mnj-step {
  display: flex;
  gap: 1.1rem;
  align-items: flex-start;
}

.mnj-stepnum {
  font-family: var(--mnj-serif);
  font-size: 2.2rem;
  line-height: 1;
  color: var(--mnj-accent);
  min-width: 2.2rem;
}

.mnj-stepbody h3 {
  margin-bottom: 0.3rem;
}

.mnj-stepbody p {
  color: var(--mnj-soft);
  margin: 0;
}

.mnj-bigmeasure {
  background: var(--mnj-inkdeep);
  color: #f3e9dc;
  padding: 2rem;
}

.mnj-measurenum {
  font-family: var(--mnj-serif);
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  line-height: 1.05;
  color: var(--mnj-roselit);
  margin-bottom: 0.6rem;
}

.mnj-measureunit {
  color: #d4c5b4;
  margin-bottom: 0.9rem;
}

.mnj-bigmeasure a {
  color: var(--mnj-roselit);
}

.mnj-shelf,
.mnj-relatedgrid {
  display: grid;
  gap: 1.4rem;
}

.mnj-ficha {
  background: var(--mnj-sheet);
  border: 1px solid var(--mnj-rule);
  display: flex;
  flex-direction: column;
}

.mnj-fichaart {
  display: block;
  background: var(--mnj-paper);
  padding: 1.2rem;
  border-bottom: 1px solid var(--mnj-rule);
}

.mnj-fichabody {
  padding: 1.2rem 1.3rem 1.4rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.mnj-fichaname {
  font-size: 1.16rem;
  margin-bottom: 0.5rem;
}

.mnj-fichaname a {
  text-decoration: none;
}

.mnj-fichaname a:hover {
  color: var(--mnj-accent);
}

.mnj-fichanote {
  color: var(--mnj-soft);
  font-size: 0.95rem;
  flex: 1;
}

.mnj-fichafoot {
  border-top: 1px solid var(--mnj-rule);
  padding-top: 0.9rem;
  margin-top: 0.6rem;
}

.mnj-fichafoot > *:last-child {
  margin-bottom: 0;
}

.mnj-kicker {
  font-size: 0.72rem;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: var(--mnj-accent);
  margin-bottom: 0.55rem;
}

.mnj-lead {
  font-size: 1.1rem;
  color: var(--mnj-body);
}

.mnj-small {
  font-size: 0.85rem;
  color: var(--mnj-soft);
}

.mnj-precio,
.mnj-preciobare {
  font-family: var(--mnj-serif);
  font-size: 1.24rem;
  color: inherit;
  margin-bottom: 0.4rem;
}

.mnj-precio b,
.mnj-preciobare b {
  color: var(--mnj-accent);
  font-weight: 600;
}

.mnj-precionote {
  display: block;
  font-family: var(--mnj-sans);
  font-size: 0.8rem;
  color: var(--mnj-soft);
  margin-top: 0.35rem;
  max-width: 42ch;
}

.mnj-estrellas {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.mnj-estrella {
  color: var(--mnj-maize);
  line-height: 1;
}

.mnj-conteo {
  margin-left: 0.45rem;
  font-size: 0.82rem;
  color: var(--mnj-soft);
}

.mnj-tablawrap {
  overflow-x: auto;
  border: 1px solid var(--mnj-rule);
  background: var(--mnj-sheet);
}

.mnj-tabla {
  border-collapse: collapse;
  width: 100%;
  min-width: 42rem;
  font-size: 0.92rem;
}

.mnj-tabla th,
.mnj-tabla td {
  padding: 0.72rem 0.9rem;
  text-align: left;
  border-bottom: 1px solid var(--mnj-rule);
}

.mnj-tabla thead th {
  background: var(--mnj-inkdeep);
  color: #f3e9dc;
  font-family: var(--mnj-sans);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 400;
}

.mnj-tabla tbody th {
  font-weight: 600;
  white-space: nowrap;
}

.mnj-tabla tbody tr:last-child th,
.mnj-tabla tbody tr:last-child td {
  border-bottom: 0;
}

.mnj-tablanum {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mnj-notecard {
  background: var(--mnj-sheet);
  border-left: 4px solid var(--mnj-accent);
  padding: 1.1rem 1.3rem;
  margin-top: 1.4rem;
}

.mnj-notecard > *:last-child {
  margin-bottom: 0;
}

.mnj-senas {
  font-style: normal;
  font-size: 0.9rem;
  color: inherit;
  line-height: 1.55;
  margin-bottom: 0.9rem;
}

.mnj-senasline {
  display: block;
}

.mnj-fichabuy {
  margin-top: 0.8rem;
}

.mnj-fichabuy .mnj-compra {
  width: 100%;
}

.mnj-picker {
  background: var(--mnj-sheet);
  border: 1px solid var(--mnj-rule);
  padding: clamp(1.3rem, 3vw, 2.2rem);
}

.mnj-pickask {
  border: 0;
  border-top: 1px solid var(--mnj-rule);
  margin: 0;
  padding: 1.3rem 0 0;
}

.mnj-pickask:first-child {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 1.3rem;
}

.mnj-pickask legend {
  float: left;
  width: 100%;
  font-family: var(--mnj-serif);
  font-size: 1.24rem;
  padding: 0;
  margin-bottom: 0.9rem;
}

.mnj-pickrow {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.mnj-pickbtn {
  background: var(--mnj-paper);
  border: 1px solid var(--mnj-rule);
  color: var(--mnj-ink);
  font-family: inherit;
  font-size: 0.92rem;
  padding: 0.62rem 1.15rem;
  cursor: pointer;
}

.mnj-pickbtn:hover {
  border-color: var(--mnj-accent);
}

.mnj-pickbtn[aria-pressed="true"] {
  background: var(--mnj-inkdeep);
  border-color: var(--mnj-inkdeep);
  color: var(--mnj-paper);
}

.mnj-pickout:not(:empty) {
  margin-top: 1.6rem;
}

.mnj-pickhint {
  margin: 1.4rem 0 0;
  font-size: 0.88rem;
  color: var(--mnj-soft);
}

.mnj-herencia {
  max-width: 62ch;
  margin-bottom: 2.2rem;
}

.mnj-herenciagrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
  border-top: 1px solid var(--mnj-rule);
  padding-top: 1.8rem;
}

.mnj-herenciafig {
  margin: 0;
}

.mnj-herenciafig figcaption {
  font-size: 0.87rem;
  color: var(--mnj-soft);
}

.mnj-herencianum {
  font-family: var(--mnj-serif);
  font-size: clamp(2rem, 4.4vw, 2.9rem);
  line-height: 1;
  color: var(--mnj-accent);
  margin-bottom: 0.35rem;
}

.mnj-distincion {
  background: var(--mnj-sheet);
  border: 1px solid var(--mnj-rule);
  padding: clamp(1.3rem, 3vw, 2rem);
  margin-bottom: 1.4rem;
}

.mnj-disthead {
  margin-bottom: 0.4rem;
}

.mnj-distpair {
  display: grid;
  gap: 1.2rem;
  margin: 1.3rem 0;
}

.mnj-distside {
  background: var(--mnj-paper);
  padding: 1.1rem 1.2rem;
  border-top: 3px solid var(--mnj-accent);
}

.mnj-distside h4 {
  margin-bottom: 0.4rem;
}

.mnj-distside > *:last-child {
  margin-bottom: 0;
}

.mnj-distbody {
  color: var(--mnj-soft);
  margin-bottom: 0;
}

.mnj-guias {
  display: grid;
  gap: 1.4rem;
}

.mnj-guia {
  background: var(--mnj-sheet);
  border: 1px solid var(--mnj-rule);
  padding: 1.3rem;
  display: flex;
  flex-direction: column;
}

.mnj-guiaart {
  display: block;
  background: var(--mnj-paper);
  margin: -1.3rem -1.3rem 1.1rem;
  padding: 1rem 1rem 0.6rem;
}

.mnj-guiaart img {
  max-height: 130px;
  width: auto;
  margin: 0 auto;
}

.mnj-guiameta {
  font-size: 0.72rem;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: var(--mnj-accent);
  margin-bottom: 0.5rem;
}

.mnj-guiahead {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.mnj-guiahead a {
  text-decoration: none;
}

.mnj-guiahead a:hover {
  color: var(--mnj-accent);
}

.mnj-guiabody {
  color: var(--mnj-soft);
  font-size: 0.94rem;
  margin: 0;
}

.mnj-dichos {
  display: grid;
  gap: 1.4rem;
}

.mnj-dicho {
  margin: 0;
  background: var(--mnj-sheet);
  border: 1px solid var(--mnj-rule);
  padding: 1.4rem 1.5rem;
  display: flex;
  flex-direction: column;
}

.mnj-dichomark {
  font-family: var(--mnj-serif);
  font-size: 3.2rem;
  line-height: 0.6;
  color: var(--mnj-accent);
  margin: 0 0 0.7rem;
}

.mnj-dichotext {
  margin: 0;
  flex: 1;
}

.mnj-dichotext p {
  font-family: var(--mnj-serif);
  font-size: 1.06rem;
  line-height: 1.55;
}

.mnj-dichowho {
  border-top: 1px solid var(--mnj-rule);
  padding-top: 0.8rem;
  font-size: 0.9rem;
}

.mnj-dichowho span {
  display: block;
}

.mnj-faq {
  display: grid;
  gap: 1.2rem;
}

.mnj-faqitem {
  border-top: 1px solid var(--mnj-rule);
  padding-top: 1.2rem;
}

.mnj-faqq {
  font-size: 1.14rem;
  margin-bottom: 0.45rem;
}

.mnj-faqa {
  color: var(--mnj-soft);
  margin: 0;
  max-width: 68ch;
}

.mnj-compra {
  display: inline-block;
  background: var(--mnj-rosedeep);
  color: var(--mnj-white);
  border: 1px solid var(--mnj-rosedeep);
  font-family: inherit;
  font-size: 0.88rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 0.85rem 1.5rem;
  cursor: pointer;
}

.mnj-compra:hover {
  background: var(--mnj-ink);
  border-color: var(--mnj-ink);
}

.mnj-comprawide {
  display: block;
  width: 100%;
}

.mnj-pdp {
  padding: clamp(1.8rem, 4vw, 3.2rem) 0;
  row-gap: 2rem;
}

.mnj-pdpart {
  background: var(--mnj-white);
  border: 1px solid var(--mnj-line);
  padding: 1.6rem;
}

.mnj-pdpname {
  margin-bottom: 0.3rem;
}

.mnj-pdpsub {
  font-size: 1.12rem;
  color: var(--mnj-soft);
  margin-bottom: 1.1rem;
}

.mnj-pdpside {
  background: var(--mnj-white);
  border: 1px solid var(--mnj-line);
  padding: 1.4rem;
  align-self: start;
}

.mnj-pdpside h2 {
  font-size: 1.24rem;
  margin-bottom: 1rem;
}

.mnj-pdpside > .mnj-small {
  margin-bottom: 0;
}

.mnj-tallas {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.1rem;
}

.mnj-talla {
  border: 1px solid var(--mnj-line);
  padding: 1rem 1.1rem;
  background: var(--mnj-paper);
}

.mnj-tallaname {
  font-family: var(--mnj-serif);
  font-size: 1.3rem;
  margin-bottom: 0.2rem;
}

.mnj-tallameta {
  font-size: 0.86rem;
  color: var(--mnj-soft);
  margin-bottom: 0.9rem;
}

.mnj-tallabuy {
  margin: 0;
}

.mnj-pdprasgos {
  display: grid;
  gap: 1.4rem;
}

.mnj-rasgo {
  border-top: 3px solid var(--mnj-accent);
  padding-top: 1rem;
}

.mnj-rasgohead {
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
}

.mnj-rasgobody {
  color: var(--mnj-soft);
  margin: 0;
  font-size: 0.95rem;
}

.mnj-related {
  display: block;
}

.mnj-cierrepdp {
  --mnj-accent: var(--mnj-roselit);
  --mnj-soft: #d4c5b4;
  background: var(--mnj-inkdeep);
  color: #f3e9dc;
  padding: clamp(2.2rem, 5vw, 3.4rem) 0;
}

.mnj-cierrepdp p {
  max-width: 60ch;
  color: #d4c5b4;
}

.mnj-cierrepdp .mnj-preciobare {
  color: inherit;
}

.mnj-cierrepdp .mnj-ctarow {
  max-width: 24rem;
}

.mnj-artprose {
  padding: clamp(1.4rem, 3vw, 2.4rem) 0 0;
}

.mnj-artmeta {
  font-size: 0.74rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mnj-accent);
  border-bottom: 1px solid var(--mnj-rule);
  padding-bottom: 0.9rem;
}

.mnj-artprose > .mnj-lead {
  border-top: 3px solid var(--mnj-accent);
  background: var(--mnj-white);
  padding: 1.2rem 1.3rem;
  font-family: var(--mnj-serif);
  margin-top: 1.6rem;
}

.mnj-artbody {
  max-width: 68ch;
  margin-bottom: 1.6rem;
}

.mnj-artbody > *:last-child {
  margin-bottom: 0;
}

.mnj-arthead {
  font-size: clamp(1.4rem, 2.8vw, 1.9rem);
  margin-top: 1.8rem;
}

.mnj-artbody ul,
.mnj-artbody ol,
.mnj-prose ul,
.mnj-prose ol {
  margin: 0 0 1em;
  padding-left: 1.25rem;
}

.mnj-artbody li,
.mnj-prose li {
  margin-bottom: 0.45rem;
}

.mnj-artbody .mnj-tablawrap,
.mnj-prose .mnj-tablawrap {
  margin-bottom: 1.2rem;
}

.mnj-artbody .mnj-tabla,
.mnj-prose .mnj-tabla {
  min-width: 0;
}

.mnj-artpicks {
  display: block;
}

.mnj-prose {
  max-width: 72ch;
}

.mnj-errbox {
  border-left: 4px solid var(--mnj-accent);
  padding-left: clamp(1rem, 3vw, 2rem);
}

.mnj-errcode {
  font-family: var(--mnj-serif);
  font-size: clamp(4rem, 14vw, 8rem);
  line-height: 0.9;
  color: var(--mnj-clay);
  margin-bottom: 0.4rem;
}

.mnj-foot {
  background: var(--mnj-inkdeep);
  color: #d4c5b4;
  padding: clamp(2.6rem, 5vw, 4rem) 0 2rem;
  font-size: 0.94rem;
}

.mnj-footcol {
  --mnj-soft: #b9a894;
}

.mnj-footcols {
  display: grid;
  gap: 2rem;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid rgba(243, 233, 220, 0.18);
}

.mnj-foothead {
  font-family: var(--mnj-sans);
  font-size: 0.74rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mnj-roselit);
  margin-bottom: 0.9rem;
}

.mnj-footlink {
  display: block;
  color: #f3e9dc;
  text-decoration: none;
  padding: 0.28rem 0;
}

.mnj-footlink:hover {
  color: var(--mnj-roselit);
}

.mnj-footmark {
  width: auto;
  height: 38px;
  margin-bottom: 1.1rem;
}

.mnj-footnote {
  padding: 1.6rem var(--mnj-gut) 0;
  grid-column: full;
  display: grid;
  gap: 1rem;
  justify-items: start;
}

.mnj-footnote .mnj-small {
  color: #b9a894;
  margin: 0;
}

.mnj-legal {
  max-width: min(380px, 100%);
  height: auto;
}

@media (min-width: 40rem) {
  .mnj-shelf,
  .mnj-relatedgrid,
  .mnj-guias,
  .mnj-dichos,
  .mnj-sabores,
  .mnj-pdprasgos {
    grid-template-columns: repeat(2, 1fr);
  }

  .mnj-distpair {
    grid-template-columns: repeat(2, 1fr);
  }

  .mnj-herenciagrid {
    grid-template-columns: repeat(4, 1fr);
  }

  .mnj-footcols {
    grid-template-columns: repeat(2, 1fr);
  }

  .mnj-faq {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem 2.4rem;
  }
}

@media (min-width: 60rem) {
  .mnj-nav {
    display: flex;
    gap: 1.5rem;
    justify-self: end;
    grid-row: 1;
    grid-column: inner;
    align-items: center;
  }

  .mnj-burger,
  .mnj-drawer {
    display: none;
  }

  .mnj-hero > .mnj-herotext {
    grid-column: inner-start / span 1;
  }

  .mnj-hero {
    grid-template-columns:
      [full-start] minmax(var(--mnj-gut), 1fr)
      [inner-start] minmax(0, calc(var(--mnj-col) * 0.56))
      minmax(0, calc(var(--mnj-col) * 0.44))
      [inner-end] minmax(var(--mnj-gut), 1fr)
      [full-end];
    align-items: center;
    column-gap: 3rem;
  }

  .mnj-hero > .mnj-heroart {
    grid-column: auto;
  }

  .mnj-shelf,
  .mnj-relatedgrid,
  .mnj-guias,
  .mnj-sabores {
    grid-template-columns: repeat(3, 1fr);
  }

  .mnj-pdprasgos {
    grid-template-columns: repeat(4, 1fr);
  }

  .mnj-steps {
    grid-column: inner-start / span 1;
  }

  .mnj-band > .mnj-bigmeasure {
    grid-column: auto;
    align-self: start;
  }

  .mnj-band:has(> .mnj-bigmeasure) {
    grid-template-columns:
      [full-start] minmax(var(--mnj-gut), 1fr)
      [inner-start] minmax(0, calc(var(--mnj-col) * 0.58))
      minmax(0, calc(var(--mnj-col) * 0.42))
      [inner-end] minmax(var(--mnj-gut), 1fr)
      [full-end];
    column-gap: 3rem;
  }

  .mnj-band:has(> .mnj-bigmeasure) > .mnj-bandhead,
  .mnj-band:has(> .mnj-bigmeasure) > .mnj-bandlead,
  .mnj-band:has(> .mnj-bigmeasure) > .mnj-bandkick {
    grid-column: inner;
  }

  .mnj-pdp {
    grid-template-columns:
      [full-start] minmax(var(--mnj-gut), 1fr)
      [inner-start] minmax(0, calc(var(--mnj-col) * 0.32))
      minmax(0, calc(var(--mnj-col) * 0.38))
      minmax(0, calc(var(--mnj-col) * 0.3))
      [inner-end] minmax(var(--mnj-gut), 1fr)
      [full-end];
    column-gap: 2.4rem;
    align-items: start;
  }

  .mnj-pdp > .mnj-pdpart {
    grid-column: inner-start / span 1;
  }

  .mnj-pdp > .mnj-pdpmain,
  .mnj-pdp > .mnj-pdpside {
    grid-column: auto;
  }

  .mnj-footcols {
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 2.6rem;
  }

  .mnj-footnote {
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-items: start;
  }
}