.banner{width:100%;height:52vh;min-height:460px;text-align:center;overflow:visible;position:relative;padding-bottom:90px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:transparent}.banner .slider{position:relative;width:280px;height:220px;transform-style:preserve-3d;transform:perspective(var(--angulo-slider));animation:autoRun 30s linear infinite}@keyframes autoRun{0%{transform:perspective(var(--angulo-slider)) rotateX(-8deg) rotateY(0)}to{transform:perspective(var(--angulo-slider)) rotateX(-8deg) rotateY(360deg)}}.banner .slider .item{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(380px);border-radius:14px;overflow:hidden;border:1px solid rgba(235,89,57,.15);transition:border-color .4s ease}.banner .slider:hover .item:hover{border-color:#eb593980}.banner .slider .item img{width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 20px 50px #000000b3,0 0 30px #eb593914}.banner .item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#eb59392e,#000000d1);color:#fff;padding:28px 15px 16px;text-align:center;transform:translateZ(10px);transition:all .4s ease}.banner .item-overlay p{margin:0;font-size:1rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.9);line-height:1.3;letter-spacing:.03em;color:#fff}.banner .slider:hover .item-overlay{background:linear-gradient(transparent,#eb593947,#000000e6);padding-bottom:20px}@media(max-width:1200px){.banner{height:48vh;padding-bottom:80px;min-height:420px}.banner .slider{width:250px;height:200px}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(340px)}}@media(max-width:1023px){.banner{height:44vh;padding-bottom:70px;min-height:380px}.banner .slider{width:200px;height:190px}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(290px)}}@media(max-width:767px){.banner{height:40vh;padding-bottom:60px;min-height:340px}.banner .slider{width:170px;height:140px}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(230px)}.banner .item-overlay p{font-size:.9rem}}@media(max-width:480px){.banner{height:36vh;padding-bottom:50px;min-height:290px}.banner .slider{width:140px;height:115px}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(195px)}.banner .item-overlay p{font-size:.8rem}}