.hero-photo-mode .showcase .scene-container{height:auto!important;aspect-ratio:3/2;min-height:0!important;padding:0;border-radius:0;background:transparent;overflow:visible}
.photo-scene{height:100%;width:100%;position:relative;overflow:hidden;animation:photo-appear .65s ease both}
.photo-scene img{display:block;width:100%;height:100%;object-fit:cover;animation:photo-drift 12s ease-out both}
.photo-composition{overflow:visible;isolation:isolate}
.photo-pane{position:absolute;inset:0;overflow:hidden}
.photo-pane-main{clip-path:polygon(0 6%,74% 6%,74% 100%,0 100%)}
.photo-pane-top{clip-path:polygon(77% 0,100% 0,100% 42%,77% 42%)}
.photo-pane-bottom{clip-path:polygon(77% 45%,100% 45%,100% 88%,77% 88%)}
/* Keep both faces in the main panel of the consulting photograph. */
.photo-composition[data-photo="consultoria"] .photo-pane-main{clip-path:polygon(0 6%,86% 6%,86% 100%,0 100%)}
.photo-composition[data-photo="consultoria"] .photo-pane-top{clip-path:polygon(89% 0,100% 0,100% 42%,89% 42%)}
.photo-composition[data-photo="consultoria"] .photo-pane-bottom{clip-path:polygon(89% 45%,100% 45%,100% 88%,89% 88%)}
.photo-composition[data-photo="formacion"] .photo-pane-bottom img{object-position:50% 36%!important}
.photo-rectangular{border-radius:12px;overflow:hidden}
.photo-rectangular .photo-pane-main{clip-path:none;mask-image:none;opacity:1}
.photo-rectangular .photo-pane-top,.photo-rectangular .photo-pane-bottom,.photo-rectangular .photo-pane:after{display:none}
.hero-photo-mode.paused .photo-scene img{animation-play-state:paused}
.hero-photo-mode .slide-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 22px}
.hero-photo-mode .slide-tab{padding-top:12px;min-height:48px}
.hero-photo-mode .slider-controls{align-items:flex-start}
.hero-photo-mode .slider-controls>.playback{margin-top:12px}
@keyframes photo-appear{from{opacity:.2}to{opacity:1}}
@keyframes photo-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:651px) and (max-width:1100px){.hero-photo-mode .slide-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.hero-photo-mode .slide-tabs{display:flex;gap:20px}.hero-photo-mode .slide-tab{flex:0 0 auto}.hero-photo-mode .scene-caption h2{max-width:none}}
@media(prefers-reduced-motion:reduce){.photo-scene,.photo-scene img{animation:none}}