/* Componente aislado: no modifica Bootstrap ni otras secciones de inicio.php. */
.legacy-experience{width:100%;margin:0;background:#111;color:#fff;font-family:'Barlow',Arial,sans-serif}
.legacy-experience *{box-sizing:border-box}
.legacy-experience .legacy-experience-stage{position:relative;height:85vh;height:85svh;min-height:500px;max-height:1000px;overflow:hidden;background:#000}
.legacy-experience .legacy-experience-slide{position:absolute;inset:0;margin:0;animation:legacy-experience-in .45s ease-out}
.legacy-experience .legacy-experience-slide[hidden]{display:none!important}
.legacy-experience .legacy-experience-slide img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:none}
.legacy-experience .legacy-experience-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.65) 100%);pointer-events:none}
.legacy-experience #legacy-experience-title{position:absolute;left:clamp(24px,5vw,96px);bottom:50px;z-index:2;margin:0;padding:0;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(80px,12vw,190px);line-height:.8;letter-spacing:-.025em;text-transform:uppercase;color:#fff;pointer-events:none;text-align:left}
.legacy-experience #legacy-experience-title span{color:#ffdd00}
.legacy-experience .legacy-experience-controls{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(24px,5vw,96px);gap:25px;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.5}
.legacy-experience .legacy-experience-buttons{display:flex;align-items:center;gap:24px}
.legacy-experience .legacy-experience-buttons button{display:block;padding:0;margin:0;width:36px;height:36px;border:0;background:transparent;cursor:pointer;transition:transform .2s}
.legacy-experience .legacy-experience-buttons button:hover{transform:scale(1.1)}
.legacy-experience .legacy-experience-buttons img{display:block;width:100%;height:100%}
.legacy-experience .legacy-experience-counter{min-width:55px;text-align:center;font-variant-numeric:tabular-nums}
.legacy-experience :focus-visible{outline:3px solid #ffdd00;outline-offset:5px}
@keyframes legacy-experience-in{from{opacity:.4}to{opacity:1}}
@media(max-width:600px){.legacy-experience .legacy-experience-stage{height:70svh;min-height:470px;max-height:650px}.legacy-experience #legacy-experience-title{left:22px;bottom:30px;font-size:clamp(55px,16vw,92px)}.legacy-experience .legacy-experience-controls{padding:18px 22px;gap:10px}.legacy-experience .legacy-experience-controls>span{font-size:8px;max-width:110px}.legacy-experience .legacy-experience-buttons{gap:12px}.legacy-experience .legacy-experience-buttons button{width:30px;height:30px}.legacy-experience .legacy-experience-counter{font-size:10px;min-width:47px}}
@media(prefers-reduced-motion:reduce){.legacy-experience .legacy-experience-slide{animation:none}.legacy-experience .legacy-experience-buttons button{transition:none}}