:where(.elementor-widget-entel-ya), :where(.elementor-widget-entel-ya) > .elementor-widget-container { width: 100%; max-width: none; overflow: visible; } #ia-edu-widget-container { --accent: #00f3ff; --hero-spacing: 50px; --img1-size: 150px; --img2-size: 450px; --img1-x: 0px; --img1-y: 0px; --img2-x: 0px; --img2-y: 0px; --cursor-glow: 3; --btn-text-color: #ffffff; --btn-icon-color: #ffffff; display: flex; width: 100%; min-height: var(--ya-min-height-current, 600px); overflow: hidden; background-color: #050508; font-family: 'Rajdhani', sans-serif; cursor: none !important; position: relative; text-align: left; box-sizing: border-box; line-height: normal; } #ia-edu-widget-container.ya-full-bleed { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); overflow-x: clip; } @supports (width: 100dvw) { #ia-edu-widget-container.ya-full-bleed { width: 100dvw; max-width: 100dvw; margin-inline: calc(50% - 50dvw); } } #ia-edu-widget-container * { box-sizing: border-box; margin: 0; padding: 0; cursor: none !important; } #ia-edu-widget-container img { max-width: 100%; height: auto; display: block; border: none; border-radius: 0; box-shadow: none; } #ia-edu-widget-container a { text-decoration: none; box-shadow: none; border: none; } #ia-edu-widget-container .preview-canvas { flex: 1; display: flex; justify-content: center; align-items: center; overflow-y: auto; background-color: #121218; position: relative; background-image: radial-gradient(circle at center, #1b1b24 0%, #0a0a0d 100%); width: 100%; min-width: 100%; } #ia-edu-widget-container #custom-cursor { position: fixed; pointer-events: none; z-index: 999999 !important; display: none; transition: transform 0.1s; } #ia-edu-widget-container .cursor-neon { width: 14px; height: 14px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); animation: neon-breathe 1s infinite alternate; } @keyframes neon-breathe { 0% { box-shadow: 0 0 calc(2px * var(--cursor-glow)) var(--accent), 0 0 calc(5px * var(--cursor-glow)) var(--accent); transform: translate(-50%, -50%) scale(1); } 100% { box-shadow: 0 0 calc(5px * var(--cursor-glow)) var(--accent), 0 0 calc(10px * var(--cursor-glow)) var(--accent); transform: translate(-50%, -50%) scale(1.3); } } #ia-edu-widget-container .cursor-arrow { width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M4 2l6 19 3-8 8-3z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; filter: drop-shadow(0 0 calc(3px * var(--cursor-glow)) var(--accent)); transform: translate(-2px, -2px); } #ia-edu-widget-container .cursor-radar { width: 12px; height: 12px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); position: relative; box-shadow: 0 0 calc(3px * var(--cursor-glow)) var(--accent); } #ia-edu-widget-container .cursor-radar::after { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; border: 2px solid var(--accent); border-radius: 50%; transform: translate(-50%, -50%); animation: radar-ping 1.2s infinite ease-out; } @keyframes radar-ping { 0% { width: 12px; height: 12px; opacity: 1; } 100% { width: 90px; height: 90px; opacity: 0; border-width: 4px;} } #ia-edu-widget-container .cursor-orbit { width: 12px; height: 12px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); position: relative; box-shadow: 0 0 calc(4px * var(--cursor-glow)) var(--accent); } #ia-edu-widget-container .cursor-orbit::before { content: ''; position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); transform: translate(-50%, -50%); } #ia-edu-widget-container .cursor-orbit::after { content: ''; position: absolute; top: -16px; left: 50%; width: 10px; height: 10px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 calc(3px * var(--cursor-glow)) var(--accent); transform-origin: 0 22px; animation: orbit-spin 1.2s linear infinite; } @keyframes orbit-spin { 0% { transform: rotate(0deg) translateX(-50%); } 100% { transform: rotate(360deg) translateX(-50%); } } #ia-edu-widget-container #hero-wrapper { width: 100%; height: 100%; position: relative; padding: var(--hero-spacing); background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 50px 50px; display: flex; transition: all 0.5s ease; } #ia-edu-widget-container #hero-wrapper::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: 70%; background: radial-gradient(circle, var(--accent) 0%, transparent 60%); opacity: 0.12; z-index: 0; pointer-events: none; transition: background 0.3s; } #ia-edu-widget-container .hero-content { z-index: 10; display: flex; flex-direction: column; justify-content: center; position: relative; transition: all 0.4s ease; text-align: left; align-items: flex-start;} #ia-edu-widget-container .hero-title { font-family: 'Orbitron', sans-serif; font-size: var(--ya-title-size-current, 3.5rem); font-weight: 900; text-transform: uppercase; margin-bottom: 20px; text-shadow: 0 0 15px var(--accent); line-height: 1.1; transition: 0.3s; color:#fff;} #ia-edu-widget-container .hero-title span { color: var(--accent); } #ia-edu-widget-container .hero-desc { font-size: var(--ya-desc-size-current, 1.3rem); color: #a0aec0; margin-bottom: 30px; line-height: 1.5; text-shadow: 0 2px 4px rgba(0,0,0,0.8); max-width: 600px; transition: 0.3s; overflow-wrap: anywhere;} #ia-edu-widget-container .hero-img-container { display: flex; align-items: center; justify-content: center; position: relative; z-index: 5; transition: all 0.4s ease; } #ia-edu-widget-container .img1-col { width: var(--img1-size); height: var(--img1-size); transform: translate(var(--img1-x), var(--img1-y)); } #ia-edu-widget-container .img2-col { width: var(--img2-size); height: var(--img2-size); transform: translate(var(--img2-x), var(--img2-y)); } #ia-edu-widget-container .hero-img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 20px var(--accent)); } #ia-edu-widget-container .ya-image-motion { transform-origin: center center; will-change: transform, filter; backface-visibility: hidden; } #ia-edu-widget-container .img1-col { --ya-image-motion-speed: var(--ya-img1-motion-speed-current, 6s); } #ia-edu-widget-container .img2-col { --ya-image-motion-speed: var(--ya-img2-motion-speed-current, 4s); } #ia-edu-widget-container .ya-motion-float { animation: ya-image-float var(--ya-image-motion-speed) ease-in-out infinite !important; } #ia-edu-widget-container .ya-motion-levitate { animation: ya-image-levitate var(--ya-image-motion-speed) ease-in-out infinite !important; } #ia-edu-widget-container .ya-motion-orbit { animation: ya-image-orbit var(--ya-image-motion-speed) linear infinite !important; } #ia-edu-widget-container .ya-motion-sway { animation: ya-image-sway var(--ya-image-motion-speed) ease-in-out infinite !important; } #ia-edu-widget-container .ya-motion-pulse { animation: ya-image-pulse var(--ya-image-motion-speed) ease-in-out infinite !important; } #ia-edu-widget-container .ya-motion-none { animation: none !important; } @keyframes ya-image-float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -18px, 0); } } @keyframes ya-image-levitate { 0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); } 50% { transform: translate3d(0, -18px, 0) rotate(7deg) scale(1.04); } } @keyframes ya-image-orbit { 0% { transform: rotate(0deg) translateX(8px) rotate(0deg); } 100% { transform: rotate(360deg) translateX(8px) rotate(-360deg); } } @keyframes ya-image-sway { 0%, 100% { transform: translate3d(-8px, 0, 0) rotate(-3deg); } 50% { transform: translate3d(8px, -8px, 0) rotate(3deg); } } @keyframes ya-image-pulse { 0%, 100% { transform: scale(0.96); filter: drop-shadow(0 0 12px var(--accent)); } 50% { transform: scale(1.06); filter: drop-shadow(0 0 28px var(--accent)); } } #ia-edu-widget-container .float-anim { animation: float-img 4s ease-in-out infinite; } @keyframes float-img { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } #ia-edu-widget-container .hidden-img { display: none !important; } @media (min-width: 1367px) { #ia-edu-widget-container .ya-hide-img1-desktop, #ia-edu-widget-container .ya-hide-img2-desktop { display: none !important; } } @media (min-width: 1025px) and (max-width: 1366px) { #ia-edu-widget-container .ya-hide-img1-laptop, #ia-edu-widget-container .ya-hide-img2-laptop { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { #ia-edu-widget-container .ya-hide-img1-tablet, #ia-edu-widget-container .ya-hide-img2-tablet { display: none !important; } } @media (max-width: 767px) { #ia-edu-widget-container .ya-hide-img1-mobile, #ia-edu-widget-container .ya-hide-img2-mobile { display: none !important; } } #ia-edu-widget-container .btn-wrapper { position: relative; z-index: 20; display: inline-flex; width: max-content; } #ia-edu-widget-container .wp-btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; gap: var(--ya-btn-gap-current, 12px); font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: var(--ya-btn-font-size-current, 1.1rem); text-decoration: none; padding: var(--ya-btn-padding-top-current, 15px) var(--ya-btn-padding-right-current, 30px) var(--ya-btn-padding-bottom-current, 15px) var(--ya-btn-padding-left-current, 30px); border-radius: 5px; transition: all 0.3s; max-width: 100%; width: 100%; position: relative; overflow: hidden; line-height: 1.2; flex-direction: var(--ya-btn-direction-current, row); white-space: normal; overflow-wrap: anywhere; } #ia-edu-widget-container .wp-btn.has-custom-text { color: var(--btn-text-color) !important; } #ia-edu-widget-container .wp-btn.has-custom-icon svg { fill: var(--btn-icon-color) !important; } #ia-edu-widget-container .wp-btn .btn-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; position: relative; z-index: 2; } #ia-edu-widget-container .wp-btn svg { width: var(--ya-btn-icon-size-current, 24px) !important; height: var(--ya-btn-icon-size-current, 24px) !important; min-width: var(--ya-btn-icon-size-current, 24px) !important; flex-shrink: 0; fill: currentColor; position: relative; z-index: 2; transition: fill 0.3s ease; } #ia-edu-widget-container #displayBtnText { position: relative; z-index: 2; display: inline-block; } #ia-edu-widget-container .hidden-icon { display: none !important; } #ia-edu-widget-container .btn-style-1 { background: #25D366; color: #000; border: 2px solid transparent;} #ia-edu-widget-container .btn-style-1.is-animating { animation: neon-pulse 2s infinite; } #ia-edu-widget-container .btn-style-1:hover { transform: scale(1.05); box-shadow: 0 0 25px #25D366, 0 0 10px #fff inset; } #ia-edu-widget-container .btn-style-2 { background: transparent; color: var(--accent); border: 2px solid var(--accent); text-transform: uppercase; } #ia-edu-widget-container .btn-style-2.is-animating { animation: slow-glitch 4s infinite; } #ia-edu-widget-container .btn-style-2:hover { animation: glitch-skew 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite; background: var(--accent); color: #000; } #ia-edu-widget-container .btn-style-3 { background: var(--accent); color: #000; border-radius: 0; clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px); font-weight: 900; border: none;} #ia-edu-widget-container .btn-style-3.is-animating { animation: cyber-breathe 3s infinite alternate; } #ia-edu-widget-container .btn-style-3:hover { background: #fff; box-shadow: 0 0 20px #fff; } #ia-edu-widget-container .btn-style-4 { background: #050508; color: var(--accent); border: 1px solid var(--accent); border-radius: 8px; transform: translateY(-4px); box-shadow: 0 6px 0 var(--accent), 0 15px 20px rgba(0,0,0,0.6); } #ia-edu-widget-container .btn-style-4.is-animating { animation: physical-float 3s infinite ease-in-out; } #ia-edu-widget-container .btn-style-4:hover { transform: translateY(0); box-shadow: 0 0 0 var(--accent), 0 5px 10px rgba(0,0,0,0.5); background: var(--accent); color: #000; } #ia-edu-widget-container .btn-style-5 { background: #0a0a0a; color: #fff; border: 1px solid rgba(255,255,255,0.2); } #ia-edu-widget-container .btn-style-5.is-animating::after { content: ''; position: absolute; top: 0; left: -100%; width: 5px; height: 100%; background: var(--accent); box-shadow: 0 0 20px var(--accent); animation: scan-line 2s linear infinite; } #ia-edu-widget-container .btn-style-5:hover { background: #1a1a1a; color: var(--accent); border-color: var(--accent); } #ia-edu-widget-container .btn-style-6 { background: rgba(255, 255, 255, 0.05); color: #fff; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); border-radius: 50px; } #ia-edu-widget-container .btn-style-6.is-animating::before { content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); transform: skewX(-20deg); animation: glass-sweep 4s infinite; } #ia-edu-widget-container .btn-style-6:hover { border-color: var(--accent); box-shadow: 0 0 15px rgba(0,243,255,0.3); } @keyframes neon-pulse { 0% { box-shadow: 0 0 5px #25D366; } 50% { box-shadow: 0 0 25px #25D366, 0 0 10px #fff inset; } 100% { box-shadow: 0 0 5px #25D366; } } @keyframes glitch-skew { 0%, 100% { transform: skew(0deg); } 20% { transform: skew(-15deg); } 60% { transform: skew(15deg); } } @keyframes slow-glitch { 0%, 95%, 100% { transform: skew(0deg); filter: blur(0); } 96% { transform: skew(-10deg); filter: blur(2px); } 98% { transform: skew(10deg); } } @keyframes cyber-breathe { 0% { filter: drop-shadow(0 0 5px var(--accent)); } 100% { filter: drop-shadow(0 0 15px var(--accent)); } } @keyframes physical-float { 0%, 100% { transform: translateY(-4px); } 50% { transform: translateY(-8px); box-shadow: 0 10px 0 var(--accent), 0 20px 25px rgba(0,0,0,0.6); } } @keyframes scan-line { 0% { left: -10%; } 100% { left: 110%; } } @keyframes glass-sweep { 0%, 70% { left: -150%; } 100% { left: 150%; } } #ia-edu-widget-container .animated-item { animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); } #ia-edu-widget-container .delay-1 { animation-delay: 0.1s; } #ia-edu-widget-container .delay-2 { animation-delay: 0.25s; } #ia-edu-widget-container .delay-3 { animation-delay: 0.4s; } #ia-edu-widget-container .delay-4 { animation-delay: 0.55s; } #ia-edu-widget-container .delay-5 { animation-delay: 0.7s; } #ia-edu-widget-container .anim-fade-up { animation-name: animFadeUp; } @keyframes animFadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } #ia-edu-widget-container .anim-zoom { animation-name: animZoom; } @keyframes animZoom { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } #ia-edu-widget-container .anim-slide-side { animation-name: animSlideSide; } @keyframes animSlideSide { 0% { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); } } #ia-edu-widget-container .anim-bounce { animation-name: animBounce; } @keyframes animBounce { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } #ia-edu-widget-container .anim-cyber { animation-name: animCyber; } @keyframes animCyber { 0% { opacity: 0; transform: translate(-20px, 10px) skewX(20deg); filter: blur(5px); } 20% { opacity: 0.8; transform: translate(10px, -10px) skewX(-20deg); filter: blur(0px); } 40% { opacity: 0.5; transform: translate(-5px, 5px) skewX(10deg); } 60% { opacity: 1; transform: translate(5px, -5px) skewX(-5deg); } 100% { opacity: 1; transform: translate(0, 0) skewX(0deg); } } #ia-edu-widget-container .layout-classic { flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; } #ia-edu-widget-container .layout-classic .img1-col { order: 1; z-index: 50; } #ia-edu-widget-container .layout-classic .hero-content { order: 2; flex: 1.5; text-align: center; align-items: center;} #ia-edu-widget-container .layout-classic .img2-col { order: 3; z-index: 5;} #ia-edu-widget-container .layout-classic .img1-col .ya-motion-auto { animation: explore-around var(--ya-image-motion-speed) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite !important; } @keyframes explore-around { 0% { transform: translate(0, 0) scale(1) rotate(0deg); filter: drop-shadow(0 0 15px var(--accent)); } 20% { transform: translate(60px, -50px) scale(1.1) rotate(10deg); filter: drop-shadow(0 0 25px var(--accent)); } 40% { transform: translate(120px, -10px) scale(1) rotate(-5deg); filter: drop-shadow(0 0 10px var(--accent)); } 60% { transform: translate(80px, 60px) scale(1.2) rotate(15deg); filter: drop-shadow(0 0 30px var(--accent)); } 80% { transform: translate(20px, 30px) scale(0.9) rotate(-10deg); filter: drop-shadow(0 0 15px var(--accent)); } 100% { transform: translate(0, 0) scale(1) rotate(0deg); filter: drop-shadow(0 0 15px var(--accent)); } } #ia-edu-widget-container .layout-portal { flex-direction: row; align-items: center; justify-content: space-between; } #ia-edu-widget-container .layout-portal .hero-content { order: 1; width: 45%; text-align: left; z-index: 10; padding: 40px; } #ia-edu-widget-container .layout-portal .img2-col { order: 2; position: relative; z-index: 5; margin-right: 5%; } #ia-edu-widget-container .layout-portal .img2-col::before { content: ''; position: absolute; top: 50%; left: 50%; width: 120%; height: 120%; transform: translate(-50%, -50%); border: 4px solid var(--accent); border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; animation: morph-portal 8s ease-in-out infinite; box-shadow: 0 0 30px var(--accent) inset, 0 0 30px var(--accent); z-index: -1; } @keyframes morph-portal { 0% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } 50% { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%; } 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } } #ia-edu-widget-container .layout-portal .img1-col { position: absolute; left: 45%; bottom: 15%; z-index: 15; } #ia-edu-widget-container .layout-portal .img1-col .ya-motion-auto { animation: ya-image-float var(--ya-image-motion-speed) ease-in-out infinite !important; } #ia-edu-widget-container .layout-centered { align-items: center; justify-content: center; flex-direction: column; } #ia-edu-widget-container .layout-centered .img2-col { position: absolute; top: 50%; left: 50%; opacity: 0.15; z-index: 0; pointer-events: none; width: 100%; height: 100%; transform: translate(calc(-50% + var(--img2-x)), calc(-50% + var(--img2-y))); } #ia-edu-widget-container .layout-centered .hero-content { order: 2; background: rgba(5, 5, 10, 0.85); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.1); border-top: 3px solid var(--accent); padding: 50px; border-radius: 20px; max-width: 800px; text-align: center; align-items: center; z-index: 20; box-shadow: 0 20px 50px rgba(0,0,0,0.8); } #ia-edu-widget-container .layout-centered .img1-col { position: absolute; top: 5%; left: 5%; z-index: 30; } #ia-edu-widget-container .layout-centered .img1-col .ya-motion-auto { animation: astrobot-levitate var(--ya-image-motion-speed) ease-in-out infinite !important; } @keyframes astrobot-levitate { 0%, 100% { transform: translateY(0) rotate(0deg); filter: drop-shadow(0 0 10px var(--accent)); } 50% { transform: translateY(-15px) rotate(8deg) scale(1.05); filter: drop-shadow(0 0 25px var(--accent)); } } #ia-edu-widget-container .layout-glass { align-items: center; justify-content: center; flex-direction: row; border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; background-color: rgba(10, 10, 15, 0.7); backdrop-filter: blur(20px); max-width: 1200px; margin: auto; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);} #ia-edu-widget-container .layout-glass .hero-content { order: 1; text-align: left; width: 50%; padding-right: 40px; } #ia-edu-widget-container .layout-glass .img2-col { order: 2; width: 50%; display: flex; justify-content: center; align-items: center; } #ia-edu-widget-container .layout-glass .img1-col { position: absolute; bottom: 5%; right: 45%; z-index: 20; } #ia-edu-widget-container .layout-glass .img1-col .ya-motion-auto { animation: ya-image-float var(--ya-image-motion-speed) ease-in-out infinite !important; } #ia-edu-widget-container .layout-floating-card { flex-direction: row; align-items: center; justify-content: center; position: relative;} #ia-edu-widget-container .layout-floating-card .hero-content { background: rgba(20, 20, 25, 0.6); backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 50px 60px; width: 60%; z-index: 10; box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 40px rgba(0, 243, 255, 0.1); text-align: left; } #ia-edu-widget-container .layout-floating-card .img2-col { position: absolute; right: -8%; top: 10%; z-index: 20; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.6)); } #ia-edu-widget-container .layout-floating-card .img1-col { position: absolute; left: 5%; bottom: 10%; z-index: 25; } #ia-edu-widget-container .layout-floating-card .img1-col .ya-motion-auto { animation: ya-image-float var(--ya-image-motion-speed) ease-in-out infinite !important; } #ia-edu-widget-container .layout-hex { flex-direction: row; align-items: center; justify-content: flex-end; padding-right: 5%;} #ia-edu-widget-container .layout-hex .hero-content { order: 2; width: 50%; text-align: left; padding-left: 40px; z-index: 10; border-left: 2px dashed var(--accent); } #ia-edu-widget-container .layout-hex .img2-col { order: 1; width: 50%; position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; } #ia-edu-widget-container .layout-hex .img2-col::before { content: ''; position: absolute; top: 50%; left: 50%; width: 120%; height: 120%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.03); border: 2px solid var(--accent); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: -1; box-shadow: 0 0 20px var(--accent) inset; } #ia-edu-widget-container .layout-hex .img1-col { position: absolute; top: 10%; right: 45%; z-index: 15; } #ia-edu-widget-container .layout-hex .img1-col .ya-motion-auto { animation: hex-mini-float var(--ya-image-motion-speed) ease-in-out infinite !important; } @keyframes hex-mini-float { 0% { transform: translateY(0); } 50% { transform: translateY(-40px); } 100% { transform: translateY(0); } } #ia-edu-widget-container .img2-col .ya-motion-auto { animation: ya-image-float var(--ya-image-motion-speed) ease-in-out infinite !important; } @media (max-width: 1024px) { #ia-edu-widget-container .hero-title { font-size: var(--ya-title-size-current, 2.5rem) !important; } } @media (max-width: 768px) { #ia-edu-widget-container #hero-wrapper { display: flex !important; flex-direction: column !important; padding: 20px; text-align: center; justify-content: flex-start; overflow-y: auto; align-items: center; border: none !important; background-color: transparent !important; box-shadow: none !important; } #ia-edu-widget-container .hero-content { width: 100% !important; order: 1 !important; text-align: center !important; padding: 10px !important; background: transparent !important; border: none !important; box-shadow: none !important; clip-path: none !important; margin-bottom: 20px; transform: none !important; position: relative !important; top: auto !important; left: auto !important;} #ia-edu-widget-container .hero-title { font-size: var(--ya-title-size-current, 2rem) !important; -webkit-text-stroke: 0 !important; color: #fff !important; white-space: normal !important; opacity: 1 !important;} #ia-edu-widget-container .hero-desc { font-size: var(--ya-desc-size-current, 1.1rem) !important; display: block !important;} #ia-edu-widget-container .btn-wrapper { width: 100%; justify-content: center; margin: 0 auto; } #ia-edu-widget-container .img1-col, #ia-edu-widget-container .img2-col { position: relative !important; order: 2 !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; transform: none !important; margin: 10px auto !important; background: transparent !important; border: none !important; clip-path: none !important;} #ia-edu-widget-container .img1-col { width: var(--img1-size) !important; height: var(--img1-size) !important; } #ia-edu-widget-container .img2-col { width: 100% !important; max-width: var(--img2-size) !important; height: var(--img2-size) !important; } #ia-edu-widget-container .layout-portal .img2-col::before, #ia-edu-widget-container .layout-hex .img2-col::before { display: none; } #ia-edu-widget-container .preview-canvas, #ia-edu-widget-container .preview-canvas * { cursor: auto !important; } #ia-edu-widget-container #custom-cursor { display: none !important; } } #ia-edu-widget-container[data-entel-device="desktop"] { --img1-size: var(--ya-img1-size-desktop); --img1-x: var(--ya-img1-x-desktop); --img1-y: var(--ya-img1-y-desktop); --img2-size: var(--ya-img2-size-desktop); --img2-x: var(--ya-img2-x-desktop); --img2-y: var(--ya-img2-y-desktop); --ya-min-height-current: var(--ya-min-height-desktop); --hero-spacing: var(--ya-hero-spacing-desktop); --ya-title-size-current: var(--ya-title-size-desktop); --ya-desc-size-current: var(--ya-desc-size-desktop); --ya-btn-font-size-current: var(--ya-btn-font-size-desktop); --ya-btn-icon-size-current: var(--ya-btn-icon-size-desktop); --ya-btn-gap-current: var(--ya-btn-gap-desktop); --ya-btn-padding-top-current: var(--ya-btn-padding-top-desktop); --ya-btn-padding-right-current: var(--ya-btn-padding-right-desktop); --ya-btn-padding-bottom-current: var(--ya-btn-padding-bottom-desktop); --ya-btn-padding-left-current: var(--ya-btn-padding-left-desktop); --ya-img1-motion-speed-current: var(--ya-img1-motion-speed-desktop); --ya-img2-motion-speed-current: var(--ya-img2-motion-speed-desktop); --ya-content-align-current: var(--ya-content-align-desktop); --ya-content-items-current: var(--ya-content-items-desktop); --ya-btn-align-current: var(--ya-btn-align-desktop); --ya-btn-direction-current: var(--ya-btn-direction-desktop); } #ia-edu-widget-container[data-entel-device="laptop"] { --img1-size: var(--ya-img1-size-laptop); --img1-x: var(--ya-img1-x-laptop); --img1-y: var(--ya-img1-y-laptop); --img2-size: var(--ya-img2-size-laptop); --img2-x: var(--ya-img2-x-laptop); --img2-y: var(--ya-img2-y-laptop); --ya-min-height-current: var(--ya-min-height-laptop); --hero-spacing: var(--ya-hero-spacing-laptop); --ya-title-size-current: var(--ya-title-size-laptop); --ya-desc-size-current: var(--ya-desc-size-laptop); --ya-btn-font-size-current: var(--ya-btn-font-size-laptop); --ya-btn-icon-size-current: var(--ya-btn-icon-size-laptop); --ya-btn-gap-current: var(--ya-btn-gap-laptop); --ya-btn-padding-top-current: var(--ya-btn-padding-top-laptop); --ya-btn-padding-right-current: var(--ya-btn-padding-right-laptop); --ya-btn-padding-bottom-current: var(--ya-btn-padding-bottom-laptop); --ya-btn-padding-left-current: var(--ya-btn-padding-left-laptop); --ya-img1-motion-speed-current: var(--ya-img1-motion-speed-laptop); --ya-img2-motion-speed-current: var(--ya-img2-motion-speed-laptop); --ya-content-align-current: var(--ya-content-align-laptop); --ya-content-items-current: var(--ya-content-items-laptop); --ya-btn-align-current: var(--ya-btn-align-laptop); --ya-btn-direction-current: var(--ya-btn-direction-laptop); } #ia-edu-widget-container[data-entel-device="tablet"] { --img1-size: var(--ya-img1-size-tablet); --img1-x: var(--ya-img1-x-tablet); --img1-y: var(--ya-img1-y-tablet); --img2-size: var(--ya-img2-size-tablet); --img2-x: var(--ya-img2-x-tablet); --img2-y: var(--ya-img2-y-tablet); --ya-min-height-current: var(--ya-min-height-tablet); --hero-spacing: var(--ya-hero-spacing-tablet); --ya-title-size-current: var(--ya-title-size-tablet); --ya-desc-size-current: var(--ya-desc-size-tablet); --ya-btn-font-size-current: var(--ya-btn-font-size-tablet); --ya-btn-icon-size-current: var(--ya-btn-icon-size-tablet); --ya-btn-gap-current: var(--ya-btn-gap-tablet); --ya-btn-padding-top-current: var(--ya-btn-padding-top-tablet); --ya-btn-padding-right-current: var(--ya-btn-padding-right-tablet); --ya-btn-padding-bottom-current: var(--ya-btn-padding-bottom-tablet); --ya-btn-padding-left-current: var(--ya-btn-padding-left-tablet); --ya-img1-motion-speed-current: var(--ya-img1-motion-speed-tablet); --ya-img2-motion-speed-current: var(--ya-img2-motion-speed-tablet); --ya-content-align-current: var(--ya-content-align-tablet); --ya-content-items-current: var(--ya-content-items-tablet); --ya-btn-align-current: var(--ya-btn-align-tablet); --ya-btn-direction-current: var(--ya-btn-direction-tablet); } #ia-edu-widget-container[data-entel-device="mobile"] { --img1-size: var(--ya-img1-size-mobile); --img1-x: var(--ya-img1-x-mobile); --img1-y: var(--ya-img1-y-mobile); --img2-size: var(--ya-img2-size-mobile); --img2-x: var(--ya-img2-x-mobile); --img2-y: var(--ya-img2-y-mobile); --ya-min-height-current: var(--ya-min-height-mobile); --hero-spacing: var(--ya-hero-spacing-mobile); --ya-title-size-current: var(--ya-title-size-mobile); --ya-desc-size-current: var(--ya-desc-size-mobile); --ya-btn-font-size-current: var(--ya-btn-font-size-mobile); --ya-btn-icon-size-current: var(--ya-btn-icon-size-mobile); --ya-btn-gap-current: var(--ya-btn-gap-mobile); --ya-btn-padding-top-current: var(--ya-btn-padding-top-mobile); --ya-btn-padding-right-current: var(--ya-btn-padding-right-mobile); --ya-btn-padding-bottom-current: var(--ya-btn-padding-bottom-mobile); --ya-btn-padding-left-current: var(--ya-btn-padding-left-mobile); --ya-img1-motion-speed-current: var(--ya-img1-motion-speed-mobile); --ya-img2-motion-speed-current: var(--ya-img2-motion-speed-mobile); --ya-content-align-current: var(--ya-content-align-mobile); --ya-content-items-current: var(--ya-content-items-mobile); --ya-btn-align-current: var(--ya-btn-align-mobile); --ya-btn-direction-current: var(--ya-btn-direction-mobile); } #ia-edu-widget-container .hero-content { text-align: var(--ya-content-align-current) !important; align-items: var(--ya-content-items-current) !important; min-width: 0; } #ia-edu-widget-container .btn-wrapper { align-self: var(--ya-btn-align-current); max-width: 100%; } @media (prefers-reduced-motion: reduce) { #ia-edu-widget-container .animated-item, #ia-edu-widget-container .hero-img, #ia-edu-widget-container .wp-btn, #ia-edu-widget-container .wp-btn::before, #ia-edu-widget-container .wp-btn::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; } }:where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper{ --spin-speed: 30s; --layout-gap: 50px; --core-brightness: 1; --img-brightness: 1; --fx-speed: 4s; --fade-speed: 400ms; --active-color: #00f0ff; --circle-preview-padding: 40px; --circle-title-size: 40px; --circle-subtitle-size: 18px; --circle-title-bottom-gap: 40px; --circle-image-width: 280px; --circle-image-height: 420px; --circle-radar-size: 440px; --circle-core-size: 300px; --circle-orbit-radius: 220px; --circle-node-size: 40px; --circle-node-icon-size: 18px; --circle-core-icon-size: 35px; --circle-core-title-size: 18px; --circle-core-desc-size: 14px; --circle-core-padding-top: 35px; --circle-core-padding-right: 25px; --circle-core-padding-bottom: 35px; --circle-core-padding-left: 25px; --circle-effective-preview-padding: var(--circle-fit-preview-padding, var(--circle-preview-padding)); --circle-effective-title-size: var(--circle-fit-title-size, var(--circle-title-size)); --circle-effective-subtitle-size: var(--circle-fit-subtitle-size, var(--circle-subtitle-size)); --circle-effective-title-bottom-gap: var(--circle-fit-title-bottom-gap, var(--circle-title-bottom-gap)); --circle-effective-layout-gap: var(--circle-fit-layout-gap, var(--layout-gap)); --circle-effective-image-width: var(--circle-fit-image-width, var(--circle-image-width)); --circle-effective-image-height: var(--circle-fit-image-height, var(--circle-image-height)); --circle-effective-radar-size: var(--circle-fit-radar-size, var(--circle-radar-size)); --circle-effective-core-size: var(--circle-fit-core-size, var(--circle-core-size)); --circle-effective-orbit-radius: var(--circle-fit-orbit-radius, var(--circle-orbit-radius)); --circle-effective-node-size: var(--circle-fit-node-size, var(--circle-node-size)); --circle-effective-node-icon-size: var(--circle-fit-node-icon-size, var(--circle-node-icon-size)); --circle-effective-core-icon-size: var(--circle-fit-core-icon-size, var(--circle-core-icon-size)); --circle-effective-core-title-size: var(--circle-fit-core-title-size, var(--circle-core-title-size)); --circle-effective-core-desc-size: var(--circle-fit-core-desc-size, var(--circle-core-desc-size)); --circle-effective-core-padding-top: var(--circle-fit-core-padding-top, var(--circle-core-padding-top)); --circle-effective-core-padding-right: var(--circle-fit-core-padding-right, var(--circle-core-padding-right)); --circle-effective-core-padding-bottom: var(--circle-fit-core-padding-bottom, var(--circle-core-padding-bottom)); --circle-effective-core-padding-left: var(--circle-fit-core-padding-left, var(--circle-core-padding-left)); display: flex; flex-direction: column; align-items: center; font-family: "Inter", sans-serif; width: auto; max-width: 100%; min-width: 0; align-self: stretch; container-type: inline-size; container-name: entel-circle; box-sizing: border-box; background-color: transparent; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper *{ box-sizing: border-box; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .preview-canvas{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; min-width: 0; max-width: 100%; padding: var(--circle-effective-preview-padding); overflow: hidden; background-color: #030308; color: #fff; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .main-title-container{ margin-bottom: var(--circle-effective-title-bottom-gap); text-align: center; width: 100%; max-width: 1000px; display: flex; flex-direction: column; gap: 10px; z-index: 50; flex-shrink: 0; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .main-title{ font-family: "Space Grotesk", sans-serif; font-size: var(--circle-effective-title-size); text-transform: uppercase; letter-spacing: 2px; color: #fff; font-weight: 700; text-shadow: 0 0 20px rgba(0,240,255,0.3); margin: 0; overflow-wrap: anywhere; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .sub-title{ font-family: "Inter", sans-serif; font-size: var(--circle-effective-subtitle-size); color: #a5b4fc; margin: 0; overflow-wrap: anywhere; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .anim-none{ animation: none; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .anim-fade{ animation: entel-entel-cards-servicio-fade 1.5s ease forwards; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .anim-slide{ animation: entel-entel-cards-servicio-slideDown 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .anim-tracking{ animation: entel-entel-cards-servicio-trackingIn 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .cont-none{ } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .cont-float{ animation: entel-entel-cards-servicio-floatTitle 4s ease-in-out infinite; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .cont-pulse{ animation: entel-entel-cards-servicio-pulseTitle 3s infinite alternate; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .cont-glow{ animation: entel-entel-cards-servicio-glowTitle 2s infinite alternate; } @keyframes entel-entel-cards-servicio-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes entel-entel-cards-servicio-slideDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } } @keyframes entel-entel-cards-servicio-trackingIn { from { letter-spacing: -15px; opacity: 0; filter: blur(10px); } to { letter-spacing: 2px; opacity: 1; filter: blur(0); } } @keyframes entel-entel-cards-servicio-floatTitle { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes entel-entel-cards-servicio-pulseTitle { 0% { transform: scale(1); } 100% { transform: scale(1.03); } } @keyframes entel-entel-cards-servicio-glowTitle { 0% { text-shadow: 0 0 10px rgba(0,240,255,0.2); } 100% { text-shadow: 0 0 25px rgba(0,240,255,0.8), 0 0 40px rgba(0,240,255,0.4); } } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .widget-layout{ display: flex; align-items: center; justify-content: center; gap: var(--circle-effective-layout-gap); width: 100%; max-width: 1400px; min-width: 0; flex-shrink: 0; transition: gap 0.3s ease; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .img-container{ width: var(--circle-effective-image-width); height: var(--circle-effective-image-height); max-width: 100%; flex-shrink: 0; filter: brightness(var(--img-brightness)); transition: filter 0.3s ease; position: relative; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .img-wrapper{ width: 100%; height: 100%; position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .side-img{ position: absolute; inset: 0; background-size: cover; background-position: center; transition: opacity var(--fade-speed) ease-in-out; z-index: 2; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .img-fx{ position: absolute; inset: 0; z-index: 3; pointer-events: none; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .img-wrapper::before{ content: ""; position: absolute; background: #030308; z-index: 1; transition: all 0.3s; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-tech{ filter: drop-shadow(0 15px 25px rgba(0,0,0,0.8)); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-tech .img-wrapper{ background: var(--active-color); padding: 6px; clip-path: polygon(15% 0%, 100% 0, 100% 85%, 85% 100%, 0 100%, 0% 15%); animation: entel-entel-cards-servicio-fxBreathe var(--fx-speed) ease-in-out infinite alternate; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-tech .img-wrapper::before{ inset: 6px; clip-path: polygon(15% 0%, 100% 0, 100% 85%, 85% 100%, 0 100%, 0% 15%); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-tech .side-img{ position: relative; width: 100%; height: 100%; clip-path: polygon(15% 0%, 100% 0, 100% 85%, 85% 100%, 0 100%, 0% 15%); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-tech .img-fx{ background: linear-gradient(135deg, rgba(0,0,0,0.2), transparent); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-neon .img-wrapper{ padding: 4px; border-radius: 20px; background: var(--active-color); animation: entel-entel-cards-servicio-fxNeon var(--fx-speed) ease-in-out infinite alternate; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-neon .img-wrapper::before{ inset: 4px; border-radius: 16px; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-neon .side-img{ position: relative; width: 100%; height: 100%; border-radius: 16px; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-neon .img-fx{ border-radius: 16px; box-shadow: inset 0 0 20px rgba(0,0,0,0.3); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-glass .img-wrapper{ padding: 10px; border-radius: 24px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.3); animation: entel-entel-cards-servicio-fxFloat var(--fx-speed) ease-in-out infinite; box-shadow: 0 20px 40px rgba(0,0,0,0.6); backdrop-filter: blur(10px); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-glass .img-wrapper::before{ inset: 10px; border-radius: 14px; background: transparent; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-glass .side-img{ position: relative; width: 100%; height: 100%; border-radius: 14px; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-glass .img-fx{ border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-holo .img-wrapper{ padding: 3px; border-radius: 12px; background: var(--active-color); animation: entel-entel-cards-servicio-fxBreathe var(--fx-speed) alternate infinite; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-holo .img-wrapper::before{ inset: 3px; border-radius: 10px; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-holo .side-img{ position: relative; width: 100%; height: 100%; border-radius: 10px; filter: contrast(1.1) saturate(1.1); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-holo .img-fx{ border-radius: 10px; background: repeating-linear-gradient(transparent, transparent 3px, rgba(0,0,0,0.15) 3px, rgba(0,0,0,0.15) 6px); box-shadow: inset 0 0 30px var(--active-color); opacity: 0.7;} :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-none .img-wrapper{ background: transparent; padding: 0; box-shadow: none; border: none; animation: none;} :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-none .img-wrapper::before{ display: none; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-none .side-img{ position: relative; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; border-radius: 0; clip-path: none; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .style-none .img-fx{ display: none; } @keyframes entel-entel-cards-servicio-fxBreathe { 0% { box-shadow: 0 0 10px color-mix(in srgb, var(--active-color) 40%, transparent); } 100% { box-shadow: 0 0 35px color-mix(in srgb, var(--active-color) 80%, transparent); } } @keyframes entel-entel-cards-servicio-fxNeon { 0% { box-shadow: 0 0 15px var(--active-color); } 100% { box-shadow: 0 0 50px var(--active-color); } } @keyframes entel-entel-cards-servicio-fxFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-box{ position: relative; width: var(--circle-effective-radar-size); height: auto; aspect-ratio: 1; max-width: 100%; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-shrink: 0; transition: --active-color var(--fade-speed) ease; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-box::before{ content: ""; position: absolute; width: 100%; height: 100%; border: 2px solid color-mix(in srgb, var(--active-color) 40%, transparent); border-radius: 50%; box-shadow: inset 0 0 60px color-mix(in srgb, var(--active-color) 20%, transparent), 0 0 30px color-mix(in srgb, var(--active-color) 20%, transparent); transition: all var(--fade-speed) ease; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-core{ position: absolute; width: var(--circle-effective-core-size); height: var(--circle-effective-core-size); border-radius: 50%; background: rgba(10,10,18,0.96); border: 2px solid var(--active-color); box-shadow: 0 0 50px color-mix(in srgb, var(--active-color) 60%, transparent), inset 0 0 30px color-mix(in srgb, var(--active-color) 40%, transparent); z-index: 20; display: block; padding: var(--circle-effective-core-padding-top) var(--circle-effective-core-padding-right) var(--circle-effective-core-padding-bottom) var(--circle-effective-core-padding-left); transition: border-color var(--fade-speed) ease, box-shadow var(--fade-speed) ease; backdrop-filter: blur(15px); box-sizing: border-box; filter: brightness(var(--core-brightness)); overflow: hidden; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .r-content{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity var(--fade-speed) ease-in-out; opacity: 1; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-core.switching .r-content{ opacity: 0; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .r-icon{ height: auto; min-height: var(--circle-effective-core-icon-size); display: flex; align-items: center; justify-content: center; margin-bottom: 5px; flex-shrink: 0; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .r-icon svg, :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .r-icon i{ width: var(--circle-effective-core-icon-size); height: var(--circle-effective-core-icon-size); font-size: var(--circle-effective-core-icon-size); stroke: var(--active-color); fill: var(--active-color); color: var(--active-color); stroke-width: 1.5; transition: all var(--fade-speed) ease; filter: drop-shadow(0 0 8px var(--active-color)); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .r-title{ color: #fff; font-size: var(--circle-effective-core-title-size); font-family: "Space Grotesk", sans-serif; font-weight: 700; height: auto; min-height: 2.4em; max-height: 3.6em; line-height: 1.2; margin-bottom: 5px; text-shadow: 0 0 10px color-mix(in srgb, var(--active-color) 50%, transparent); display: flex; align-items: center; justify-content: center; text-align: center; flex-shrink: 0; transition: text-shadow var(--fade-speed) ease; overflow: hidden; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .r-desc{ color: #d1d5db; font-size: var(--circle-effective-core-desc-size); line-height: 1.45; height: auto; max-height: 7.25em; display: block; overflow: hidden; text-align: center; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .rotary-system{ position: absolute; width: 100%; height: 100%; border-radius: 50%; animation: entel-entel-cards-servicio-scan var(--spin-speed) linear infinite; z-index: 10; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-btn{ width: var(--circle-effective-node-size); height: var(--circle-effective-node-size); background: #12121a; border: 2px solid rgba(255,255,255,0.2); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.4s ease; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-btn svg, :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-btn i{ width: var(--circle-effective-node-icon-size); height: var(--circle-effective-node-icon-size); font-size: var(--circle-effective-node-icon-size); stroke: #aaa; fill: #aaa; color: #aaa; stroke-width: 1.5; transition: 0.4s; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-btn.active{ border-color: var(--item-color); background: var(--item-color); box-shadow: 0 0 25px var(--item-color); transform: scale(1.35); } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-btn.active svg, :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-btn.active i{ stroke: #000; fill: #000; color: #000; } @keyframes entel-entel-cards-servicio-scan { 100% { transform: rotate(360deg); } } @keyframes entel-entel-cards-servicio-antiScan { 100% { transform: rotate(-360deg); } } @media (max-width: 1200px) { :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper{ --circle-image-width: 220px; --circle-image-height: 350px; --circle-radar-size: 400px; --circle-core-size: 280px; --circle-orbit-radius: 200px; } } @media (max-width: 767px) { :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper{ --circle-preview-padding: 18px; --circle-radar-size: 320px; --circle-core-size: 220px; --circle-orbit-radius: 160px; --circle-node-size: 34px; --circle-node-icon-size: 15px; --circle-title-size: 28px; --circle-subtitle-size: 14px; --circle-core-title-size: 16px; --circle-core-desc-size: 12px; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .radar-btn.active{ transform: scale(1.2); } } @container entel-circle (max-width: 900px) { :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .widget-layout{ flex-direction: column; align-items: center; justify-content: flex-start; } :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper .img-container{ width: min(var(--circle-effective-image-width), 100%); } } @media (min-width: 1367px) { :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper.circle-hide-images-desktop .img-container, :where(.elementor-widget-entel-cards-servicio) .circle-hide-title-desktop{ display:none!important; } } @media (min-width: 1025px) and (max-width: 1366px) { :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper.circle-hide-images-laptop .img-container, :where(.elementor-widget-entel-cards-servicio) .circle-hide-title-laptop{ display:none!important; } } @media (min-width: 768px) and (max-width: 1024px) { :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper.circle-hide-images-tablet .img-container, :where(.elementor-widget-entel-cards-servicio) .circle-hide-title-tablet{ display:none!important; } } @media (max-width: 767px) { :where(.elementor-widget-entel-cards-servicio) .grupo-intel-radar-wrapper.circle-hide-images-mobile .img-container, :where(.elementor-widget-entel-cards-servicio) .circle-hide-title-mobile{ display:none!important; } }.elementor-widget-entel-cards-cursos, :where(.elementor-widget-entel-cards-cursos) .elementor-widget-grupo_intel_tarjetas_hud{ --cols-desktop: 3; --cols-mobile: 1; --anim-speed: 6s; --anim-dist: -12px; --color-main: #00f3ff; --color-pulse: #ff3366; --color-btn: #ff9900; --font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --fs-tag: 11px; --fs-title: 18px; --fs-details: 14px; --fs-btn: 14px; } .elementor-widget-entel-cards-cursos .cards-grid{ display: grid; grid-template-columns: repeat(var(--cols-desktop), 1fr); gap: 40px; max-width: 1400px; width: 100%; font-family: var(--font-family); } .elementor-widget-entel-cards-cursos .tech-card{ background: linear-gradient(180deg, rgba(3, 16, 28, 0.8) 0%, rgba(2, 10, 18, 0.9) 100%); backdrop-filter: blur(15px); border: 1px solid color-mix(in srgb, var(--color-main) 15%, transparent); border-top: 1px solid color-mix(in srgb, var(--color-main) 40%, transparent); border-radius: 2px 30px 2px 30px; position: relative; display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), inset 0 10px 20px color-mix(in srgb, var(--color-main) 5%, transparent); animation: entel-entel-cards-cursos-entel-cards-floating var(--anim-speed) ease-in-out infinite; will-change: transform, box-shadow, border-color; backface-visibility: hidden; } .elementor-widget-entel-cards-cursos .tech-card:nth-child(2n){ animation-delay: -1.5s; } .elementor-widget-entel-cards-cursos .tech-card:nth-child(3n){ animation-delay: -3s; } @keyframes entel-entel-cards-cursos-entel-cards-floating { 0% { transform: translateY(0px); } 50% { transform: translateY(var(--anim-dist)); } 100% { transform: translateY(0px); } } .elementor-widget-entel-cards-cursos .tech-card::before, .elementor-widget-entel-cards-cursos .tech-card::after{ content: ""; position: absolute; width: 25px; height: 25px; border: 2px solid var(--color-main); transition: all 0.3s; pointer-events: none; z-index: 10; animation: entel-entel-cards-cursos-entel-cards-bracket-pulse 2s infinite alternate; } .elementor-widget-entel-cards-cursos .tech-card::before{ top: -2px; left: -2px; border-right: none; border-bottom: none; border-top-left-radius: 3px; } .elementor-widget-entel-cards-cursos .tech-card::after{ bottom: -2px; right: -2px; border-left: none; border-top: none; border-bottom-right-radius: 3px; } @keyframes entel-entel-cards-cursos-entel-cards-bracket-pulse { 0% { opacity: 0.4; filter: drop-shadow(0 0 1px transparent); } 100% { opacity: 1; filter: drop-shadow(0 0 6px var(--color-main)); } } .elementor-widget-entel-cards-cursos .tech-card:hover{ border-color: color-mix(in srgb, var(--color-main) 80%, transparent); box-shadow: 0 20px 50px color-mix(in srgb, var(--color-main) 20%, transparent), inset 0 0 30px color-mix(in srgb, var(--color-main) 10%, transparent); animation-play-state: paused; transform: translateY(-5px) scale(1.02); } .elementor-widget-entel-cards-cursos .card-header{ padding: 25px 25px 15px; position: relative; z-index: 2; } .elementor-widget-entel-cards-cursos .badge-container{ display: flex; align-items: center; gap: 10px; margin-bottom: 15px; background: color-mix(in srgb, var(--color-main) 5%, transparent); padding: 5px 12px; border-radius: 4px; border-left: 2px solid var(--color-main); width: fit-content; } .elementor-widget-entel-cards-cursos .pulse-dot{ position: relative; width: 8px; height: 8px; background-color: var(--color-pulse); border-radius: 50%; } .elementor-widget-entel-cards-cursos .pulse-dot::after{ content: ""; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border-radius: 50%; border: 2px solid var(--color-pulse); animation: entel-entel-cards-cursos-entel-cards-radar-ring 1.5s linear infinite; } @keyframes entel-entel-cards-cursos-entel-cards-radar-ring { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(2.5); opacity: 0; } } .elementor-widget-entel-cards-cursos .card-type{ font-size: var(--fs-tag); color: var(--color-main); letter-spacing: 2px; font-weight: 800; text-transform: uppercase; margin: 0; line-height: 1; } .elementor-widget-entel-cards-cursos .card-title{ font-size: var(--fs-title); font-weight: 800; line-height: 1.35; color: #ffffff; text-shadow: 0 2px 5px rgba(0,0,0,1); min-height: 50px; text-transform: uppercase; margin: 0; } .elementor-widget-entel-cards-cursos .image-wrapper{ position: relative; width: 100%; height: 200px; clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); overflow: hidden; border-bottom: 2px solid color-mix(in srgb, var(--color-main) 30%, transparent); } .elementor-widget-entel-cards-cursos .card-img{ width: 100%; height: 100%; object-fit: cover; filter: grayscale(30%) sepia(40%) hue-rotate(180deg) contrast(1.3) brightness(0.7); transition: all 0.5s ease; will-change: transform, filter; backface-visibility: hidden; } .elementor-widget-entel-cards-cursos .tech-card:hover .card-img{ filter: grayscale(0%) sepia(0%) hue-rotate(0deg) contrast(1.1) brightness(1); transform: scale(1.1); } .elementor-widget-entel-cards-cursos .image-wrapper::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(color-mix(in srgb, var(--color-main) 15%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-main) 15%, transparent) 1px, transparent 1px); background-size: 20px 20px; z-index: 1; pointer-events: none; } .elementor-widget-entel-cards-cursos .laser-scanner{ position: absolute; top: 0; left: 0; width: 100%; height: 20px; background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-main) 80%, transparent), transparent); box-shadow: 0 0 15px color-mix(in srgb, var(--color-main) 60%, transparent); z-index: 2; pointer-events: none; animation: entel-entel-cards-cursos-entel-cards-scanning 3s ease-in-out infinite alternate; will-change: top, opacity; } @keyframes entel-entel-cards-cursos-entel-cards-scanning { 0% { top: -20px; opacity: 0.5; } 50% { opacity: 1; } 100% { top: 100%; opacity: 0.5; } } .elementor-widget-entel-cards-cursos .card-body{ padding: 15px 25px 30px; display: flex; flex-direction: column; flex-grow: 1; } .elementor-widget-entel-cards-cursos .details-grid{ display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px; flex-grow: 1; } .elementor-widget-entel-cards-cursos .detail-item{ display: flex; align-items: center; gap: 15px; background: linear-gradient(90deg, color-mix(in srgb, var(--color-main) 5%, transparent) 0%, transparent 100%); border-left: 2px solid color-mix(in srgb, var(--color-main) 30%, transparent); padding: 10px 15px; font-size: var(--fs-details); color: #d1e8ff; transition: all 0.3s; will-change: transform; } .elementor-widget-entel-cards-cursos .tech-card:hover .detail-item{ background: linear-gradient(90deg, color-mix(in srgb, var(--color-main) 15%, transparent) 0%, transparent 100%); border-left-color: var(--color-main); transform: translateX(5px); } .elementor-widget-entel-cards-cursos .detail-item svg, .elementor-widget-entel-cards-cursos .detail-item i{ width: 1.4em; height: 1.4em; font-size: 1.4em; fill: var(--color-main); color: var(--color-main); filter: drop-shadow(0 0 3px color-mix(in srgb, var(--color-main) 60%, transparent)); flex-shrink: 0; } .elementor-widget-entel-cards-cursos .btn-action{ display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 0; background: transparent; border: 1px solid var(--color-btn); color: var(--color-btn); font-weight: 800; font-size: var(--fs-btn); font-family: inherit; border-radius: 4px; cursor: pointer; text-transform: uppercase; transition: all 0.3s; position: relative; overflow: hidden; box-shadow: 0 0 10px color-mix(in srgb, var(--color-btn) 10%, transparent); text-decoration: none; } .elementor-widget-entel-cards-cursos .btn-action::after{ content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transform: skewX(-25deg); animation: entel-entel-cards-cursos-entel-cards-sweep 3s infinite; } @keyframes entel-entel-cards-cursos-entel-cards-sweep { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } } .elementor-widget-entel-cards-cursos .btn-action:hover{ background: color-mix(in srgb, var(--color-btn) 20%, transparent); box-shadow: 0 0 20px color-mix(in srgb, var(--color-btn) 50%, transparent), inset 0 0 10px color-mix(in srgb, var(--color-btn) 30%, transparent); text-shadow: 0 0 5px var(--color-btn); border-color: var(--color-btn); color: #fff; text-decoration: none; } .elementor-widget-entel-cards-cursos .btn-action svg, .elementor-widget-entel-cards-cursos .btn-action i{ width: 1.2em; height: 1.2em; font-size: 1.2em; fill: currentColor; }:where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area{ --text-muted: #a0a0b0; --logros-columns-current: var(--logros-columns-desktop, 3); --logros-gap-current: var(--logros-gap-desktop, 30px); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 20px 0; width: 100%; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area::before{ content: ""; position: absolute; top: -20%; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(0, 240, 255, 0.05) 0%, transparent 60%); z-index: 0; pointer-events: none; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .main-title-container{ margin-bottom: 50px; text-align: center; width: 100%; max-width: 900px; z-index: 10; position: relative; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .tag-line{ font-family: "Space Grotesk", sans-serif; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 3px; color: #00f0ff; margin-bottom: 15px; display: inline-block; font-weight: 700; background: rgba(0, 240, 255, 0.1); padding: 6px 16px; border-radius: 20px; border: 1px solid rgba(0, 240, 255, 0.2); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .main-title{ font-family: "Space Grotesk", sans-serif; font-size: 3rem; letter-spacing: -1px; color: #fff; font-weight: 700; line-height: 1.1; margin-bottom: 15px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .sub-title{ font-family: "Inter", sans-serif; font-size: 1.1rem; color: var(--text-muted); max-width: 600px; margin: 0 auto; line-height: 1.6; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .anim-fadeUp{ animation: entel-entel-cards-logros-fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; } @keyframes entel-entel-cards-logros-fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .achievements-grid{ display: grid; grid-template-columns: repeat(var(--logros-columns-current, 3), minmax(0, 1fr)); gap: var(--logros-gap-current, 30px); width: 100%; max-width: 1200px; z-index: 10; perspective: 1500px; position: relative; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card{ position: relative; background: rgba(20, 20, 30, 0.4); border-radius: 16px; padding: 2px; overflow: hidden; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; --mouse-x: 50%; --mouse-y: 50%; height: 100%; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover{ transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.5); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), color-mix(in srgb, var(--card-color) 80%, transparent), transparent 40%); opacity: 0; transition: opacity 0.4s ease; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover::before{ opacity: 1; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .card-inner{ position: relative; background: #0f0f16; border-radius: 14px; padding: 35px 30px; height: 100%; display: flex; flex-direction: column; overflow: hidden; z-index: 2; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .card-inner::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), color-mix(in srgb, var(--card-color) 10%, transparent), transparent 40%); opacity: 0; transition: opacity 0.4s ease; z-index: 1; pointer-events: none; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover .card-inner::before{ opacity: 1; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .card-content{ position: relative; z-index: 3; flex-grow: 1; display: flex; flex-direction: column; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .card-header{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 25px; min-height: 50px;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .icon-box{ width: 50px; height: 50px; border-radius: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); display: flex; justify-content: center; align-items: center; transition: all 0.4s ease; flex-shrink: 0;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .icon-box svg{ width: 24px; height: 24px; stroke: var(--text-muted); fill: none; stroke-width: 1.5; transition: all 0.4s ease; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .icon-box i{ font-size: 24px; color: var(--text-muted); transition: all 0.4s ease; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover .icon-box{ background: color-mix(in srgb, var(--card-color) 15%, transparent); border-color: color-mix(in srgb, var(--card-color) 50%, transparent); transform: scale(1.1); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover .icon-box svg{ stroke: var(--card-color); filter: drop-shadow(0 0 8px var(--card-color)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover .icon-box i{ color: var(--card-color); filter: drop-shadow(0 0 8px var(--card-color)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .metric-box{ text-align: right; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .metric-value{ font-family: "Space Grotesk", sans-serif; font-size: 1.5rem; font-weight: 700; color: #fff; line-height: 1; margin-bottom: 4px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .metric-label{ font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .progress-track{ width: 60px; height: 3px; background: rgba(255,255,255,0.1); border-radius: 2px; margin-left: auto; overflow: hidden; margin-top: 6px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .progress-fill{ height: 100%; width: 0%; background: var(--card-color); border-radius: 2px; transition: width 1s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 0 10px var(--card-color); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover .progress-fill{ width: var(--target-percent); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .card-title{ font-family: "Space Grotesk", sans-serif; font-size: 1.3rem; font-weight: 700; color: #fff; margin-bottom: 12px; transition: color 0.3s; margin-top: 0; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .card-desc{ font-size: 0.95rem; line-height: 1.6; color: var(--text-muted); transition: color 0.3s; word-wrap: break-word; margin-bottom: 0;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover .card-title{ color: var(--card-color); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-spotlight .spotlight-card:hover .card-desc{ color: #d1d5db; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d{ perspective: 1200px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card{ width: 100%; min-height: 280px; height: 100%; position: relative; cursor: pointer; transform-style: preserve-3d; transition: transform 0.15s ease-out, box-shadow 0.15s ease-out; border-radius: 20px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card.resetting{ transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-bg{ position: absolute; inset: 0; background: linear-gradient(135deg, rgba(25,25,35,0.8), rgba(10,10,15,0.95)); border: 1px solid rgba(255,255,255,0.05); border-radius: 20px; backdrop-filter: blur(10px); transform: translateZ(-10px); transition: border-color 0.4s; overflow: hidden; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card:hover .parallax-bg{ border-color: color-mix(in srgb, var(--card-color) 60%, transparent); box-shadow: 0 30px 60px rgba(0,0,0,0.8), inset 0 0 40px color-mix(in srgb, var(--card-color) 15%, transparent); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-glare{ position: absolute; inset: 0; background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255,255,255, var(--glare-int, 0.15)) 0%, transparent 60%); opacity: 0; pointer-events: none; transition: opacity 0.4s; mix-blend-mode: overlay;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card:hover .parallax-glare{ opacity: 1; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-content{ position: relative; padding: 40px 35px; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; transform: translateZ(25px); transform-style: preserve-3d; pointer-events: none; overflow: hidden; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .card-header{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 25px; transform: translateZ(10px); min-height: 55px;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .icon-3d{ width: 55px; height: 55px; background: rgba(255,255,255,0.02); border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px dashed rgba(255,255,255,0.2); transition: all 0.4s; flex-shrink: 0;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .icon-3d svg{ width: 26px; height: 26px; stroke: #fff; fill: none; stroke-width: 1.5; transition: 0.4s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .icon-3d i{ font-size: 26px; color: #fff; transition: 0.4s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card:hover .icon-3d{ background: color-mix(in srgb, var(--card-color) 20%, transparent); border-color: var(--card-color); border-style: solid; box-shadow: 0 10px 20px color-mix(in srgb, var(--card-color) 40%, transparent); transform: translateZ(15px) scale(1.1); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card:hover .icon-3d svg{ stroke: var(--card-color); filter: drop-shadow(0 0 5px var(--card-color)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card:hover .icon-3d i{ color: var(--card-color); filter: drop-shadow(0 0 5px var(--card-color)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .metric-val{ font-family: "Space Grotesk", sans-serif; font-size: 2rem; font-weight: 700; color: rgba(255,255,255,0.1); -webkit-text-stroke: 1px rgba(255,255,255,0.5); transition: 0.4s; margin-left: 10px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card:hover .metric-val{ color: var(--card-color); -webkit-text-stroke: 0px; text-shadow: 0 10px 20px var(--card-color); transform: translateZ(15px); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .card-texts{ transform: translateZ(5px); flex-grow: 1; padding-right: 5px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .card-title{ font-family: "Space Grotesk", sans-serif; font-size: 1.25rem; margin-bottom: 12px; color: #fff; transition: 0.4s; line-height: 1.3; margin-top: 0;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .card-desc{ font-size: 0.9rem; line-height: 1.6; color: var(--text-muted); word-wrap: break-word; margin-bottom: 0; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-3d .parallax-card:hover .card-title{ color: var(--card-color); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card{ position: relative; background: #09090c; border: 1px solid #222; border-top: 4px solid #333; border-radius: 6px; padding: 35px 25px 35px 50px; overflow: hidden; cursor: pointer; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); height: 100%; display: flex; flex-direction: column; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card.no-barcode{ padding-left: 25px; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .barcode-tab{ position: absolute; left: 0; top: 0; bottom: 0; width: 30px; background: #111; border-right: 1px solid #222; display: flex; flex-direction: column; align-items: center; padding-top: 15px; transition: 0.4s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .led-status{ width: 8px; height: 8px; border-radius: 50%; background: #555; margin-bottom: 20px; transition: 0.4s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .serial-text{ writing-mode: vertical-rl; transform: rotate(180deg); font-family: monospace; font-size: 0.65rem; color: #555; letter-spacing: 2px; white-space: nowrap;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover{ border-color: color-mix(in srgb, var(--card-color) 40%, transparent); border-top-color: var(--card-color); transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.8); background: #0d0d14; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .barcode-tab{ background: color-mix(in srgb, var(--card-color) 10%, transparent); border-right-color: var(--card-color); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .led-status{ background: var(--card-color); box-shadow: 0 0 10px var(--card-color); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .serial-text{ color: var(--card-color); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-scanner{ position: absolute; left: 30px; right: 0; top: 0; height: 100%; background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--card-color) 20%, transparent) 50%, var(--card-color) 50%, transparent 51%); background-size: 100% 200%; opacity: 0; pointer-events: none; mix-blend-mode: screen; transition: opacity 0.3s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card.no-barcode .cyber-scanner{ left: 0; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .cyber-scanner{ opacity: 1; animation: entel-entel-cards-logros-scanLine 2s linear infinite; } @keyframes entel-entel-cards-logros-scanLine { 0% { background-position: 0 -100%; } 100% { background-position: 0 200%; } } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-header{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; min-height: 60px;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-icon svg{ width: 35px; height: 35px; stroke: #fff; fill: none; stroke-width: 1.5; transition: 0.4s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-icon i{ font-size: 35px; color: #fff; transition: 0.4s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .cyber-icon svg{ stroke: var(--card-color); filter: drop-shadow(0 0 8px var(--card-color)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .cyber-icon i{ color: var(--card-color); filter: drop-shadow(0 0 8px var(--card-color)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-ring{ position: relative; width: 60px; height: 60px; flex-shrink: 0;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-ring svg{ width: 60px; height: 60px; transform: rotate(-90deg); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .ring-bg{ fill: none; stroke: #222; stroke-width: 4; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .ring-progress{ fill: none; stroke: var(--card-color); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 163; stroke-dashoffset: 163; transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1); filter: drop-shadow(0 0 5px var(--card-color)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .ring-progress{ stroke-dashoffset: calc(163 - (163 * var(--target-percent)) / 100); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .ring-text{ position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; font-family: "Space Grotesk", sans-serif; font-size: 0.85rem; font-weight: bold; color: #555; transition: 0.4s; } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .ring-text{ color: var(--card-color); text-shadow: 0 0 8px var(--card-color); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-title{ font-family: "Space Grotesk", sans-serif; font-size: 1.25rem; font-weight: 700; color: #fff; margin-bottom: 10px; transition: 0.3s; margin-top: 0;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-desc{ font-size: 0.9rem; line-height: 1.6; color: var(--text-muted); word-wrap: break-word; margin-bottom: 0;} :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .style-cyber .cyber-card:hover .cyber-title{ color: var(--card-color); } @media (min-width: 1367px) { :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area{ --logros-columns-current: var(--logros-columns-desktop, 3); --logros-gap-current: var(--logros-gap-desktop, 30px); } } @media (min-width: 1025px) and (max-width: 1366px) { :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area{ --logros-columns-current: var(--logros-columns-laptop, var(--logros-columns-desktop, 3)); --logros-gap-current: var(--logros-gap-laptop, var(--logros-gap-desktop, 24px)); } } @media (min-width: 900px) and (max-width: 1024.98px) { :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area{ --logros-columns-current: var(--logros-columns-tablet-wide, var(--logros-columns-tablet, 2)); --logros-gap-current: var(--logros-gap-tablet-wide, var(--logros-gap-tablet, 20px)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .achievements-grid{ grid-template-columns: repeat(var(--logros-columns-tablet-wide, var(--logros-columns-tablet, 2)), minmax(0, 1fr)) !important; gap: var(--logros-gap-tablet-wide, var(--logros-gap-tablet, 20px)) !important; } } @media (min-width: 768px) and (max-width: 899.98px) { :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area{ --logros-columns-current: var(--logros-columns-tablet, var(--logros-columns-desktop, 2)); --logros-gap-current: var(--logros-gap-tablet, var(--logros-gap-desktop, 20px)); } } @media (max-width: 767px) { :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area{ --logros-columns-current: var(--logros-columns-mobile, var(--logros-columns-tablet, 1)); --logros-gap-current: var(--logros-gap-mobile, var(--logros-gap-tablet, 16px)); } :where(.elementor-widget-entel-cards-logros) .gi-logros-preview-area .main-title{ font-size: 2rem; } }.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-collection-loop-base{display:block;}.elementor .e-collection-loop-layout-base{display:grid;gap:20px;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;}.elementor .e-pagination-base{padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-block-start:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;}.elementor .e-pagination-prev-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-pagination-next-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;transition:background-color 200ms;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;transition:opacity 200ms;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;transition:opacity 200ms;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-0b8236f{padding-block-start:16px;padding-block-end:16px;padding-inline-start:190px;padding-inline-end:25px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;background-color:#05101a;flex-direction:row;justify-content:space-between;align-items:center;}.elementor .e-671b138{padding:0px;margin:0px;flex-direction:column;}.elementor .e-8b2d43f{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;background-color:#000000;display:flex;flex-direction:column;gap:0px;}.elementor .e-aed84df{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;flex-direction:column;}.elementor .e-61be107{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;flex-direction:column;}.elementor .e-e4273a5{padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;background-color:#0e0e13;flex-direction:column;}.elementor .e-b2ca2df{background-color:#050b0f;flex-direction:column;}.elementor .e-ffceaa1{padding-block-start:50px;padding-block-end:50px;padding-inline-start:100px;padding-inline-end:100px;background-color:#050c11;flex-direction:column;}.elementor .e-e59b101{padding:50px;background-color:#050b0f;flex-direction:column;}