/*
Theme Name: Expo Ores · Shenoa
Description: Tema de bloques para Expo Ores con portada animada, video vertical, formadores y compra de entradas.
Version: 1.1.1
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: expo-ores-shenoa
*/

html:has(body:not(.wp-admin) #expo-ores) { scroll-behavior: smooth; }
body.shenoa-expo-ores-canvas, body:has(.shenoa-expo-ores-content #expo-ores) {
  margin: 0;
  background: #090f0d;
}
.wp-site-blocks:has(> .shenoa-expo-ores-content #expo-ores),
.shenoa-expo-ores-content:has(#expo-ores) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.shenoa-expo-ores-content > #expo-ores.alignfull {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

#expo-ores {
  --eo-bg: #090f0d;
  --eo-cream: #f8f3e8;
  --eo-soft: #c5c9be;
  --eo-gold: #e8cc90;
  --eo-border: rgba(232, 204, 144, .21);
  --eo-serif: Georgia, "Times New Roman", serif;
  --eo-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  width: 100%;
  max-width: none;
  margin: 0;
  background: var(--eo-bg);
  color: var(--eo-cream);
  font: 400 16px/1.6 var(--eo-sans);
  text-align: left;
  isolation: isolate;
  overflow: clip;
}
#expo-ores *, #expo-ores *::before, #expo-ores *::after { box-sizing: border-box; }
#expo-ores :is(h1, h2, h3, p, figure, details, .wp-block-group, .wp-block-buttons) {
  margin-block: 0;
}
#expo-ores :is(h1, h2, h3) { color: var(--eo-cream); font-family: var(--eo-serif); font-weight: 400; text-wrap: balance; }
#expo-ores p { color: var(--eo-soft); }
#expo-ores a { color: inherit; text-decoration: none; }
#expo-ores :is(a, summary, video, iframe):focus-visible { outline: 2px solid var(--eo-gold); outline-offset: 5px; }
#expo-ores :is(#temario, #formadores, #entradas, #preguntas) { scroll-margin-top: 28px; }
#expo-ores .eo-shell { width: min(100% - 96px, 1140px); margin-inline: auto; }
#expo-ores .eo-eyebrow {
  color: var(--eo-gold);
  font: 750 .71rem/1.45 var(--eo-sans);
  letter-spacing: .21em;
  text-transform: uppercase;
}

#expo-ores .eo-top {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid var(--eo-border);
  background: #090e0d;
}
#expo-ores .eo-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 78px; }
#expo-ores .eo-brand a { display: inline-flex; align-items: center; gap: 12px; color: var(--eo-cream); }
#expo-ores .eo-mark {
  display: grid;
  width: 32px;
  height: 32px;
  flex: none;
  place-items: center;
  border: 1px solid #9b8251;
  color: var(--eo-gold);
  transform: rotate(45deg) scale(.84);
}
#expo-ores .eo-mark span { transform: rotate(-45deg); font: 400 21px/1 var(--eo-serif); }
#expo-ores .eo-brand-name { font: 400 1.58rem/1 var(--eo-serif); letter-spacing: -.035em; white-space: nowrap; }
#expo-ores .eo-brand-by { color: var(--eo-gold); font-size: .58rem; font-weight: 750; letter-spacing: .16em; white-space: nowrap; }
#expo-ores .eo-navlinks { display: flex; align-items: center; gap: clamp(18px, 3vw, 40px); }
#expo-ores .eo-navlinks p { color: var(--eo-soft); font-size: .83rem; font-weight: 600; }
#expo-ores .eo-navlinks a:hover, #expo-ores .eo-secondary a:hover { color: var(--eo-gold); }

