/* Layout only: typography, buttons and surfaces come from the existing theme. */
/* Reserve the photo area while the sector animation assets load on approach. */
[data-sector-animation="hero"] [data-fallback] {aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:var(--card-radius)}
[data-sector-animation="hero"] [data-fallback] img {width:100%;height:100%!important;object-fit:cover}
[data-sector-animation="hero"] [data-fallback] figcaption {position:absolute;left:24px;right:24px;bottom:24px;padding:20px;background:white;border-radius:var(--card-radius);font-weight:600}
.beesible-media-embed {display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:0;border-radius:var(--card-radius)}
.beesible-media-video,.beesible-media-image {display:block;width:100%;height:auto;border-radius:var(--card-radius)}
.content-prices-cta {padding-bottom:calc(var(--section-space) + var(--space-6))}
.content-prices-cta .landing-cta-panel {gap:var(--space-6)}
.content-prices-cta .landing-cta-panel__content p {max-width:65ch}
.content-prices-cta .landing-cta-panel__content h2:empty {display:none}
.content-prices-cta .landing-cta-stores {margin:0;padding:0;justify-content:center}
.content-index-title {padding-top:var(--section-space);margin-bottom:0;text-align:center}
.content-index-title + .landing-features {padding-top:var(--space-7)}
.content-index-title + .landing-features .section-heading:not(:has(h2:not(:empty), p:not(:empty))) {display:none}
.sector-pillars > .container > .section-heading {
  margin-inline:auto;text-align:center;
}
.sector-pillars .sector-pillars__subtitle {
  margin:var(--space-5) auto 0;font-size:var(--font-size-xl);
  font-weight:var(--font-weight-medium);line-height:var(--line-height-base);
  max-width:var(--container-showcase);text-wrap:pretty;
}
.sector-pillars .section-intro {
  margin:var(--space-4) auto 0;font-size:var(--font-size-base);
  font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);
}
.sector-pillars .sector-pillars__subtitle:empty {display:none}
.beesible-html-pending,
.beesible-canvas .beesible-html-resumen.beesible-html-pending {
  display:flex;align-items:center;justify-content:center;
  min-height:clamp(14rem,32vw,30rem);padding:var(--space-5);
  width:100%;box-sizing:border-box;
  border:1px solid var(--color-border);border-radius:var(--card-radius);
  background:transparent;
  color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;
}
/* Bento composition varies; icon and heading styles stay consistent. */
.landing-bento:has(.solution-bento-card) {padding-block:var(--section-space)}
.landing-bento:has(.solution-bento-card) > .container {padding-inline:var(--space-5)}
.landing-bento:has(.solution-bento-card) .section-heading {margin-bottom:var(--space-7)}
.landing-bento:has(.solution-bento-card) .content-closing {margin-top:var(--space-7)}
.landing-bento__grid:has(.solution-bento-card) {
  width:min(100%,var(--container-content));height:auto;
  grid-template-areas:none;grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:none;grid-auto-rows:auto;grid-auto-flow:row;gap:var(--space-5);
}
.landing-bento__grid .solution-bento-card {
  display:grid;grid-template-columns:minmax(0,1fr);
  align-content:start;align-items:start;
  grid-area:auto;grid-column:span 2;min-height:0;aspect-ratio:auto;padding:var(--space-6);
  background:var(--surface-raised);border:1px solid var(--color-border);
  border-color:var(--color-border)!important;border-radius:var(--card-radius);box-shadow:none;
}
.landing-bento__grid .solution-bento-card > i {
  grid-column:1;grid-row:1;display:block;color:var(--color-brand);
  margin-bottom:var(--space-5);font-size:var(--space-7);line-height:1;
}
.landing-bento__grid .solution-bento-card h3 {
  grid-column:1;grid-row:2;margin:0;font-size:var(--font-size-md);
  font-weight:var(--font-weight-medium);line-height:var(--line-height-base);
  color:var(--color-text);text-wrap:pretty;
}
.landing-bento__grid .solution-bento-card p {
  grid-column:1;grid-row:3;position:static;margin:var(--space-3) 0 0;padding:0;max-width:52ch;
  color:var(--color-text-muted);background:none;backdrop-filter:none;border-radius:0;
  font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);
}
.landing-bento__grid .solution-bento-card p:empty {display:none}
.landing-bento__grid .solution-bento-card:nth-child(4n+1),
.landing-bento__grid .solution-bento-card:nth-child(4n) {grid-column:span 4}
.landing-bento__grid:has(> .solution-bento-card:nth-child(5):last-child) > .solution-bento-card {grid-column:span 2}
.landing-bento__grid:has(> .solution-bento-card:nth-child(5):last-child) > .solution-bento-card:nth-child(-n+2) {grid-column:span 3}
.landing-bento__grid:has(> .solution-bento-card:nth-child(3):last-child) > .solution-bento-card {grid-column:span 3}
.landing-bento__grid:has(> .solution-bento-card:nth-child(3):last-child) > .solution-bento-card:first-child {grid-row:span 2}
.landing-features .feature-card {min-height:0}
.landing-features .feature-card__icon i {font-size:var(--space-7)}
.landing-features .feature-card p:empty {display:none}
.landing-features .feature-card h3:last-child,
.landing-features .feature-card p:last-child {margin-bottom:0}
.landing-features .feature-card h3 {
  font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);
}
.landing-hero .u-text-lead,.landing-features .section-intro,
.landing-features .feature-card p,.landing-bento .section-intro {
  font-weight:var(--font-weight-regular);
}
.landing-hero .u-text-lead strong,.landing-features .section-intro strong,
.landing-bento .content-closing strong {font-weight:var(--font-weight-semibold)}
.landing-bento .content-closing {max-width:var(--container-showcase);margin:var(--space-6) auto 0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}
@media(max-width:767px) {
  .landing-features .feature-card__icon i,
  .landing-bento__grid .solution-bento-card > i {font-size:var(--space-6)}
  .landing-features .feature-card__icon,
  .landing-bento__grid .solution-bento-card > i {margin-bottom:var(--space-4)}
  .landing-bento:has(.solution-bento-card) .section-heading {margin-bottom:var(--space-6)}
  .landing-bento:has(.solution-bento-card) .content-closing {margin-top:var(--space-6)}
  .landing-bento__grid:has(.solution-bento-card) {grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  .landing-bento__grid .solution-bento-card {grid-column:1 / -1!important;grid-row:auto!important;min-height:0;padding:var(--space-5);column-gap:var(--space-3)}
}
.content-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-layout)}
.content-pair>* {min-width:0}
.search-query {display:flex;align-items:center;gap:var(--space-3)}
.search-query p {margin:0}
.search-map {position:relative;height:12rem;margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--card-radius);background:linear-gradient(30deg,transparent 45%,var(--color-border) 46%,white 47%,white 53%,var(--color-border) 54%,transparent 55%),linear-gradient(110deg,transparent 44%,var(--color-border) 45%,white 46%,white 53%,var(--color-border) 54%,transparent 55%)}
.search-map i {position:absolute;font-size:var(--font-size-2xl);color:var(--color-brand);left:20%;top:24%}
.search-map i:nth-child(2){left:64%;top:48%}.search-map i:nth-child(3){left:38%;top:65%}
.content-message {padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--card-radius);margin-block:var(--space-4)}
.content-message--reply {margin-left:var(--space-6)}
.sector-route {display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5);margin-block:var(--space-8);color:var(--color-brand);font-weight:600}
.sector-pillar>i {font-size:var(--font-size-2xl);color:var(--color-brand)}
.sector-pillar h3 {margin-top:var(--space-3)}
.sector-pillar {border:1px solid transparent}
.solution-animation>.container>.section-heading,.search-transition>.container>.section-heading {margin-inline:auto;text-align:center}
.content-featured {border-color:var(--color-brand)!important}
.content-review>span {color:var(--color-brand);letter-spacing:.12em}.content-review blockquote {margin:var(--space-4) 0}
.content-channels {display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.content-channels span {border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill)}
.content-flow {border-top:1px solid var(--color-border);padding-top:var(--space-4)}
.content-closing,.solution-animation__closing {text-align:center;margin-top:var(--space-6)}
.solution-animation__closing .button-row {justify-content:center}
.solution-animation__media:empty {min-height:clamp(14rem,32vw,30rem)}
.sector-animation__media:empty,.landing-hero__animation:empty {min-height:clamp(14rem,32vw,30rem)}
.content-animation {border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-6);background:white}
.content-animation__header {display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}
.content-animation__header img {width:2.5rem;height:2.5rem}
.content-animation__steps {display:grid;grid-template-columns:repeat(var(--animation-steps,3),minmax(0,1fr));gap:var(--gap-component)}
.content-animation__step {padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--card-radius);animation:content-step-focus 9s ease-in-out infinite;animation-delay:calc(var(--step,0)*1.5s)}
.content-animation__step p {margin:0}.content-animation__step i {display:block;color:var(--color-brand);font-size:var(--font-size-xl);margin-bottom:var(--space-3)}
.content-animation__pause {margin-top:var(--space-5);background:white;cursor:pointer}
.content-animation.is-paused .content-animation__step {animation-play-state:paused}
@keyframes content-step-focus {0%,60%,100%{border-color:var(--color-border)}15%,35%{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand)}}
@media(prefers-reduced-motion:reduce){.content-animation__step{animation:none}.content-animation__pause{display:none}}
@media(max-width:767px){.content-pair,.content-animation__steps{grid-template-columns:1fr}.sector-route{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);font-size:var(--font-size-sm)}.content-animation{padding:var(--space-4)}}
.legal-content {
  overflow-wrap: anywhere;
}

