@import url("https://fonts.googleapis.com/css2?family=Boldonse&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");.bar-servicios{padding:3rem 0}@media (min-width:992px){.bar-servicios{display:none}}.bar-servicios__content{width:calc(100% - 1.2rem);max-width:1274px;margin:0 auto;display:flex;justify-content:center;align-items:center}.bar-servicios__content .circle-container{position:relative;width:120px;height:120px;cursor:pointer;text-decoration:none;display:block}.bar-servicios__content .circle{width:100%;height:100%;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 32px rgba(0,0,0,.2);border:2px solid rgba(0,0,0,.872);transition:transform .3s ease,box-shadow .3s ease;animation:pulse 2s ease-in-out infinite}.bar-servicios__content .circle:hover{transform:scale(1.05);box-shadow:0 12px 48px rgba(0,0,0,.3);animation:none}.bar-servicios__content .icon{width:35px;height:35px;animation:float 3s ease-in-out infinite;position:relative;margin-left:25px}.bar-servicios__content .icon:before{content:"";background-image:url('data:image/svg+xml,<svg fill="%23ffffff" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.998 511.998" xml:space="preserve" transform="matrix(1, 0, 0, 1, 0, 0)" stroke="%23ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"/><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/><g id="SVGRepo_iconCarrier"><g><g><circle cx="124.049" cy="140.897" r="12.791"/></g></g><g><g><circle cx="70.34" cy="140.897" r="12.791"/></g></g><g><g><circle cx="177.758" cy="140.897" r="12.791"/></g></g><g><g><circle cx="231.509" cy="140.897" r="12.791"/></g></g><g><g><circle cx="338.893" cy="140.897" r="12.791"/></g></g><g><g><circle cx="285.184" cy="140.897" r="12.791"/></g></g><g><g><path d="M497.553,157.161c-15.224-22.784-46.37-40.806-89.216-28.331c0-0.222,0.009-0.495,0.009-0.717 c0-14.123-11.452-25.574-25.574-25.574H25.574C11.452,102.531,0,113.983,0,128.105c0,69.555,14.421,216.098,127.889,261.53v19.823 h153.455v-20.164c33.553-13.645,58.445-36.011,76.732-62.805c0.495,5.129,1.784,10.513,4.224,16.239 c2.074,4.872,6.793,7.782,11.768,7.782c1.672,0,3.371-0.324,5.018-1.024c6.494-2.756,9.515-10.274,6.741-16.776 c-2.594-6.11-3.226-10.692-1.852-13.611c3.371-7.27,20.48-12.467,37.043-17.485c22.409-6.81,47.778-14.515,65.365-32.742 C515.712,238.407,520.431,191.431,497.553,157.161z M25.574,128.105c11.145,0,26.718,0,44.766,0c16.102,0,34.167,0,53.709,0 c17.178,0,35.277,0,53.709,0c17.835,0,35.925,0,53.717,0c18.466,0,36.599,0,53.709,0c19.669,0,37.726,0,53.709,0 c17.98,0,33.28,0,43.878,0c0,8.986-0.452,17.212-0.819,25.574h-43.059h-53.709h-53.709h-53.717h-53.709H70.34H26.394 C26.027,145.309,25.574,137.091,25.574,128.105z M204.177,378.149c-65.271,0-160.102-30.276-176.034-198.886h352.068 C364.279,347.873,269.449,378.149,204.177,378.149z M467.959,251.122c-12.937,13.44-34.944,20.122-54.374,26.018 c-13.261,4.036-25.762,8.201-35.814,14.191c20.489-45.636,27.725-96.41,29.773-135.586c29.423-11.537,54.417-5.803,68.736,15.616 C489.865,191.73,491.588,226.606,467.959,251.122z"/></g></g></g></svg>');background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:100%;display:block;filter:invert(100%) drop-shadow(0 4px 8px rgba(0,0,0,.2))}.bar-servicios__content .text{margin-top:-22px;text-transform:uppercase;font-family:"Roboto",sans-serif;font-size:1rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:2px;animation:fadeInUp 1s ease forwards;animation-delay:.5s;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{from{transform:translateY(20px)}to{transform:translateY(0)}}.bar-servicios__content .circle-container:hover .text{animation:bounce .6s ease}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}main.dark .bar-servicios__content .circle{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3)}main.dark .bar-servicios__content .icon:before{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}main.dark .text{color:#fff}