#expo-ores .eo-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 72% 50%, #19382a 0%, rgba(21, 47, 36, .7) 24%, transparent 61%),
    radial-gradient(ellipse at 98% -8%, rgba(146, 106, 53, .21), transparent 47%),
    linear-gradient(125deg, #101511 0%, #090f0d 51%, #0b1813 100%);
  border-bottom: 1px solid var(--eo-border);
}
#expo-ores .eo-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background-image: linear-gradient(to right, #e8cc9010 1px, transparent 1px), linear-gradient(to bottom, #e8cc9010 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(ellipse at 67% 58%, #000 10%, transparent 76%);
}
#expo-ores .eo-hero::after {
  position: absolute;
  z-index: -1;
  inset: auto 0 0;
  height: 230px;
  content: "";
  background: linear-gradient(transparent, #0a100e);
  pointer-events: none;
}
#expo-ores .eo-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.17fr) minmax(295px, .83fr);
  gap: clamp(40px, 5vw, 86px);
  align-items: center;
  padding-block: clamp(68px, 7vw, 104px) clamp(74px, 7.6vw, 112px);
}
#expo-ores .eo-copy { animation: eo-intro .8s cubic-bezier(.2,.75,.25,1) both; }
#expo-ores .eo-hero .eo-eyebrow { margin-bottom: 20px; }
#expo-ores .eo-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  min-height: 30px;
  padding: 5px 11px;
  border: 1px solid rgba(232,204,144,.35);
  border-radius: 30px;
  background: #d5b77b0d;
  color: #efddb9;
  font-size: .72rem;
  font-weight: 650;
  letter-spacing: .01em;
}
#expo-ores .eo-status::before {
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 100%;
  background: var(--eo-gold);
}
#expo-ores .eo-hero-title {
  max-width: 9.6em;
  margin: 23px 0 22px;
  font-size: clamp(4rem, 7.2vw, 7.1rem);
  letter-spacing: -.072em;
  line-height: .92;
  text-wrap: initial;
}
#expo-ores .eo-hero-title em, #expo-ores .eo-section-title em {
  color: var(--eo-gold);
  font-weight: 400;
}
@supports (background-clip: text) {
  #expo-ores .eo-hero-title em, #expo-ores .eo-section-title em {
    background-image: linear-gradient(112deg, #f6e7c6 2%, #dbb970 48%, #f1d69d 100%);
    background-clip: text;
    color: transparent;
  }
}
#expo-ores .eo-lead { max-width: 30rem; font-size: clamp(1rem, 1.6vw, 1.15rem); line-height: 1.7; }
#expo-ores .eo-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px 22px; margin-top: 29px; }
#expo-ores .eo-secondary { color: var(--eo-cream); font-size: .85rem; font-weight: 650; }
#expo-ores .eo-secondary a { display: inline-flex; align-items: center; min-height: 44px; }
#expo-ores .eo-arrow { margin-inline-start: .55em; font-family: var(--eo-sans); font-weight: 500; }
#expo-ores .eo-btn { display: block; margin: 0; }
#expo-ores .eo-btn .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 54px;
  padding: 12px 23px;
  border: 1px solid #f5ddb095;
  border-radius: 5px;
  background: linear-gradient(112deg, #f4dfb0, #d5ad64 72%, #edcd92);
  box-shadow: 0 8px 25px #0004;
  color: #20170b;
  font: 760 .87rem/1.35 var(--eo-sans);
  text-align: center;
  text-decoration: none;
  transition: transform .23s ease, filter .23s ease, box-shadow .23s ease;
}
#expo-ores .eo-btn .wp-block-button__link[href]:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 12px 28px #0006;
}
#expo-ores .eo-btn--small .wp-block-button__link {
  min-height: 40px;
  padding: 8px 15px;
  border-color: #b09360a3;
  background: #ffffff05;
  color: var(--eo-cream);
  font-size: .76rem;
  box-shadow: none;
  white-space: nowrap;
}

#expo-ores .eo-media {
  position: relative;
  width: min(100%, 312px);
  justify-self: center;
  margin-inline: auto;
  padding: 9px;
  border: 1px solid #dbb87083;
  border-radius: 19px;
  background: #0b1512;
  box-shadow: 0 30px 86px #0008, 0 0 64px #43816524;
  isolation: isolate;
  animation: eo-intro 1s .13s cubic-bezier(.2,.75,.25,1) both;
}
#expo-ores .eo-media::before, #expo-ores .eo-media::after {
  position: absolute;
  z-index: -1;
  inset: 50% auto auto 50%;
  width: calc(100% + 64px);
  height: calc(100% + 46px);
  border: 1px solid #d4b47439;
  border-radius: 48%;
  content: "";
  transform: translate(-50%, -50%) rotate(21deg);
  pointer-events: none;
}
#expo-ores .eo-media::after { transform: translate(-50%, -50%) rotate(-21deg); opacity: .53; }
#expo-ores .eo-media-frame {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 9 / 16;
  border-radius: 11px;
  background: #0a1714;
}
#expo-ores .eo-media-frame :is(figure, .wp-block-embed__wrapper, img, video, iframe) {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
}
#expo-ores .eo-media-frame :is(img, video) { object-fit: cover; }
#expo-ores .eo-media-frame video { object-fit: contain; }
#expo-ores .eo-media-frame:has(video, iframe) .wp-block-image { display: none; }
.editor-styles-wrapper #expo-ores .eo-media-frame:has(.block-editor-media-placeholder) {
  aspect-ratio: auto;
  overflow: visible;
}
.editor-styles-wrapper #expo-ores .eo-media-frame .block-editor-media-placeholder {
  color: #1e1e1e;
}

