#experiencia{padding-block:80px;overflow:hidden;text-align:center}
#experiencia .exp-kicker{display:flex;align-items:center;justify-content:center;gap:20px;letter-spacing:.3em;font-size:12px;color:#D2AD68}
#experiencia .exp-kicker:before,#experiencia .exp-kicker:after{content:'';width:75px;height:1px;background:#8F6B35}
#experiencia h2{font-family:'Bodoni Moda',serif;font-size:clamp(32px,5vw,66px);line-height:1.05;margin:16px 0 12px;font-weight:500}
#experiencia h2 span{background:linear-gradient(115deg,#8C642C,#C89A4B 35%,#F1D99A 52%,#C89A4B 62%,#B98235);background-clip:text;-webkit-background-clip:text;color:transparent}
#experiencia .exp-sub{font-size:12px;letter-spacing:.2em}
#experiencia .exp-stage{position:relative;height:500px;max-width:1050px;margin:34px auto 0;perspective:1200px}
#experiencia .exp-card{position:absolute;left:50%;top:0;width:330px;height:460px;margin-left:-165px;border:1px solid #8F6B35;border-radius:16px;overflow:hidden;background:#12100c;transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .65s,border-color .65s;transform:translateX(calc(var(--slot)*260px)) scale(.78) rotateY(calc(var(--slot)*-12deg));opacity:.7;z-index:1}
#experiencia .exp-card.is-active{transform:translateX(0) scale(1);opacity:1;z-index:3;border-color:#F1D99A}
#experiencia video{width:100%;height:100%;object-fit:cover;display:block}
#experiencia .exp-caption{position:absolute;bottom:0;inset-inline:0;padding:45px 16px 20px;background:linear-gradient(transparent,#000d);pointer-events:none;color:#fff}
#experiencia .exp-caption strong{font-size:20px;font-weight:500}
#experiencia .exp-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:65px;height:65px;border:2px solid #fff;border-radius:50%;background:#0005;color:#fff;font-size:26px;display:none}
#experiencia .is-active .exp-play{display:block}
#experiencia .is-playing .exp-play,#experiencia .is-playing .exp-caption{display:none}
#experiencia .exp-nav{position:absolute;top:42%;z-index:5;width:48px;height:48px;border:1px solid #D2AD68;border-radius:50%;color:#F1D99A;background:#07060acb;font-size:30px;line-height:1}
#experiencia .exp-prev{left:0}#experiencia .exp-next{right:0}
#experiencia .exp-summary{border-block:1px solid #8F6B3566;padding:25px 0 30px}
#experiencia .exp-summary h3{font:400 11px Poppins,sans-serif;letter-spacing:.22em;color:#D2AD68}
#experiencia .exp-pending{font-size:12px;margin:12px 0 24px;color:#B9B2A6}
#experiencia .exp-points{display:grid;grid-template-columns:repeat(3,1fr)}
#experiencia .exp-points p{padding:8px 24px;font:italic 22px/1.35 'Bodoni Moda',serif;color:#B9B2A6}
#experiencia .exp-points p+p{margin:0;border-left:1px solid #8F6B3566}
@media(max-width:700px){#experiencia{padding-block:60px}#experiencia .exp-stage{height:405px;margin-top:26px}#experiencia .exp-card{width:240px;height:365px;margin-left:-120px;transform:translateX(calc(var(--slot)*180px)) scale(.78) rotateY(calc(var(--slot)*-12deg))}#experiencia .exp-sub{font-size:10px;letter-spacing:.12em}#experiencia .exp-nav{width:38px;height:38px}#experiencia .exp-points{grid-template-columns:1fr}#experiencia .exp-points p+p{border-left:0;border-top:1px solid #8F6B3538}#experiencia .exp-points p{font-size:20px;padding:15px}}
@media(prefers-reduced-motion:reduce){#experiencia .exp-card{transition:none}}

#experiencia .exp-quote{display:none;font:italic 25px/1.2 "Bodoni Moda",serif;color:#fff;margin-top:10px}#experiencia .is-active .exp-quote{display:block}#experiencia .exp-caption strong{font-size:15px}@media(max-width:700px){#experiencia .exp-quote{font-size:21px}}

#experiencia .exp-active-quote{position:absolute;left:calc(50% + 180px);top:90px;width:200px;height:280px;margin:0;display:flex;align-items:center;justify-content:center;padding:12px;font:italic 27px/1.25 "Bodoni Moda",serif;color:#F1D99A;text-align:center;z-index:4;pointer-events:none;text-shadow:0 2px 5px #000}
#experiencia .exp-card video{transition:filter .65s}
#experiencia .is-quote-backdrop video{filter:blur(5px) brightness(.4)}
#experiencia .is-quote-backdrop .exp-caption{opacity:0}
@media(max-width:700px){#experiencia .exp-active-quote{left:calc(50% + 127px);top:60px;width:clamp(88px,22vw,140px);height:245px;padding:4px;font-size:clamp(16px,3.8vw,21px)} }

#experiencia .exp-active-quote{text-align:left;justify-content:flex-start;padding-left:0;font-size:30px}@media(max-width:700px){#experiencia .exp-active-quote{font-size:clamp(18px,4.2vw,23px)}}

#experiencia .is-playing .exp-caption{display:block}
#experiencia .exp-volume{position:absolute;left:calc(50% + 180px);top:410px;width:200px;z-index:6;display:grid;gap:7px;text-align:center;color:#D2AD68;font:10px Poppins,sans-serif;letter-spacing:.13em}
#experiencia .exp-volume input{appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y;--volume:0%}
#experiencia .exp-volume input::-webkit-slider-runnable-track{height:4px;border-radius:6px;background:linear-gradient(90deg,#F1D99A,#C89A4B);box-shadow:0 0 6px #F1D99A66}
#experiencia .exp-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border:1px solid #F1D99A;border-radius:50%;background:linear-gradient(130deg,#fff1c7,#C89A4B);box-shadow:0 0 7px #F1D99A88}
#experiencia .exp-volume input::-moz-range-track{height:4px;background:#D2AD68;box-shadow:0 0 6px #F1D99A66}
#experiencia .exp-volume input::-moz-range-thumb{width:12px;height:12px;border:1px solid #F1D99A;border-radius:50%;background:#F1D99A}
@media(max-width:700px){#experiencia .exp-volume{left:calc(50% + 127px);top:330px;width:clamp(88px,22vw,140px)}}

#experiencia .exp-volume{top:422px;width:170px}@media(max-width:700px){#experiencia .exp-volume{top:342px;width:clamp(75px,19vw,120px)}}