/* VD Biodiversa - Slider 3D con fondos sincronizados. BEM: .bioma-stage / .bioma-info / .bioma-3d / .bioma-3d-card / .bioma-controls.
   Colores y tipografias: globals del kit (--e-global-*). Selectores de tarjeta con prefijo para ganar a reset.css del tema y al kit de Elementor. */
.bioma-stage{--bioma-ease:cubic-bezier(0.16,1,0.3,1);--bioma-ink:22,22,22;position:relative;box-sizing:border-box;width:100%;min-height:85vh;padding-right:1.5rem;padding-left:1.5rem;overflow:hidden;background:var(--e-global-color-9661931);color:var(--e-global-color-c02477c)}
.bioma-stage__bg{position:absolute;inset:0;z-index:1}
.bioma-stage__bg-item{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 0.8s ease-in-out}
.bioma-stage__bg-item.is-active{opacity:1}
.bioma-stage__bg-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.bioma-stage__veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(var(--bioma-ink),0.92) 0%,rgba(var(--bioma-ink),0.55) 45%,rgba(var(--bioma-ink),0.15) 100%)}
.bioma-stage__inner{position:relative;z-index:3;display:flex;align-items:center;box-sizing:border-box;width:100%;max-width:75rem;min-height:85vh;margin-right:auto;margin-left:auto}

/* Panel narrativo */
.bioma-info{flex:0 0 40%;width:40%;padding:3.75rem 2rem 3.75rem 0}
.bioma-info__panels{display:grid}
.bioma-info__panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(0.5rem);transition:opacity 0.5s ease,transform 0.5s ease,visibility 0s linear 0.5s}
.bioma-info__panel.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.bioma-info__eyebrow{display:inline-block;margin:0 0 1rem;padding:0.3125rem 1rem;border:0.0625rem solid color-mix(in srgb,var(--e-global-color-primary) 60%,transparent);border-radius:999px;background:rgba(0,0,0,0.4);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);color:var(--e-global-color-primary);font-family:var(--e-global-typography-dd7d321-font-family),sans-serif;font-size:var(--e-global-typography-dd7d321-font-size);font-weight:var(--e-global-typography-dd7d321-font-weight);letter-spacing:0.12em;line-height:1;text-transform:uppercase}
.bioma-info__title{margin:0;color:var(--e-global-color-c02477c);font-family:var(--e-global-typography-6f8e5bd-font-family),sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.1;text-transform:uppercase}
.bioma-info__route{margin:0.75rem 0 0;color:var(--e-global-color-primary);font-family:var(--e-global-typography-4a4c882-font-family),sans-serif;font-size:var(--e-global-typography-4a4c882-font-size);font-weight:600}
.bioma-info__text{max-width:30rem;margin:1.125rem 0 1.75rem;color:var(--e-global-color-6273918);font-family:var(--e-global-typography-5642e64-font-family),sans-serif;font-size:var(--e-global-typography-5642e64-font-size);line-height:1.65}
.bioma-info__cta{display:inline-flex;align-items:center;justify-content:center;padding:0.875rem 1.75rem;border:0.0625rem solid var(--e-global-color-primary);border-radius:0.25rem;background:var(--e-global-color-primary);color:var(--e-global-color-secondary);font-family:var(--e-global-typography-dd7d321-font-family),sans-serif;font-size:0.875rem;font-weight:600;letter-spacing:0.05rem;text-decoration:none;text-transform:uppercase;transition:transform 0.35s ease,box-shadow 0.35s ease,background-color 0.35s ease,color 0.35s ease}
.bioma-info__cta:hover,.bioma-info__cta:focus-visible{transform:translateY(-0.125rem);background:var(--e-global-color-secondary);color:var(--e-global-color-c02477c);box-shadow:0 0.375rem 1.125rem color-mix(in srgb,var(--e-global-color-primary) 40%,transparent)}
.bioma-info__cta:focus-visible,.bioma-controls__btn:focus-visible{outline:0.125rem solid var(--e-global-color-c02477c);outline-offset:0.25rem}