#expo-ores .eo-media-frame .wp-block-embed__wrapper::before { display: none; }
#expo-ores .eo-media-frame .wp-block-embed__wrapper iframe { position: static; }
#expo-ores .eo-media-tag, #expo-ores .eo-media-caption { display: none; }
#expo-ores .eo-media:not(:has(video, iframe)) .eo-media-tag,
#expo-ores .eo-media:not(:has(video, iframe)) .eo-media-caption {
  position: absolute;
  z-index: 2;
  display: block;
  color: #f5e5c4;
  pointer-events: none;
}
#expo-ores .eo-media-tag {
  top: 25px;
  left: 25px;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
#expo-ores .eo-media-caption {
  inset: auto 25px 29px;
  font: 400 1.68rem/1.13 var(--eo-serif);
  letter-spacing: -.02em;
}
#expo-ores .eo-media-caption small {
  display: block;
  margin-bottom: 6px;
  color: var(--eo-gold);
  font: 750 .58rem/1.3 var(--eo-sans);
  letter-spacing: .18em;
  text-transform: uppercase;
}
#expo-ores .eo-media-frame::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ffe7ac, transparent);
  opacity: .65;
  pointer-events: none;
  animation: eo-glow 4.2s ease-in-out 3 alternate both;
}

#expo-ores .eo-band { background: #0c1511; border-bottom: 1px solid var(--eo-border); }
#expo-ores .eo-band-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
#expo-ores .eo-band-grid p {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 9px 8px;
  color: #ddd6c2;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
}
#expo-ores .eo-band-grid p + p { border-left: 1px solid var(--eo-border); }
#expo-ores .eo-band-grid span { margin-inline-end: .8em; color: var(--eo-gold); font-size: .8em; }

#expo-ores .eo-section { padding-block: clamp(68px, 8vw, 110px); }
#expo-ores .eo-program { background: radial-gradient(ellipse at 85% 100%, #17271e, transparent 58%), #0a100d; }
#expo-ores .eo-section-title {
  margin: 13px 0 17px;
  font-size: clamp(2.7rem, 5.3vw, 5.1rem);
  line-height: 1;
  letter-spacing: -.061em;
  text-wrap: initial;
}
#expo-ores .eo-intro { max-width: 32rem; font-size: 1.04rem; line-height: 1.7; }
#expo-ores .eo-topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 36px; }
#expo-ores .eo-topic {
  --eo-accent: #e8cc90;
  position: relative;
  display: flex;
  min-height: 240px;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 26px;
  border: 1px solid var(--eo-border);
  border-radius: 10px;
  background: linear-gradient(148deg, #e8cc9010, transparent 70%), #0d1511;
  transition: transform .24s ease, border-color .24s ease;
}
#expo-ores .eo-topic:hover { transform: translateY(-4px); border-color: #c9aa6c91; }
#expo-ores .eo-topic--green { --eo-accent: #a6d8b8; background: linear-gradient(148deg, #2c745540, transparent 76%), #0d1813; }
#expo-ores .eo-topic--ivory { --eo-accent: #eae1cb; background: linear-gradient(148deg, #e1e5c318, transparent 76%), #101611; }
#expo-ores .eo-topic-index {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(--eo-accent);
  font: 700 .69rem/1 var(--eo-sans);
  letter-spacing: .15em;
}
#expo-ores .eo-topic::before {
  display: block;
  width: 49px;
  height: 49px;
  margin-bottom: 22px;
  flex: none;
  content: "";
  background: url("assets/oro.svg") center / contain no-repeat;
}
#expo-ores .eo-topic--green::before { background-image: url("assets/esmeralda.svg"); }
#expo-ores .eo-topic--ivory::before { background-image: url("assets/gema.svg"); }
#expo-ores .eo-topic h3 { margin-bottom: 7px; font-size: clamp(1.55rem, 2.5vw, 2.2rem); line-height: 1.05; letter-spacing: -.045em; }
#expo-ores .eo-topic p:not(.eo-topic-index) { font-size: .92rem; line-height: 1.6; }

