.rutas_turisticas_banner_area{position:relative;overflow:hidden}.parallax-effect{width:100%;height:600px;position:relative}.banner-image{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity 1s ease-in-out,transform 1s ease-in-out;position:absolute;top:0;left:0;transform:translate(0)}.prev-button,.next-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#000000b3,#323232b3);border:2px solid #fff6;border-radius:50%;padding:12px 16px;font-size:28px;transition:all .3s;box-shadow:0 4px 8px #0000004d}.prev-button:hover,.next-button:hover{color:#000;background:linear-gradient(135deg,#fffc,#dcdcdccc);transform:scale(1.2);box-shadow:0 6px 12px #00000080}.fade-in{opacity:1;transform:translate(0)}.fade-out{opacity:0;transform:translate(-50px)}.rutas_turisticas_banner_content{color:#fff;text-align:center;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rutas_turisticas_banner_content h2{text-shadow:2px 2px 8px #000000b3;font-size:48px;font-weight:700}.image-navigation{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.prev-button,.next-button{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;padding:10px 15px;font-size:24px;transition:background .3s}.prev-button:hover,.next-button:hover{color:#000;background:#fffc}@media (max-width:768px){.rutas_turisticas_banner_content h2{font-size:32px}.parallax-effect{height:400px}}
.circle-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.circle{color:currentColor;border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;transition:color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.circle:before{content:"";z-index:0;background-color:currentColor;border-radius:50%;width:300%;height:300%;transition:top .4s;position:absolute;top:100%;left:-100%}.circle:hover:before{top:0}.circle:hover{transform:scale(1.05)}.circle .count,.circle .label{z-index:1;transition:color .3s;position:relative}.circle:hover .count,.circle:hover .label{color:#fff!important}.count{font-size:24px;font-weight:700}.label{text-align:center;font-size:14px}.box.one .circle{color:#ff4d6d}.box.five .circle{color:#d4af37}.box.two .circle{color:#07c}.box.six .circle{color:#f77f00}.box.three .circle{color:#a259ff}.box.four .circle{color:#4cd137}