:root {
  --oj-ivory: #f7f2eb;
  --oj-cream: #efe6db;
  --oj-paper: #fbf7f2;
  --oj-terracotta: #b06a4a;
  --oj-terracotta-dark: #965238;
  --oj-copper: #b1795f;
  --oj-brown: #4e362d;
  --oj-muted: #675850;
  --oj-line: rgba(126, 83, 63, .18);
  --oj-shadow: 0 14px 28px rgba(84, 54, 40, .10);
  --oj-shadow-soft: 0 8px 18px rgba(84, 54, 40, .06);
  --oj-frame-brown: #4f3529;
  --oj-frame-brown-dark: #38251d;
  --oj-frame-brown-light: #6b4a39;
}

body.oj-pda-atmosphere-on {
  background: var(--oj-ivory);
}

body.oj-pda-atmosphere-on .oj-atmo-vitrinas,
body.oj-pda-atmosphere-on .oj-atmo-cta {
  position: relative;
  isolation: isolate;
  box-sizing: border-box !important;
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--oj-brown);
}

/* ===== VITRINAS ===== */
body.oj-pda-atmosphere-on .oj-atmo-vitrinas {
  overflow: hidden;
  padding-top: clamp(34px, 4.5vw, 66px) !important;
  padding-bottom: clamp(42px, 5vw, 72px) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(177,121,95,.08), transparent 22%),
    radial-gradient(circle at 88% 72%, rgba(156,91,67,.06), transparent 24%),
    linear-gradient(180deg, #faf6f0 0%, #f4ebe0 100%) !important;
}

body.oj-pda-atmosphere-on .oj-atmo-vitrinas::before {
  content: '';
  position: absolute;
  inset: 12px 2.8% auto auto;
  width: min(150px, 18vw);
  height: min(150px, 18vw);
  background: url('../img/botanical.svg') center/contain no-repeat;
  opacity: .13;
  pointer-events: none;
  z-index: -1;
}

body.oj-pda-atmosphere-on .oj-atmo-vitrinas h1,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas h2,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas h3,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas h4,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas p,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas span,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas li {
  text-transform: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-vitrinas > h2,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas h2:first-of-type {
  font-size: clamp(2.3rem, 4vw, 3.7rem) !important;
  font-weight: 500 !important;
  line-height: 1.03 !important;
  letter-spacing: -.02em;
  margin-bottom: 12px !important;
}

body.oj-pda-atmosphere-on .oj-atmo-kicker {
  color: var(--oj-terracotta-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(251, 247, 242, .98) !important;
  border: 1px solid var(--oj-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--oj-shadow-soft) !important;
  padding: 18px 18px 20px !important;
  min-height: 100% !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--oj-shadow) !important;
  border-color: rgba(156,91,67,.26) !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card::after {
  content: '';
  position: absolute;
  inset: auto -42px -55px auto;
  width: 138px;
  height: 138px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(177,121,95,.12), rgba(177,121,95,0) 70%);
  pointer-events: none;
}

body.oj-pda-atmosphere-on .oj-atmo-media {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin-bottom: 16px !important;
  min-height: 180px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.30), rgba(156,91,67,.06)),
    #ecdfd1 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(89,56,42,.00) 56%, rgba(89,56,42,.11) 100%),
    radial-gradient(circle at 20% 10%, rgba(255,244,222,.18), transparent 28%);
  mix-blend-mode: multiply;
  opacity: .45;
}