#expo-ores .eo-speakers {
  border-top: 1px solid var(--eo-border);
  background: radial-gradient(ellipse at 0% 18%, #18251c, transparent 65%), #0a100e;
}
#expo-ores .eo-speakers-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 34px;
}
#expo-ores .eo-host-card {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: clamp(190px, 26vw, 290px) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--eo-border);
  border-radius: 12px;
  background: radial-gradient(ellipse at 85% 0%, #28392a 0%, transparent 70%), #111b15;
}
#expo-ores .eo-host-portrait {
  margin: 0;
  background: #151b12;
}
#expo-ores .eo-host-portrait img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
#expo-ores .eo-host-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(26px, 5vw, 64px);
}
#expo-ores .eo-host-copy h3 {
  margin-block: 10px 14px;
  font-size: clamp(2.75rem, 6vw, 5.4rem);
  line-height: .95;
  letter-spacing: -.06em;
}
#expo-ores .eo-host-copy p:last-child {
  max-width: 27rem;
  font-size: clamp(.98rem, 1.5vw, 1.1rem);
  line-height: 1.65;
}
#expo-ores .eo-speaker {
  min-height: 213px;
  padding: 24px;
  border: 1px solid var(--eo-border);
  border-top-color: #b89a61a8;
  border-radius: 8px;
  background: linear-gradient(155deg, #d9c49010, transparent 75%), #101812;
}
#expo-ores .eo-speaker-index {
  margin-bottom: 24px;
  color: var(--eo-gold);
  font: 750 .7rem/1.2 var(--eo-sans);
  letter-spacing: .18em;
}
#expo-ores .eo-speaker h3 {
  margin-bottom: 9px;
  font-size: clamp(1.45rem, 2.25vw, 1.96rem);
  line-height: 1.05;
  letter-spacing: -.042em;
}
#expo-ores .eo-speaker p:last-child { font-size: .89rem; line-height: 1.55; }

#expo-ores .eo-entry {
  border-block: 1px solid var(--eo-border);
  background:
    radial-gradient(ellipse at 78% 35%, #3e3722 0%, transparent 55%),
    linear-gradient(128deg, #171710, #111d16 84%);
}
#expo-ores .eo-entry-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .83fr); align-items: center; gap: clamp(35px, 8vw, 104px); }
#expo-ores .eo-entry .eo-section-title { max-width: 8.5em; }
#expo-ores .eo-price-card {
  position: relative;
  padding: clamp(23px, 3.2vw, 42px);
  border: 1px solid #d6b77572;
  border-radius: 14px;
  background: linear-gradient(143deg, #19271d, #101710 70%);
  box-shadow: 0 22px 54px #0005;
}
#expo-ores .eo-price-card .eo-eyebrow { margin-bottom: 16px; }
#expo-ores .eo-price {
  color: var(--eo-cream);
  font: 400 clamp(2.6rem, 5.35vw, 4.7rem)/1 var(--eo-serif);
  letter-spacing: -.065em;
  white-space: nowrap;
}
#expo-ores .eo-price small { margin-inline-start: .16em; color: var(--eo-gold); font: 750 .72rem/1 var(--eo-sans); letter-spacing: .12em; }
#expo-ores .eo-price-history {
  margin-top: 18px;
  padding-block: 15px;
  border-block: 1px solid var(--eo-border);
  color: #dbd3c0;
  font-size: .84rem;
  line-height: 1.6;
}
#expo-ores .eo-price-history strong { color: #f0e9d9; font-weight: 700; }
#expo-ores .eo-pay { display: block; margin-top: 21px; }
#expo-ores .eo-pay .wp-block-button__link { width: 100%; }
#expo-ores .eo-pay .wp-block-button__link:not([href]),
#expo-ores .eo-pay .wp-block-button__link[href=""] { cursor: default; opacity: .72; }
#expo-ores :is(.eo-pay-note, .eo-payment-help) { margin-top: 10px; font-size: .76rem; text-align: center; }
#expo-ores .eo-price-card:has(.eo-pay a[href]:not([href=""])) .eo-pay-note { display: none; }

#expo-ores .eo-faq { background: #0b110e; }
#expo-ores .eo-faq-grid { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1fr); gap: clamp(22px, 6vw, 80px); align-items: start; }
#expo-ores .eo-faq .eo-section-title { font-size: clamp(2.55rem, 4.5vw, 4rem); }
#expo-ores .eo-faq-item { border-top: 1px solid var(--eo-border); color: var(--eo-cream); }
#expo-ores .eo-faq-item:last-child { border-bottom: 1px solid var(--eo-border); }
#expo-ores .eo-faq-item summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 65px;
  padding: 15px 1px;
  font-weight: 650;
  list-style: none;
  cursor: pointer;
}
#expo-ores .eo-faq-item summary::-webkit-details-marker { display: none; }
#expo-ores .eo-faq-item summary::after { content: "+"; color: var(--eo-gold); font-size: 1.3em; font-weight: 400; }
#expo-ores .eo-faq-item[open] summary::after { content: "−"; }
#expo-ores .eo-faq-item p { padding-bottom: 18px; font-size: .93rem; }
#expo-ores .eo-footer { border-top: 1px solid var(--eo-border); background: #080d0b; }
#expo-ores .eo-footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-block: 24px; }
#expo-ores .eo-footer p { color: #c8c7ba; font-size: .8rem; }
#expo-ores .eo-footer strong { color: var(--eo-gold); }
#expo-ores .eo-footer a:hover { color: var(--eo-gold); }

