.elementor-421 .elementor-element.elementor-element-05a213f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:wrap;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-421 .elementor-element.elementor-element-05a213f:not(.elementor-motion-effects-element-type-background), .elementor-421 .elementor-element.elementor-element-05a213f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ab152b );}.elementor-421 .elementor-element.elementor-element-1b01dfe{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-421 .elementor-element.elementor-element-1b01dfe:not(.elementor-motion-effects-element-type-background), .elementor-421 .elementor-element.elementor-element-1b01dfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:50% auto;}.elementor-421 .elementor-element.elementor-element-1b01dfe.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-421 .elementor-element.elementor-element-ee0b88d{--spacer-size:200px;}.elementor-421 .elementor-element.elementor-element-9193419{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-421 .elementor-element.elementor-element-9193419.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-421 .elementor-element.elementor-element-ae087bc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;color:var( --e-global-color-4c0ec5f );}.elementor-421 .elementor-element.elementor-element-b035933 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-accent );}.elementor-421 .elementor-element.elementor-element-051c675 .jet-listing-dynamic-repeater__items{flex-direction:flex-start;justify-content:flex-start;}.elementor-421 .elementor-element.elementor-element-051c675 .jet-listing-dynamic-repeater__item > *{justify-content:flex-start;color:var( --e-global-color-4c0ec5f );}@media(max-width:1024px){.elementor-421 .elementor-element.elementor-element-9193419{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(min-width:768px){.elementor-421 .elementor-element.elementor-element-1b01dfe{--width:100%;}.elementor-421 .elementor-element.elementor-element-9193419{--width:100%;}}/* Start custom CSS for jet-listing-dynamic-repeater, class: .elementor-element-051c675 *//* 1. Contenedor principal: Activa el flujo flexible y el salto de línea */ .jet-listing-dynamic-repeater__items { display: flex !important; flex-wrap: wrap !important; /* Esto es lo que hace que sigan abajo */ gap: 8px; /* Espaciado entre etiquetas */ } /* 2. Cada ítem del repetidor: Evitamos que ocupe todo el ancho */ .jet-listing-dynamic-repeater__item { width: auto !important; display: inline-block !important; } /* 3. Tu estilo original (Tal cual como te gustó) */ .tecnologia-usada { background-color: #121716; color: #00f2ff; padding: 6px 14px; border-radius: 4px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; /* Evita que el texto de una etiqueta se rompa */ white-space: nowrap; /* Efecto de Borde Neón */ border: 1px solid rgba(0, 242, 255, 0.4); /* Glow Exterior e Interior (El Resalte) */ box-shadow: 0 0 12px rgba(0, 242, 255, 0.25), inset 0 0 4px rgba(0, 242, 255, 0.1); /* Brillo en el Texto */ text-shadow: 0 0 6px rgba(0, 242, 255, 0.7); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: default; } /* Efecto al pasar el mouse */ .tecnologia-usada:hover { background-color: #1a2120; border-color: #00f2ff; box-shadow: 0 0 20px rgba(0, 242, 255, 0.6); transform: translateY(-2px) scale(1.05); color: #ffffff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05a213f *//* ============================================================ EFECTO DE BORDE CIAN NEÓN (ÚNICAMENTE EL EFECTO) Clase: glow-card-cian ============================================================ */ .glow-card-cian { /* 1. Preparamos la caja para que el efecto se posicione detrás */ position: relative; /* 2. Forzamos un borde inicial muy sutil para 'enganchar' el brillo */ border: 1px solid rgba(0, 229, 255, 0.2) !important; /* 3. El resplandor (glow) externo y sutil interno */ box-shadow: 0 0 10px rgba(0, 229, 255, 0.4), /* Brillo cercano y suave */ 0 0 25px rgba(0, 229, 255, 0.2), /* Resplandor más lejano */ inset 0 0 10px rgba(0, 229, 255, 0.1) !important; /* Sutil brillo hacia adentro */ /* 4. Transición suave (puedes ajustar el tiempo si quieres) */ transition: box-shadow 0.3s ease, border-color 0.3s ease !important; /* Importante: Mantener el mismo border-radius que tengas en Elementor */ border-radius: 20px; } /* Efecto al pasar el ratón (Hover) - Solo aumenta el brillo, nada más */ .glow-card-cian:hover { border-color: rgba(0, 229, 255, 0.8) !important; /* Borde más nítido */ box-shadow: 0 0 15px rgba(0, 229, 255, 0.6), /* Brillo cercano más intenso */ 0 0 40px rgba(0, 229, 255, 0.4), /* Resplandor más lejano y amplio */ inset 0 0 15px rgba(0, 229, 255, 0.2) !important; /* Brillo interno más intenso */ }/* End custom CSS */