:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget{ --neon: #00ffcc;
--neon-rgb: 0, 255, 204;
--card-w: 300px;
--gap: 30px;
--title-color: #ffffff;
--title-size: 2.5rem;
--team-widget-bg: #05070a;
--team-grid-color: rgba(255, 255, 255, 0.02);
--team-card-bg: rgba(10, 14, 23, 0.8);
--team-card-info-bg: rgba(0, 0, 0, 0.8);
--team-card-name-color: #ffffff;
--team-card-role-color: var(--neon);
--team-description-color: #94a3b8;
--team-animation-secondary: #ff003c;
position: relative;
width: 100%;
color: #fff;
font-family: "Rajdhani", sans-serif;
padding: 50px 0;
overflow: hidden;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget.team-bg-transparent{ background: transparent; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget.team-bg-original{ background: #05070a; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget.team-bg-custom{ background: var(--team-widget-bg); }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget.team-grid-hidden .bg-grid{ display: none; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .bg-grid{
position: absolute; 
inset: 0; 
z-index: 0;
background-image: 
linear-gradient(var(--team-grid-color) 1px, transparent 1px),
linear-gradient(90deg, var(--team-grid-color) 1px, transparent 1px);
background-size: 50px 50px;
pointer-events: none;
} :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .header-section{
position: relative;
z-index: 1;
width: 100%; 
max-width: 800px; 
margin: 0 auto 30px auto;
text-align: center; 
padding: 0 20px; 
box-sizing: border-box;
display: flex; 
flex-direction: column; 
align-items: center;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .header-badge{
display: inline-block; 
padding: 5px 15px; 
border: 1px solid var(--neon);
border-radius: 20px; 
font-size: 0.8rem; 
font-weight: 700; 
color: var(--neon);
text-transform: uppercase; 
letter-spacing: 2px; 
margin-bottom: 15px;
box-shadow: 0 0 10px rgba(var(--neon-rgb), 0.2);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .header-title{
font-family: "Syncopate", sans-serif; 
color: var(--title-color); 
font-weight: 700;
margin: 0 0 15px 0; 
text-transform: uppercase; 
letter-spacing: 1px;
text-shadow: 0 0 20px rgba(var(--neon-rgb), 0.2);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .header-desc{
color: var(--team-description-color);
font-size: 1.1rem; 
line-height: 1.6; 
margin: 0;
}  :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .title-anim-slide{
position: relative; 
display: inline-block;
color: rgba(255, 255, 255, 0.05);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .title-anim-slide::before{
content: attr(data-text); 
position: absolute; 
left: 0; 
top: 0; 
width: 0; 
height: 100%;
color: var(--title-color); 
overflow: hidden; 
border-right: 3px solid var(--neon);
animation: entel-entel-equipo-slideReveal 4s cubic-bezier(0.25, 1, 0.5, 1) infinite; 
white-space: nowrap;
}
@keyframes  entel-entel-equipo-slideReveal { 
0%, 10% { width: 0; } 
40%, 60% { width: 100%; } 
90%, 100% { width: 0; } 
} :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .title-anim-typewriter{
display: inline-block; 
overflow: hidden; 
white-space: nowrap;
border-right: 3px solid var(--neon);
animation: entel-entel-equipo-typing 4s steps(30, end) infinite, entel-entel-equipo-blinkCaret .75s step-end infinite;
}
@keyframes  entel-entel-equipo-typing { 
0%, 10% { width: 0; } 
40%, 80% { width: 100%; } 
90%, 100% { width: 0; } 
}
@keyframes  entel-entel-equipo-blinkCaret { 
from, to { border-color: transparent } 
50% { border-color: var(--neon) } 
} :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .title-anim-glitch{ animation: entel-entel-equipo-titleGlitch 2.5s infinite; }
@keyframes  entel-entel-equipo-titleGlitch {
0%, 100% { transform: translate(0); text-shadow: 0 0 20px rgba(var(--neon-rgb), 0.2); }
20% { transform: translate(-2px, 1px); text-shadow: 2px 0 var(--neon), -2px 0 var(--team-animation-secondary); }
40% { transform: translate(2px, -1px); text-shadow: -2px 0 var(--neon), 2px 0 var(--team-animation-secondary); }
60% { transform: translate(0); text-shadow: 0 0 20px rgba(var(--neon-rgb), 0.2); }
} :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .slider-wrapper{
width: 100%; 
max-width: 100vw; 
overflow: hidden; 
padding: 30px 0; 
display: flex; 
align-items: center; 
position: relative;
box-sizing: border-box;
z-index: 1;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .slider-track{
display: flex; 
gap: var(--gap);
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
will-change: transform;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .slider-btn{
position: absolute; 
top: 50%; 
transform: translateY(-50%);
width: 50px; 
height: 50px; 
background: rgba(0,0,0,0.6);
border: 1px solid var(--neon); 
color: var(--neon);
border-radius: 50%;
cursor: pointer; 
z-index: 100; 
font-size: 20px; 
backdrop-filter: blur(5px);
display: flex; 
justify-content: center; 
align-items: center; 
transition: all 0.3s;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .slider-btn:hover{ 
background: var(--neon); 
color: #000; 
box-shadow: 0 0 20px var(--neon); 
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .btn-prev{ left: 20px; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .btn-next{ right: 20px; } :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-container{
width: var(--card-w); 
aspect-ratio: 1 / 1.1; 
flex-shrink: 0; 
position: relative; 
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.3; 
transform: scale(0.85); 
filter: grayscale(100%);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-container.active{
opacity: 1; 
transform: scale(1); 
filter: grayscale(0%);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-inner{
width: 100%; 
height: 100%; 
position: relative; 
overflow: hidden;
background: var(--team-card-bg);
display: flex; 
flex-direction: column;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-img-wrap{ 
width: 100%; 
height: 75%; 
position: relative; 
overflow: hidden; 
transition: height 0.4s ease; 
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-img-wrap img{ 
width: 100%; 
height: 100%; 
object-fit: cover; 
transition: transform 0.5s; 
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-container.active:hover .card-img-wrap img{ 
transform: scale(1.1); 
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-info{
height: 25%; 
display: flex; 
flex-direction: column; 
justify-content: center;
align-items: center; 
z-index: 10; 
padding: 10px; 
text-align: center;
background: var(--team-card-info-bg);
backdrop-filter: blur(5px);
transition: background 0.3s ease;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-name{ 
margin: 0; 
font-size: 1.3rem; 
font-weight: 700; 
text-transform: uppercase; 
letter-spacing: 1px; 
color: var(--team-card-name-color);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .card-role{ 
margin: 2px 0 0 0; 
color: var(--team-card-role-color);
font-size: 0.85rem; 
font-weight: 600; 
} :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .slider-track.view-image-only .card-img-wrap{ height: 100%; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .slider-track.view-image-only .card-info{ display: none; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .slider-track.text-bg-transparent .card-info{ 
background: transparent !important; 
backdrop-filter: none;
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent) !important;
}  @keyframes  entel-entel-equipo-spinBorder { 100% { transform: rotate(360deg); } }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-1 .card-container{ padding: 3px; border-radius: 15px; overflow: hidden; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-1 .card-container::before{
content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
background: conic-gradient(transparent, transparent, transparent, var(--neon));
animation: entel-entel-equipo-spinBorder 3s linear infinite; opacity: 0; transition: opacity 0.3s;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-1 .card-container.active::before{ opacity: 1; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-1 .card-inner{ border-radius: 12px; clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%); } :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-2 .card-container{ background: transparent; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-2 .card-container::after{
content: ""; position: absolute; inset: 0;
background-image: linear-gradient(90deg, var(--neon) 50%, transparent 50%), linear-gradient(90deg, var(--neon) 50%, transparent 50%), linear-gradient(0deg, var(--neon) 50%, transparent 50%), linear-gradient(0deg, var(--neon) 50%, transparent 50%);
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
background-position: left top, right bottom, left bottom, right top;
animation: entel-entel-equipo-borderDance 1s infinite linear; opacity: 0; pointer-events: none;
}
@keyframes  entel-entel-equipo-borderDance { 100% { background-position: left -15px top, right -15px bottom, left bottom -15px, right top -15px; } }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-2 .card-container.active::after{ opacity: 1; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-2 .card-inner{ clip-path: polygon(0 10%, 10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%); } @keyframes  entel-entel-equipo-pulseBorder { 
0% { box-shadow: 0 0 0 0 rgba(var(--neon-rgb), 0.7); } 
70% { box-shadow: 0 0 0 20px rgba(var(--neon-rgb), 0); } 
100% { box-shadow: 0 0 0 0 rgba(var(--neon-rgb), 0); } 
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-3 .card-container{ border-radius: 50%; aspect-ratio: 1/1; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-3 .card-container.active{ border: 3px solid var(--neon); animation: entel-entel-equipo-pulseBorder 2s infinite; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-3 .card-inner{ border-radius: 50%; }
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-3 .card-info{ position: absolute; bottom: 0; width: 100%; height: auto; padding: 15px 0; background: linear-gradient(to top, var(--team-card-info-bg), transparent); } :where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-4 .card-container{
border-radius: 20px;
padding: 2px;
background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(0,0,0,0));
transition: all 0.5s ease;
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-4 .card-container.active{
background: linear-gradient(135deg, var(--neon), transparent, rgba(var(--neon-rgb), 0.5));
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-4 .card-inner{
border-radius: 18px;
background: var(--team-card-bg);
backdrop-filter: blur(10px); 
box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-4 .card-container.active:hover{
transform: scale(1.05) translateY(-8px);
box-shadow: 0 20px 40px rgba(var(--neon-rgb), 0.3);
}
:where(.elementor-widget-entel-equipo) .gi-equipo-tech-widget .style-4 .card-img-wrap img{
border-bottom: 1px solid rgba(var(--neon-rgb), 0.2);
}