.legal-content > :where(h2, h3, h4) {
  margin-block: var(--space-7) var(--space-4);
}

.legal-content > :first-child {
  margin-top: var(--space-6);
}

.legal-content > :where(p, ul, ol, table) {
  margin-bottom: var(--space-5);
}

.legal-content > :last-child {
  margin-bottom: 0;
}

.legal-content table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.legal-content td,
.legal-content th {
  min-width: 0;
  overflow-wrap: anywhere;
}
/* Match the home reveal on landing components, including FSE post wrappers.
   Keep motion on individual elements so tall sections and carousel transforms
   do not affect the animation of their children. The editor stays static. */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    body:not(.wp-admin) main :is(
      .landing-features .section-heading,
      .landing-features .feature-card,
      .landing-bento .section-heading,
      .landing-bento__grid > *,
      .landing-bento .content-closing,
      .search-transition .section-heading,
      .sector-pillars .section-heading,
      .sector-animation__media,
      .solution-animation .section-heading,
      .solution-animation__media,
      .solution-animation__closing,
      .content-prices-cta > .container,
      .landing-workflow__grid > *,
      .landing-carousel .section-heading,
      .landing-carousel__root,
      .faq-grid > *
    ):not(.u-reveal) {
      animation: content-rise var(--duration-slow) var(--ease-standard) both;
      animation-range: entry 0% cover 25%;
      animation-timeline: view();
      transform-origin: center;
    }
  }
}