@keyframes eo-intro {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes eo-glow {
  from { opacity: .3; }
  to { opacity: .9; }
}
@supports (animation-timeline: view()) {
  #expo-ores .eo-reveal {
    animation: eo-intro linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 55%;
  }
}

@media (max-width: 970px) {
  #expo-ores .eo-shell { width: min(100% - 64px, 1140px); }
  #expo-ores .eo-hero-grid { gap: 28px; grid-template-columns: minmax(0, 1.1fr) minmax(245px, .9fr); }
  #expo-ores .eo-hero-title { font-size: clamp(3.4rem, 8.25vw, 5.7rem); }
  #expo-ores .eo-topic { padding: 21px; min-height: 226px; }
}
@media (max-width: 690px) {
  #expo-ores .eo-shell { width: min(100% - 36px, 500px); }
  #expo-ores .eo-nav { min-height: 67px; gap: 8px; }
  #expo-ores .eo-navlinks > p { display: none; }
  #expo-ores .eo-brand a { gap: 8px; }
  #expo-ores .eo-brand-name { font-size: 1.4rem; }
  #expo-ores .eo-brand-by { display: none; }
  #expo-ores .eo-hero-grid, #expo-ores .eo-entry-grid, #expo-ores .eo-faq-grid { grid-template-columns: minmax(0, 1fr); }
  #expo-ores .eo-hero-grid { padding-block: 38px 54px; gap: 32px; }
  #expo-ores .eo-hero-title { max-width: none; margin-block: 19px; font-size: clamp(3.25rem, 11.9vw, 5.05rem); }
  #expo-ores .eo-hero .eo-eyebrow { margin-bottom: 14px; }
  #expo-ores .eo-hero-actions { gap: 6px 13px; margin-top: 20px; }
  #expo-ores .eo-hero-actions .wp-block-button__link { min-height: 49px; padding-inline: 14px; font-size: .79rem; }
  #expo-ores .eo-hero-actions .eo-secondary { font-size: .76rem; }
  #expo-ores .eo-media { width: min(78%, 290px); }
  #expo-ores .eo-band-grid p { min-height: 52px; font-size: .61rem; letter-spacing: .08em; }
  #expo-ores .eo-band-grid span { display: none; }
  #expo-ores .eo-topics { grid-template-columns: minmax(0, 1fr); margin-top: 24px; }
  #expo-ores .eo-topic { min-height: 174px; }
  #expo-ores .eo-speakers-grid { grid-template-columns: minmax(0, 1fr); margin-top: 24px; }
  #expo-ores .eo-host-card { grid-template-columns: minmax(0, 1fr); }
  #expo-ores .eo-host-copy { padding: 24px; }
  #expo-ores .eo-speaker { min-height: 0; padding: 20px; }
  #expo-ores .eo-speaker-index { margin-bottom: 13px; }
  #expo-ores .eo-topic::before { width: 40px; height: 40px; margin-bottom: 15px; }
  #expo-ores .eo-faq-grid { gap: 18px; }
}
@media (max-width: 365px) {
  #expo-ores .eo-hero-title { font-size: 2.94rem; }
  #expo-ores .eo-price { font-size: 2.45rem; }
  #expo-ores .eo-brand a { gap: 5px; }
  #expo-ores .eo-btn--small .wp-block-button__link { padding-inline: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body:not(.wp-admin) #expo-ores) { scroll-behavior: auto; }
  #expo-ores *, #expo-ores *::before, #expo-ores *::after { animation: none !important; transition: none !important; }
}

/* Default page and store wrappers. */
.eo-theme-header,
.eo-theme-footer {
  padding: 18px clamp(18px, 4vw, 48px);
  border-color: #ded8cb;
  border-style: solid;
  border-width: 0 0 1px;
}
.eo-theme-footer { border-width: 1px 0 0; }
.eo-theme-header .wp-block-site-title,
.eo-theme-footer .wp-block-paragraph { margin-block: 0; }
.eo-theme-header .wp-block-site-title a { color: inherit; text-decoration: none; }
.eo-standard-content { padding: clamp(30px, 6vw, 68px) clamp(18px, 4vw, 48px); }