/* Escaparate 3D */
.bioma-showcase{flex:0 0 60%;width:60%;min-width:0;display:flex;flex-direction:column;align-items:center}
.bioma-3d{width:100%}
.bioma-3d__viewport{overflow:hidden;padding:1.5rem 0;perspective:1200px;touch-action:pan-y}
.bioma-stage .bioma-3d__track{position:relative;display:flex;align-items:center;gap:1.25rem;margin:0;padding:1.5625rem 0.625rem;overflow-x:visible;list-style:none;transform-style:preserve-3d;transition:transform 0.6s var(--bioma-ease)}
.bioma-stage .bioma-3d__item{flex:0 0 auto;margin:0;padding:0;list-style:none}
.bioma-stage .bioma-3d__track .bioma-3d-card{--bioma-card-ink:15,15,15;position:relative;display:block;box-sizing:border-box;flex-shrink:0;width:14.6875rem;min-width:11.875rem;height:23.75rem;margin:0;padding:0;overflow:hidden;border:0.0625rem solid rgba(255,255,255,0.1);border-radius:1.125rem;background-color:var(--e-global-color-9661931);color:var(--e-global-color-c02477c);font:inherit;text-align:left;text-decoration:none;cursor:pointer;opacity:0.72;filter:brightness(0.78);transform:scale(0.95);transition:all 0.5s cubic-bezier(0.16,1,0.3,1)}
.bioma-stage .bioma-3d__track .bioma-3d-card:hover,.bioma-stage .bioma-3d__track .bioma-3d-card:focus{background-color:var(--e-global-color-9661931);color:var(--e-global-color-c02477c)}
.bioma-stage .bioma-3d__track .bioma-3d-card:not(.is-active):hover{opacity:0.95;filter:brightness(0.95);transform:scale(0.98) translateY(-0.25rem)}
.bioma-stage .bioma-3d__track .bioma-3d-card.is-active,.bioma-stage .bioma-3d__track .bioma-3d-card.is-active:hover,.bioma-stage .bioma-3d__track .bioma-3d-card.is-active:focus{z-index:5;border:0.125rem solid var(--e-global-color-primary);opacity:1;filter:brightness(1);transform:scale(1.05) translateY(-0.5rem) rotateX(var(--bioma-rx,0deg)) rotateY(var(--bioma-ry,0deg));box-shadow:0 1.375rem 2.8125rem rgba(0,0,0,0.5),0 0 1.5625rem color-mix(in srgb,var(--e-global-color-primary) 25%,transparent)}
.bioma-stage .bioma-3d__track .bioma-3d-card.is-tilting{transition:transform 0.12s ease-out,border-color 0.5s ease,box-shadow 0.5s ease}
.bioma-stage .bioma-3d__track .bioma-3d-card:focus-visible{outline:0.125rem solid var(--e-global-color-c02477c);outline-offset:0.25rem}
.bioma-stage .bioma-3d-card .bioma-3d-card__img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.bioma-stage .bioma-3d-card::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(var(--bioma-card-ink),0.92) 0%,rgba(var(--bioma-card-ink),0.5) 40%,rgba(var(--bioma-card-ink),0.05) 70%,transparent 100%)}
.bioma-stage .bioma-3d-card .bioma-3d-card__meta{position:absolute;right:0;bottom:0;left:0;z-index:3;display:block;padding:1.375rem 1.125rem;text-align:left}
.bioma-stage .bioma-3d-card__tag{display:block;margin:0 0 0.375rem;color:var(--e-global-color-primary);font-family:var(--e-global-typography-dd7d321-font-family),sans-serif;font-size:0.6875rem;font-weight:600;letter-spacing:0.1em;line-height:1.3;text-transform:uppercase}
.bioma-stage .bioma-3d-card__title{display:block;margin:0;color:var(--e-global-color-c02477c);font-family:var(--e-global-typography-e5c5c79-font-family),sans-serif;font-size:var(--e-global-typography-e5c5c79-font-size);font-weight:700;line-height:1.25}
.bioma-stage .bioma-3d-card__hint{display:block;margin:0.25rem 0 0;color:var(--e-global-color-6273918);font-family:var(--e-global-typography-5642e64-font-family),sans-serif;font-size:0.71875rem;font-weight:400;line-height:1.4}

/* Controles */
.bioma-controls{display:flex;align-items:center;align-self:flex-end;gap:1.25rem;margin-top:0.5rem}
.bioma-controls__btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0.0625rem solid var(--e-global-color-primary);border-radius:50%;background:rgba(0,0,0,0.35);color:var(--e-global-color-primary);font-size:1.5rem;line-height:1;cursor:pointer;transition:background-color 0.35s ease,color 0.35s ease,transform 0.35s ease}
.bioma-controls__btn:hover{background:var(--e-global-color-primary);color:var(--e-global-color-secondary);transform:translateY(-0.125rem)}
.bioma-controls__counter{min-width:4.5rem;color:var(--e-global-color-primary);font-family:var(--e-global-typography-dd7d321-font-family),sans-serif;font-size:0.875rem;font-weight:600;letter-spacing:0.12em;text-align:center}
.bioma-stage__empty{position:relative;z-index:3;padding:4rem 1.5rem;text-align:center}

/* Tablet y movil: carrusel tactil, texto encima del escaparate */
@media (max-width:991px){
.bioma-stage,.bioma-stage__inner{min-height:0}
.bioma-stage__inner{flex-direction:column;align-items:stretch}
.bioma-stage__veil{background:linear-gradient(180deg,rgba(var(--bioma-ink),0.92) 0%,rgba(var(--bioma-ink),0.6) 55%,rgba(var(--bioma-ink),0.35) 100%)}
.bioma-info{flex:none;width:100%;padding:3rem 0 0}
.bioma-info__text{max-width:none}
.bioma-showcase{flex:none;width:100%;padding-bottom:2.5rem}
.bioma-controls{align-self:center}
.bioma-stage .bioma-3d__track .bioma-3d-card{width:12.5rem;min-width:11.875rem}
}
@media (max-width:767px){.bioma-stage{padding-right:1rem;padding-left:1rem}}
@media (prefers-reduced-motion:reduce){
.bioma-stage__bg-item,.bioma-info__panel,.bioma-info__cta,.bioma-controls__btn{transition:none}
.bioma-stage .bioma-3d__track,.bioma-stage .bioma-3d__track .bioma-3d-card{transition:none}
}