body.oj-pda-atmosphere-on .oj-atmo-card img {
  display: block !important;
  width: 100% !important;
  height: clamp(190px, 19vw, 255px) !important;
  object-fit: cover !important;
  filter: saturate(.90) sepia(.06) contrast(.98) brightness(.99) !important;
  transition: transform .45s ease, filter .3s ease !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card-2 img {
  object-fit: contain !important;
  padding: clamp(16px, 2vw, 28px) !important;
  background:
    radial-gradient(circle at 20% 15%, rgba(156,91,67,.12), transparent 22%),
    radial-gradient(circle at 82% 84%, rgba(177,121,95,.09), transparent 24%),
    linear-gradient(135deg, #efe4d5, #f8f2e9) !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card:hover img {
  transform: scale(1.02) !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card h1,
body.oj-pda-atmosphere-on .oj-atmo-card h2,
body.oj-pda-atmosphere-on .oj-atmo-card h3,
body.oj-pda-atmosphere-on .oj-atmo-card h4 {
  color: var(--oj-brown) !important;
  font-size: clamp(1.45rem, 1.9vw, 2.05rem) !important;
  line-height: 1.1 !important;
  margin: 6px 0 8px !important;
  letter-spacing: -.02em !important;
  font-weight: 500 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card p,
body.oj-pda-atmosphere-on .oj-atmo-card li,
body.oj-pda-atmosphere-on .oj-atmo-card small {
  color: var(--oj-muted) !important;
  line-height: 1.56 !important;
  font-size: clamp(.94rem, 1.12vw, 1.02rem) !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card p strong,
body.oj-pda-atmosphere-on .oj-atmo-card p b {
  font-weight: 400 !important;
}


body.oj-pda-atmosphere-on .oj-atmo-card .oj-atmo-hidden-duplicate {
  display: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-badge {
  position: absolute !important;
  top: 14px;
  left: 14px;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 8px 12px;
  border-radius: 4px;
  background: rgba(176,106,74,.94);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18);
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  font-size: .70rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 16px rgba(84,54,40,.14);
}

body.oj-pda-atmosphere-on .oj-atmo-card > .oj-atmo-badge {
  display: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-button,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas a.wp-element-button,
body.oj-pda-atmosphere-on .oj-atmo-cta a.wp-element-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 12px 20px !important;
  border: 1px solid var(--oj-terracotta) !important;
  border-radius: 4px !important;
  background: var(--oj-terracotta) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  transition: all .2s ease !important;
  box-shadow: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-button:hover,
body.oj-pda-atmosphere-on .oj-atmo-vitrinas a.wp-element-button:hover,
body.oj-pda-atmosphere-on .oj-atmo-cta a.wp-element-button:hover {
  background: var(--oj-terracotta-dark) !important;
  border-color: var(--oj-terracotta-dark) !important;
  transform: translateY(-1px) !important;
}

/* ===== BENEFICIOS ===== */
body.oj-pda-atmosphere-on .oj-atmo-benefits {
  background: rgba(255,255,255,.40) !important;
  border-top: 1px solid rgba(126,83,63,.12) !important;
  border-bottom: 1px solid rgba(126,83,63,.12) !important;
}

/* ===== CTA FINAL ===== */
body.oj-pda-atmosphere-on .oj-atmo-cta {
  position: relative !important;
  overflow: hidden !important;
  min-height: 390px !important;
  margin-top: 0 !important;
  padding: clamp(42px, 5vw, 66px) clamp(28px, 4vw, 58px) clamp(42px, 5vw, 66px) clamp(470px, 43vw, 670px) !important;
  background: linear-gradient(180deg, #f3eadf 0%, #f8f3ec 100%) !important;
  border-top: 1px solid rgba(126,83,63,.12) !important;
  box-sizing: border-box !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta-art {
  position: absolute !important;
  left: clamp(28px, 4vw, 62px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(360px, 36vw, 560px);
  aspect-ratio: 2.15 / 1;
  border-radius: 14px;
  background:
    linear-gradient(90deg, rgba(58,35,26,.14), rgba(58,35,26,0) 36%),
    url('../img/cta-clean.png') center/cover no-repeat;
  box-shadow: var(--oj-shadow);
  border: 1px solid rgba(126,83,63,.14);
  z-index: 1;
}

body.oj-pda-atmosphere-on .oj-atmo-cta-art::before {
  content: 'EL TALENTO\A TAMBIÉN\A MERECE\A UNA VITRINA';
  white-space: pre;
  position: absolute;
  left: 18px;
  top: 18px;
  color: #fff;
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .16em;
  text-shadow: 0 1px 8px rgba(40,25,18,.30);
}

body.oj-pda-atmosphere-on .oj-atmo-cta h1,
body.oj-pda-atmosphere-on .oj-atmo-cta h2,
body.oj-pda-atmosphere-on .oj-atmo-cta h3 {
  color: var(--oj-brown) !important;
  font-size: clamp(2rem, 3vw, 3.05rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 14px !important;
  text-transform: none !important;
  text-align: left !important;
  max-width: 720px !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta p {
  color: var(--oj-muted) !important;
  line-height: 1.6 !important;
  max-width: 760px !important;
  margin: 0 0 14px !important;
  text-align: left !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta p strong,
body.oj-pda-atmosphere-on .oj-atmo-cta p b {
  font-weight: 400 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-vertical-note {
  display: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta .wp-block-buttons,
body.oj-pda-atmosphere-on .oj-atmo-cta .elementor-button-wrapper,
body.oj-pda-atmosphere-on .oj-atmo-cta [class*='buttons'] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-top: 18px !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta .oj-atmo-button,
body.oj-pda-atmosphere-on .oj-atmo-cta a.wp-element-button {
  width: auto !important;
  min-width: 220px !important;
  max-width: 320px !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta .oj-atmo-button-outline,
body.oj-pda-atmosphere-on .oj-atmo-cta .is-style-outline .wp-element-button,
body.oj-pda-atmosphere-on .oj-atmo-cta a.oj-atmo-button-outline {
  background: transparent !important;
  color: var(--oj-terracotta-dark) !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta::before {
  content: '';
  position: absolute;
  right: clamp(14px, 3vw, 42px);
  bottom: 14px;
  width: 110px;
  height: 110px;
  background: url('../img/botanical.svg') center/contain no-repeat;
  opacity: .11;
  pointer-events: none;
}

/* ===== MÓVIL ===== */
@media (max-width: 1050px) {
  body.oj-pda-atmosphere-on .oj-atmo-cta {
    min-height: 360px !important;
    padding-left: clamp(390px, 43vw, 500px) !important;
  }
  body.oj-pda-atmosphere-on .oj-atmo-cta-art {
    width: clamp(320px, 37vw, 440px);
  }
}

@media (max-width: 900px) {
  body.oj-pda-atmosphere-on .oj-atmo-card {
    margin-bottom: 16px !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-card img {
    height: clamp(210px, 64vw, 320px) !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-cta {
    min-height: 0 !important;
    padding: 18px !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-cta-art {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 8.5;
    margin: 0 0 24px !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-cta h1,
  body.oj-pda-atmosphere-on .oj-atmo-cta h2,
  body.oj-pda-atmosphere-on .oj-atmo-cta h3,
  body.oj-pda-atmosphere-on .oj-atmo-cta p {
    max-width: none !important;
  }
}

@media (max-width: 640px) {
  body.oj-pda-atmosphere-on .oj-atmo-card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-button,
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas a.wp-element-button,
  body.oj-pda-atmosphere-on .oj-atmo-cta a.wp-element-button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 46px !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-cta h1,
  body.oj-pda-atmosphere-on .oj-atmo-cta h2,
  body.oj-pda-atmosphere-on .oj-atmo-cta h3 {
    font-size: clamp(1.8rem, 8vw, 2.5rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.oj-pda-atmosphere-on .oj-atmo-card,
  body.oj-pda-atmosphere-on .oj-atmo-card img,
  body.oj-pda-atmosphere-on .oj-atmo-button {
    transition: none !important;
  }
}

/* ===== v2.2.3: correcciones seguras ===== */
body.oj-pda-atmosphere-on .oj-atmo-hero,
body.oj-pda-atmosphere-on .oj-atmo-hero-copy {
  overflow: visible !important;
  min-width: 0 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-hero-title {
  font-size: clamp(3.1rem, 5vw, 4.85rem) !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
}

body.oj-pda-atmosphere-on .oj-atmo-hero-copy p {
  max-width: 94% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card img,
body.oj-pda-atmosphere-on .oj-atmo-card-2 img,
body.oj-pda-atmosphere-on .oj-atmo-card-3 img {
  object-fit: cover !important;
  padding: 0 !important;
  background: none !important;
  filter: saturate(.92) contrast(.98) brightness(1.01) !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card .oj-atmo-media {
  aspect-ratio: 5 / 3 !important;
  min-height: 0 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card .oj-atmo-media img {
  height: 100% !important;
  aspect-ratio: 5 / 3 !important;
}

/* CTA: sin mover ni reparentar contenido. La fotografía es solo decorativa. */
body.oj-pda-atmosphere-on .oj-atmo-cta {
  position: relative !important;
  overflow: hidden !important;
  min-height: 360px !important;
  margin-top: 0 !important;
  padding: clamp(42px, 4.5vw, 62px) clamp(34px, 4vw, 58px) clamp(42px, 4.5vw, 62px) clamp(46%, 48vw, 740px) !important;
  background: linear-gradient(180deg, #f3eadf 0%, #f8f3ec 100%) !important;
  border-top: 1px solid rgba(126,83,63,.12) !important;
  box-sizing: border-box !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: clamp(24px, 4vw, 62px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: min(39%, 560px) !important;
  aspect-ratio: 2.15 / 1 !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(58,35,26,.10), rgba(58,35,26,0) 36%),
    url('../img/cta-clean.png') center/cover no-repeat !important;
  box-shadow: var(--oj-shadow) !important;
  border: 1px solid rgba(126,83,63,.14) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta > * {
  position: relative !important;
  z-index: 1 !important;
  max-width: 760px !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta-art,
body.oj-pda-atmosphere-on .oj-atmo-cta-shell {
  display: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta h1,
body.oj-pda-atmosphere-on .oj-atmo-cta h2,
body.oj-pda-atmosphere-on .oj-atmo-cta h3,
body.oj-pda-atmosphere-on .oj-atmo-cta .oj-atmo-cta-heading {
  font-size: clamp(2rem, 3vw, 3rem) !important;
  line-height: 1.08 !important;
  text-align: left !important;
  margin: 0 0 14px !important;
  max-width: 720px !important;
  overflow: visible !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta p {
  text-align: left !important;
  line-height: 1.58 !important;
  max-width: 720px !important;
  margin: 0 0 14px !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta .oj-atmo-vertical-note {
  display: block !important;
  position: absolute !important;
  left: clamp(42px, 5vw, 78px) !important;
  top: clamp(55px, 7vw, 92px) !important;
  z-index: 2 !important;
  max-width: 150px !important;
  color: #fff !important;
  border: 0 !important;
  padding: 0 !important;
  text-shadow: 0 1px 8px rgba(40,25,18,.35) !important;
}

@media (max-width: 1050px) {
  body.oj-pda-atmosphere-on .oj-atmo-cta {
    padding-left: 44% !important;
  }
  body.oj-pda-atmosphere-on .oj-atmo-cta::after {
    width: 36% !important;
  }
}

@media (max-width: 900px) {
  body.oj-pda-atmosphere-on .oj-atmo-hero-title {
    font-size: clamp(2.7rem, 9vw, 4rem) !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-cta {
    min-height: 0 !important;
    padding: 18px !important;
    padding-top: min(63vw, 390px) !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-cta::after {
    left: 18px !important;
    right: 18px !important;
    top: 18px !important;
    transform: none !important;
    width: auto !important;
    height: min(56vw, 340px) !important;
    aspect-ratio: auto !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-cta .oj-atmo-vertical-note {
    left: 38px !important;
    top: 42px !important;
  }
}


/* ===== v2.2.4: limpieza foto CTA + imágenes de vitrinas ===== */
body.oj-pda-atmosphere-on .oj-atmo-cta .oj-atmo-vertical-note {
  display: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-note-solo {
  position: absolute !important;
  left: clamp(42px, 5vw, 78px) !important;
  top: clamp(62px, 7vw, 96px) !important;
  z-index: 2 !important;
  max-width: 150px !important;
  color: #fff !important;
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  line-height: 1.52 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 8px rgba(40,25,18,.35) !important;
  pointer-events: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card .oj-atmo-media > img {
  display: block !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  body.oj-pda-atmosphere-on .oj-atmo-note-solo {
    left: 38px !important;
    top: 42px !important;
  }
}


/* ===== v2.2.5: una sola imagen por vitrina + CTA sin duplicados ===== */
body.oj-pda-atmosphere-on .oj-atmo-original-media-hidden,
body.oj-pda-atmosphere-on .oj-atmo-original-cta-media-hidden {
  display: none !important;
}

body.oj-pda-atmosphere-on .oj-atmo-replacement-media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 5 / 3 !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  border: 12px solid var(--oj-frame-brown) !important;
  border-radius: 5px !important;
  border-image: none !important;
  overflow: hidden !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow:
    inset 0 0 0 2px rgba(28,17,13,.50),
    0 2px 0 var(--oj-frame-brown-dark),
    0 9px 17px rgba(65,39,24,.20) !important;
  box-sizing: border-box !important;
}

body.oj-pda-atmosphere-on .oj-atmo-replacement-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(255,243,218,.24),
    inset 0 11px 19px rgba(61,37,23,.15),
    inset 0 -7px 12px rgba(255,244,220,.10);
  z-index: 2;
}

/* Luz cálida interior y reflejo sutil de vidrio, como en la portada. */
body.oj-pda-atmosphere-on .oj-atmo-replacement-media::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(118deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.035) 19%, transparent 34%),
    radial-gradient(circle at 78% 16%, rgba(255,196,112,.16), transparent 31%),
    linear-gradient(180deg, rgba(35,20,13,.02) 48%, rgba(35,20,13,.17) 100%);
  z-index: 1;
}

body.oj-pda-atmosphere-on .oj-atmo-replacement-media .oj-atmo-badge {
  z-index: 3 !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card-1 .oj-atmo-replacement-media {
  background-position: center 44% !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card-2 .oj-atmo-replacement-media {
  background-position: center !important;
}

body.oj-pda-atmosphere-on .oj-atmo-card-3 .oj-atmo-replacement-media {
  background-position: center !important;
}

body.oj-pda-atmosphere-on .oj-atmo-cta::after {
  background:
    linear-gradient(90deg, rgba(58,35,26,.08), rgba(58,35,26,0) 36%),
    url('../img/cta-clean.png') center/cover no-repeat !important;
}

body.oj-pda-atmosphere-on .oj-atmo-note-solo {
  color: #fff !important;
}

@media (max-width: 900px) {
  body.oj-pda-atmosphere-on .oj-atmo-replacement-media {
    aspect-ratio: 16 / 10 !important;
  }
}


/* ===== v2.2.6: ocultar contenedores originales de medios ===== */
body.oj-pda-atmosphere-on .oj-atmo-original-block-hidden {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* v1.0.4 — Orfebrería Jazz: montaje real de feria dentro de la vitrina */
body.oj-pda-atmosphere-on .oj-atmo-card-1 .oj-atmo-replacement-media {
  background-color: #403a35 !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Todos los proyectos comparten el mismo marco café oscuro, liso y uniforme. */
body.oj-pda-atmosphere-on .oj-atmo-card-1,
body.oj-pda-atmosphere-on .oj-atmo-card-2,
body.oj-pda-atmosphere-on .oj-atmo-card-3 {
  border-color: rgba(79,53,41,.24) !important;
}


/* ===== v1.0.3: vitrina móvil independiente y completa ===== */
.oj-atmo-mobile-vitrinas {
  display: none !important;
}

@media (max-width: 900px) {
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-original-desktop-card {
    display: none !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-cards-grid {
    display: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    translate: none !important;
    position: relative !important;
    inset: auto !important;
    scroll-snap-type: none !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-mobile-vitrinas {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    transform: none !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-mobile-vitrinas > .oj-atmo-mobile-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-grid-item,
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    inset: auto !important;
    transform: none !important;
    translate: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
    order: initial !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-card {
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-replacement-media {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    min-height: 210px !important;
    margin: 0 0 14px !important;
  }
}

@media (max-width: 520px) {
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-mobile-vitrinas {
    gap: 14px !important;
  }
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-card {
    padding: 12px !important;
  }
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-replacement-media {
    min-height: 190px !important;
  }
}


/* =========================================================
   VITRINA ORFEBRERÍA JAZZ — PLANTILLA MAESTRA v1.1.0
   ========================================================= */
body.oj-pda-jazz-vitrina-page{
  background:#fbf8f2!important;
}
body.oj-pda-jazz-vitrina-page .entry-title,
body.oj-pda-jazz-vitrina-page .page-title,
body.oj-pda-jazz-vitrina-page .wp-block-post-title{
  display:none!important;
}
body.oj-pda-jazz-vitrina-page #secondary,
body.oj-pda-jazz-vitrina-page .sidebar,
body.oj-pda-jazz-vitrina-page .widget-area{
  display:none!important;
}
body.oj-pda-jazz-vitrina-page .content-area,
body.oj-pda-jazz-vitrina-page .site-main,
body.oj-pda-jazz-vitrina-page .entry-content,
body.oj-pda-jazz-vitrina-page article{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.oj-jazz-vitrina{
  --j-bg:#f7f1e8;
  --j-paper:#fbf8f2;
  --j-brown:#301a0e;
  --j-brown2:#4a2815;
  --j-ink:#2b241f;
  --j-muted:#6e5b4e;
  --j-copper:#a36b46;
  --j-line:#d9c7b4;
  width:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
  background:var(--j-paper);
  color:var(--j-ink);
  font-family:Georgia,"Times New Roman",serif;
}
.oj-jazz-vitrina *{box-sizing:border-box}
.oj-jazz-vitrina img{display:block;width:100%;height:100%;object-fit:cover}
.oj-jazz-vitrina a{text-decoration:none}

.oj-jazz-nav{
  min-height:82px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:30px;
  padding:12px 5%;
  background:#fbf8f2;
  border-bottom:1px solid #e2d5c6;
  position:relative;
  z-index:20;
}
.oj-jazz-brand{display:flex;align-items:center;gap:10px;color:var(--j-brown)!important}
.oj-jazz-brand-mark{font-size:34px;color:var(--j-copper)}
.oj-jazz-brand strong{display:block;font-size:24px;font-weight:400;letter-spacing:.02em}
.oj-jazz-brand small{display:block;margin-top:4px;font:700 8px/1.4 Arial,sans-serif;letter-spacing:.28em;color:#7b6758}
.oj-jazz-navlinks{display:flex;justify-content:flex-end;align-items:center;gap:28px}
.oj-jazz-navlinks a{font:700 10px/1 Arial,sans-serif;letter-spacing:.13em;color:#35291f!important}
.oj-jazz-menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:8px}
.oj-jazz-menu-toggle span{display:block;height:2px;background:#3b2a20;margin:5px 0}

.oj-jazz-hero{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  min-height:620px;
  background:var(--j-bg);
}
.oj-jazz-hero-image{position:relative;min-height:620px;background:#26160d}
.oj-jazz-founder{
  position:absolute;left:28px;top:28px;
  padding:9px 13px;background:rgba(159,93,61,.94);color:#fff;
  font:800 10px/1 Arial,sans-serif;letter-spacing:.16em;
}
.oj-jazz-hero-copy{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:60px 9%;
}
.oj-jazz-kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.26em;color:#7b6555;margin-bottom:18px}
.oj-jazz-hero h1{
  margin:0 0 12px;font-weight:400;font-size:clamp(50px,5vw,78px);
  line-height:.94;color:var(--j-brown);letter-spacing:-.035em
}
.oj-jazz-hero h2{margin:0 0 20px;font-size:clamp(22px,1.8vw,31px);font-weight:400}
.oj-jazz-rule{width:52px;height:1px;background:var(--j-line);margin:0 auto 22px}
.oj-jazz-hero p{max-width:600px;font-size:17px;line-height:1.6;margin:0 0 12px}
.oj-jazz-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:16px}
.oj-jazz-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:14px 24px;
  font:700 10px/1 Arial,sans-serif;letter-spacing:.14em;
  border:1px solid var(--j-brown);transition:.2s ease
}
.oj-jazz-btn:hover{transform:translateY(-1px)}
.oj-jazz-btn-dark{background:var(--j-brown);color:#fff!important}
.oj-jazz-btn-line{background:transparent;color:var(--j-brown)!important}

.oj-jazz-story{
  display:grid;grid-template-columns:.88fr 1.12fr;background:#fbf8f2;min-height:520px
}
.oj-jazz-story-copy{padding:66px 8%;display:flex;flex-direction:column;justify-content:center}
.oj-jazz-story h2,.oj-jazz-section-title h2,.oj-jazz-collections h2,.oj-jazz-contact h2{
  margin:0 0 20px;font-weight:400;line-height:1.03;color:var(--j-brown);
  font-size:clamp(35px,3.5vw,56px)
}
.oj-jazz-story p,.oj-jazz-collections p,.oj-jazz-contact p{font-size:16px;line-height:1.65;color:#4f4137}
.oj-jazz-story blockquote{
  margin:22px 0 0;padding:16px 0 16px 22px;border-left:1px solid #b98d6b;
  color:#7a5842;font-size:21px;font-style:italic;line-height:1.45
}
.oj-jazz-story-image{min-height:520px}

.oj-jazz-info{padding:68px 5%;background:#f3ebdf}
.oj-jazz-section-title{text-align:center;max-width:900px;margin:0 auto 38px}
.oj-jazz-section-title p{font-size:15px;color:var(--j-muted)}
.oj-jazz-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1320px;margin:0 auto}
.oj-jazz-info-grid article{
  padding:30px 26px;background:#fbf8f2;border:1px solid #dfd1c1;min-height:245px
}
.oj-jazz-info-grid article>span{font:700 11px Arial,sans-serif;letter-spacing:.18em;color:#a36b46}
.oj-jazz-info-grid h3{margin:15px 0 12px;font-size:25px;font-weight:400;color:var(--j-brown)}
.oj-jazz-info-grid p{font-size:14px;line-height:1.6;color:#655448}
.oj-jazz-text-link{display:block;text-align:center;margin-top:30px;color:#6c4430!important;font:700 10px Arial,sans-serif;letter-spacing:.16em}

.oj-jazz-collections{
  display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:#fbf8f2
}
.oj-jazz-collections-image{min-height:540px}
.oj-jazz-collections-copy{padding:60px 8%;display:flex;flex-direction:column;justify-content:center}
.oj-jazz-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 24px}
.oj-jazz-tags span{
  padding:9px 12px;border:1px solid #d8c4b0;background:#f6eee5;
  font:600 10px Arial,sans-serif;letter-spacing:.1em;color:#5d4637
}

.oj-jazz-products{padding:68px 5%;background:#f6efe6}
.oj-jazz-product-grid{max-width:1280px;margin:0 auto}
.oj-jazz-vitrina .woocommerce ul.products{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;
  margin:0!important
}
.oj-jazz-vitrina .woocommerce ul.products li.product{
  float:none!important;width:auto!important;margin:0!important;padding:14px!important;
  background:#fff;border:1px solid #dfd1c1
}
.oj-jazz-vitrina .woocommerce ul.products li.product a img{
  aspect-ratio:1/1;object-fit:cover;margin:0 0 13px!important
}
.oj-jazz-vitrina .woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:Georgia,"Times New Roman",serif!important;color:var(--j-brown)!important;
  font-size:18px!important;font-weight:400!important
}
.oj-jazz-vitrina .woocommerce ul.products li.product .price{
  color:#77533e!important;font-size:14px!important
}
.oj-jazz-vitrina .woocommerce ul.products li.product .button{
  background:var(--j-brown)!important;color:#fff!important;border-radius:0!important;
  font:700 9px Arial,sans-serif!important;letter-spacing:.1em!important;padding:12px 14px!important
}
.oj-jazz-center{text-align:center;margin-top:28px}

.oj-jazz-contact{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;
  padding:62px 6%;background:linear-gradient(110deg,#26150b,#492817);color:#fff
}
.oj-jazz-contact h2{color:#fff}
.oj-jazz-contact p{color:#f1e6dc;max-width:720px}
.oj-jazz-contact-actions{display:flex;flex-direction:column;gap:10px;min-width:270px}
.oj-jazz-btn-light{background:#f8f0e7;border-color:#f8f0e7;color:#321c10!important}
.oj-jazz-btn-outline-light{background:transparent;border-color:rgba(255,255,255,.7);color:#fff!important}

.oj-jazz-footer{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;
  padding:28px 5%;background:#fbf8f2;border-top:1px solid #dfd1c1
}
.oj-jazz-footer a{font:700 9px Arial,sans-serif;letter-spacing:.13em;color:#6c4430!important}
.oj-jazz-footer p{margin:0;text-align:center;font-size:12px;color:#6c5b4f}
.oj-jazz-footer span{font-size:18px;color:var(--j-brown)}

@media(max-width:950px){
  .oj-jazz-info-grid{grid-template-columns:repeat(2,1fr)}
  .oj-jazz-contact{grid-template-columns:1fr}
  .oj-jazz-contact-actions{flex-direction:row;flex-wrap:wrap;min-width:0}
}
@media(max-width:760px){
  .oj-jazz-nav{grid-template-columns:1fr auto;min-height:70px;padding:10px 5%}
  .oj-jazz-brand strong{font-size:20px}
  .oj-jazz-menu-toggle{display:block}
  .oj-jazz-navlinks{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;background:#fbf8f2;
    border-top:1px solid #e2d5c6;box-shadow:0 8px 18px rgba(0,0,0,.08)
  }
  .oj-jazz-navlinks.is-open{display:flex}
  .oj-jazz-navlinks a{padding:16px 6%;border-bottom:1px solid #ece3d9}
  .oj-jazz-hero,.oj-jazz-story,.oj-jazz-collections{grid-template-columns:1fr}
  .oj-jazz-hero-image{min-height:360px}
  .oj-jazz-hero-copy{padding:44px 7%}
  .oj-jazz-hero h1{font-size:48px}
  .oj-jazz-story-copy,.oj-jazz-collections-copy{padding:46px 7%}
  .oj-jazz-story-image,.oj-jazz-collections-image{min-height:320px}
  .oj-jazz-info{padding:50px 6%}
  .oj-jazz-info-grid{grid-template-columns:1fr}
  .oj-jazz-products{padding:50px 5%}
  .oj-jazz-vitrina .woocommerce ul.products{grid-template-columns:1fr!important}
  .oj-jazz-contact{padding:48px 7%}
  .oj-jazz-contact-actions{flex-direction:column}
  .oj-jazz-footer{grid-template-columns:1fr;text-align:center}
  .oj-jazz-footer p{text-align:center}
}


/* ===== v1.2.0 · una sola estructura de vitrinas en todos los tamaños ===== */
body.oj-pda-atmosphere-on .oj-atmo-mobile-vitrinas{display:none!important}
@media(max-width:900px){
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-original-desktop-card{display:block!important;visibility:visible!important;opacity:1!important}
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-cards-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;gap:18px!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;position:relative!important}
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-grid-item,
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-card{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin-left:0!important;margin-right:0!important;transform:none!important;float:none!important;overflow:hidden!important}
  body.oj-pda-atmosphere-on .oj-atmo-vitrinas .oj-atmo-replacement-media{width:100%!important;max-width:100%!important;aspect-ratio:16/10!important;min-height:190px!important;margin:0 0 14px!important}
}

/* =========================================================
   v1.3.0 — Nuestras vitrinas · atmósfera definitiva
   Trabaja DIRECTAMENTE sobre la estructura única de OJ Paseo de Autor v2.2+
   No duplica tarjetas y no crea una versión móvil separada.
   ========================================================= */
body.oj2-standalone .oj2-showcase{
  background:
    radial-gradient(circle at 91% 7%, rgba(188,130,92,.10), transparent 21%),
    linear-gradient(180deg,#fbf7f1 0%,#f5ede3 100%)!important;
  padding-top:clamp(34px,4vw,58px)!important;
  padding-bottom:clamp(48px,5vw,72px)!important;
}

body.oj2-standalone .oj2-showcase .oj2-section-head{
  position:relative!important;
  padding-bottom:15px!important;
  margin-bottom:28px!important;
}
body.oj2-standalone .oj2-showcase .oj2-section-head:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(111,72,53,.20);
}
body.oj2-standalone .oj2-showcase .oj2-section-head h2{
  color:#38251d!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  font-size:clamp(2.7rem,4.8vw,4.55rem)!important;
  letter-spacing:-.035em!important;
}
body.oj2-standalone .oj2-showcase .oj2-section-head span{
  color:#a15f43!important;
  font:700 .78rem/1.45 Arial,sans-serif!important;
  letter-spacing:.18em!important;
  text-align:right!important;
}

body.oj2-standalone .oj2-showcase .oj2-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  align-items:stretch!important;
}
body.oj2-standalone .oj2-showcase .oj2-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:auto!important;
  overflow:hidden!important;
  background:rgba(255,252,248,.96)!important;
  border:1px solid rgba(100,65,47,.19)!important;
  border-radius:14px!important;
  box-shadow:0 10px 26px rgba(75,47,32,.075)!important;
  transform:none!important;
}
body.oj2-standalone .oj2-showcase .oj2-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(75,47,32,.11)!important;
}

/* Marco café uniforme, sin vetas/rayas artificiales. */
body.oj2-standalone .oj2-showcase .oj2-card-image{
  position:relative!important;
  display:block!important;
  width:auto!important;
  margin:26px 26px 0!important;
  aspect-ratio:16 / 10!important;
  min-height:0!important;
  overflow:hidden!important;
  border:12px solid #4c3328!important;
  border-radius:5px!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-color:#eadbc9!important;
  box-shadow:
    inset 0 0 0 2px rgba(26,15,10,.40),
    inset 0 0 0 3px rgba(255,241,215,.10),
    0 8px 18px rgba(63,37,24,.18)!important;
  box-sizing:border-box!important;
}
body.oj2-standalone .oj2-showcase .oj2-card-image:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg,rgba(255,255,255,.11),transparent 31%),
    linear-gradient(180deg,transparent 56%,rgba(39,22,13,.09));
}

/* Las composiciones aprobadas: joyas OJ + Émora con el colgante de palomas. */
body.oj2-standalone .oj2-showcase .oj2-card:nth-child(1) .oj2-card-image{
  background-image:url('../img/vitrina-jazz-composicion-v2.jpg')!important;
  background-position:center 48%!important;
}
body.oj2-standalone .oj2-showcase .oj2-card:nth-child(2) .oj2-card-image{
  background-image:url('../img/vitrina-emora-composicion-v2.jpg')!important;
  background-position:center center!important;
}
body.oj2-standalone .oj2-showcase .oj2-card:nth-child(3) .oj2-card-image{
  background-image:url('../img/vitrina-nuevo.jpg')!important;
  background-position:center center!important;
}

/* El logo de Émora ya no reemplaza la composición fotográfica. */
body.oj2-standalone .oj2-showcase .oj2-card-emora .oj2-emora-logo{
  display:none!important;
}
body.oj2-standalone .oj2-showcase .oj2-new-project{
  display:none!important;
}

body.oj2-standalone .oj2-showcase .oj2-badge{
  top:18px!important;
  left:18px!important;
  padding:9px 15px!important;
  background:#bd704f!important;
  color:#fff!important;
  border-radius:3px!important;
  box-shadow:0 6px 15px rgba(65,38,24,.14)!important;
  font:800 .70rem/1 Arial,sans-serif!important;
  letter-spacing:.17em!important;
}

body.oj2-standalone .oj2-showcase .oj2-card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:24px 28px 28px!important;
}
body.oj2-standalone .oj2-showcase .oj2-card-body h3{
  margin:0 0 5px!important;
  color:#3b281f!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(1.8rem,2.2vw,2.35rem)!important;
  line-height:1.05!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
}
body.oj2-standalone .oj2-showcase .oj2-category{
  margin-bottom:14px!important;
  color:#a2694e!important;
  font:700 .69rem/1.4 Arial,sans-serif!important;
  letter-spacing:.17em!important;
}
body.oj2-standalone .oj2-showcase .oj2-card-body p{
  margin:0 0 22px!important;
  color:#65564d!important;
  font-size:1rem!important;
  line-height:1.52!important;
}
body.oj2-standalone .oj2-showcase .oj2-card-body .oj2-button{
  width:100%!important;
  margin-top:auto!important;
  min-height:48px!important;
  border-radius:4px!important;
  background:#b96c4b!important;
  border:1px solid #b96c4b!important;
  color:#fff!important;
  font:700 .86rem/1 Arial,sans-serif!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
body.oj2-standalone .oj2-showcase .oj2-card-body .oj2-button:hover{
  background:#96513a!important;
  border-color:#96513a!important;
}

/* Móvil: MISMAS tres tarjetas, una debajo de otra. Sin clonaciones. */
@media(max-width:900px){
  body.oj2-standalone .oj2-showcase .oj2-cards{
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
    width:100%!important;
    overflow:visible!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-card{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-card-image{
    margin:18px 18px 0!important;
    aspect-ratio:16 / 10!important;
    border-width:9px!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-card-body{
    padding:21px 22px 24px!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-section-head{
    display:block!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-section-head span{
    display:block!important;
    text-align:left!important;
    margin-top:10px!important;
  }
}
@media(max-width:520px){
  body.oj2-standalone .oj2-showcase{
    padding-top:28px!important;
    padding-bottom:42px!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-card-image{
    margin:13px 13px 0!important;
    border-width:8px!important;
    aspect-ratio:16 / 10!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-card-body{
    padding:18px 18px 21px!important;
  }
  body.oj2-standalone .oj2-showcase .oj2-card-body h3{
    font-size:1.75rem!important;
  }
}