.elementor-2 .elementor-element.elementor-element-9445b57{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:-180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-9445b57::before, .elementor-2 .elementor-element.elementor-element-9445b57 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-9445b57 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-9445b57 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-9445b57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-9445b57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-9445b57.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-dfb2293{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-ps-dragon-slide-image .bdt-ps-slide-img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-prime-slider-wrapper .bdt-prime-slider-content{padding:0px 0px 0px 0px;margin:16px 15px -50px 100px;max-width:1152px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider .bdt-prime-slider-content .bdt-main-title .bdt-title-tag{font-size:27px;text-transform:capitalize;padding-bottom:32px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider .bdt-prime-slider-content .bdt-sub-title-inner{font-size:12px;text-transform:capitalize;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider .bdt-prime-slider-content .bdt-sub-title .bdt-sub-title-inner{padding-bottom:12px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider .bdt-slider-excerpt{font-size:18px;font-weight:600;max-width:800px;margin-bottom:0px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-ps-dragon-button .bdt-ps-button-arrow, .elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-ps-dragon-button .bdt-ps-button-small-circle{background-color:#04B704;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-ps-dragon-button .bdt-ps-button-arrow:after{border-left-color:#04B704;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-prime-slider-social-icon a{margin-right:35px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-dotnav li:after{font-size:14px;}.elementor-2 .elementor-element.elementor-element-7d935cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-133px;--margin-bottom:0px;--margin-left:66px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-0cc4a24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-1949b13 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Federo", Sans-serif;font-size:34px;text-transform:uppercase;}.elementor-2 .elementor-element.elementor-element-1949b13 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-2 .elementor-element.elementor-element-1949b13 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-2 .elementor-element.elementor-element-3e2ff84{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-3e2ff84.e-con{--align-self:center;}.elementor-2 .elementor-element.elementor-element-394e062{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-394e062.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-80ce0ba{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-80ce0ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-80203af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-80203af.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-2033b85{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-2033b85.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-e871f06{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-e871f06.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-2ce26e6{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-2ce26e6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-635fa69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.05;--margin-top:58px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:15px;--padding-right:15px;}.elementor-2 .elementor-element.elementor-element-635fa69::before, .elementor-2 .elementor-element.elementor-element-635fa69 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-635fa69 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-635fa69 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-635fa69 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-635fa69 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-1d40cf1 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Federo", Sans-serif;font-size:34px;text-transform:uppercase;}.elementor-2 .elementor-element.elementor-element-1d40cf1 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-2 .elementor-element.elementor-element-1d40cf1 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-2 .elementor-element.elementor-element-ea709ce{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-blog-badge a{background-color:#04B704;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-content{padding:0px 0px 46px 24px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-content-style-1 .upk-item-box:before, .elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-content-style-2 .upk-content, .elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-content-style-3 .upk-item .upk-item-box:before{background-color:#25488D0A;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-item{border-style:none;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2 .elementor-element.elementor-element-f8a7355 .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:600;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-hazel-carousel .upk-blog-badge span{gap:0px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-prev i,
                .elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-next i{font-size:24px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-prev{left:-60px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-next{right:-60px;}.elementor-2 .elementor-element.elementor-element-bf0144b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-4438e0d .elementor-button{background-color:#00D300;font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:600;fill:#000000;color:#000000;border-style:none;border-radius:5px 5px 5px 5px;padding:15px 30px 15px 30px;}.elementor-2 .elementor-element.elementor-element-4438e0d .elementor-button:hover, .elementor-2 .elementor-element.elementor-element-4438e0d .elementor-button:focus{background-color:#AABC0D;color:#FFFFFF;border-color:#AABC0D;}.elementor-2 .elementor-element.elementor-element-4438e0d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-4438e0d .elementor-button:hover svg, .elementor-2 .elementor-element.elementor-element-4438e0d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-3ee56bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .elementskit-clients-slider{--ekit_client_logo_left_right_spacing:26px;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .ekit-price-card-slider{--ekit_client_logo_slidetosho:5;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .simple_logo_image .single-client .content-image .main-image{opacity:1;filter:alpha(opacity=1);}.elementor-2 .elementor-element.elementor-element-6f0bf1e .elementskit-clients-slider .single-client img{opacity:1;filter:alpha(opacity=1);}.elementor-2 .elementor-element.elementor-element-6f0bf1e .simple_logo_image .single-client:hover .content-image img{opacity:1;filter:alpha(opacity=1);}.elementor-2 .elementor-element.elementor-element-6f0bf1e .simple_logo_image .single-client:hover .content-image .main-image{opacity:1;filter:alpha(opacity=1);}.elementor-2 .elementor-element.elementor-element-6f0bf1e .elementskit-clients-slider .swiper-navigation-button{font-size:20px;padding:15px 15px 15px 15px;color:#101010;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .elementskit-clients-slider .swiper-navigation-button svg{font-size:20px;fill:#101010;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-prev i,
                .elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-next i{font-size:24px;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .elementskit-clients-slider{--ekit_client_logo_left_right_spacing:10px;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .ekit-price-card-slider{--ekit_client_logo_slidetosho:2;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-9445b57{--width:500px;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-dfb2293{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 171px) 0px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider-dragon .bdt-prime-slider-wrapper .bdt-prime-slider-content{margin:20px 20px 20px 20px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider .bdt-prime-slider-content .bdt-main-title .bdt-title-tag{font-size:18px;padding-bottom:33px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider .bdt-prime-slider-content .bdt-sub-title-inner{font-size:12px;}.elementor-2 .elementor-element.elementor-element-dfb2293 .bdt-prime-slider .bdt-slider-excerpt{font-size:12px;max-width:304px;}.elementor-2 .elementor-element.elementor-element-7d935cb{--margin-top:-327px;--margin-bottom:54px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-1949b13 .elementskit-section-title-wraper .elementskit-section-title{font-size:20px;}.elementor-2 .elementor-element.elementor-element-1d40cf1 .elementskit-section-title-wraper .elementskit-section-title{font-size:20px;}.elementor-2 .elementor-element.elementor-element-ea709ce{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-prev i,
                .elementor-2 .elementor-element.elementor-element-f8a7355 .upk-navigation-next i{font-size:24px;}.elementor-2 .elementor-element.elementor-element-4438e0d .elementor-button{font-size:13px;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .elementskit-clients-slider{--ekit_client_logo_left_right_spacing:10px;}.elementor-2 .elementor-element.elementor-element-6f0bf1e .ekit-price-card-slider{--ekit_client_logo_slidetosho:1;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-3e2ff84{--content-width:1200px;}.elementor-2 .elementor-element.elementor-element-394e062{--width:33%;}.elementor-2 .elementor-element.elementor-element-80203af{--width:33%;}.elementor-2 .elementor-element.elementor-element-e871f06{--width:33%;}.elementor-2 .elementor-element.elementor-element-635fa69{--content-width:1201px;}.elementor-2 .elementor-element.elementor-element-ea709ce{--content-width:1200px;}}/* Start custom CSS for prime-slider-dragon, class: .elementor-element-dfb2293 *//* HERO */
.hero-main {
  position: relative;
}

/* BOTÓN FLOTANTE */
.fc-floating {
  position: absolute;

  right: 80px;
  bottom: 80px;

  z-index: 999;

  width: 180px;
  height: 180px;
}

/* CONTENEDOR */
.fc {
  position: relative;
  width: 180px;
  height: 180px;
}

/* TEXTO GIRANDO */
.fc-svg {
  position: absolute;
  width: 100%;
  height: 100%;

  animation: girar 18s linear infinite;
}

/* TEXTO */
.fc-svg text {
  fill: #ffffff;
  font-size: 10px;
  letter-spacing: 4px;
  font-weight: 600;
}

/* CÍRCULO */
.fc-center {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 120px;
  height: 120px;

  transform: translate(-50%, -50%);

  border: 3px solid #A6FF00;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* PLAY */
.fc-play {
  width: 30px;
  height: 30px;

  background: #A6FF00;

  clip-path: polygon(0 0, 100% 50%, 0 100%);

  filter: drop-shadow(0 0 8px rgba(166,255,0,.5));

  margin-left: 6px;
}

/* ANIMACIONES */
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .fc-floating {
    width: 120px;
    height: 120px;

    right: 20px;
    bottom: 20px;
  }
 

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80ce0ba *//* ==========================================================================
   1. CONTENEDOR GENERAL RESPONSIVO (GRID DE LAS 4 TARJETAS)
   ========================================================================== */
.fc-grid-container {
    display: grid !important;
    /* Fuerza 4 columnas perfectas en zoom normal (pantallas grandes) */
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1400px !important; 
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* CUANDO HACES ZOOM A 120% / 150% O EN TABLETS (Pasa a 2 y 2) */
@media (max-width: 1200px) {
    .fc-grid-container {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}

/* EN CELULARES (Se apilan en una sola columna para que no se aplasten) */
@media (max-width: 680px) {
    .fc-grid-container {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   2. LA TARJETA INDIVIDUAL (ESTRUCTURA INMUNE AL ZOOM)
   ========================================================================== */
.fc-responsive-card {
    width: 100% !important; 
    max-width: 370px !important; 
    min-height: 300px !important; 
    background: #f3f3f3 !important;
    border-radius: 36px !important;
    padding: 40px 32px 24px 32px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 0 auto !important; /* Centra la tarjeta en su espacio */
    
    /* Grid interno: separa el texto arriba y el botón abajo con un margen real */
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    gap: 20px !important; 
}

/* ==========================================================================
   3. TEXTOS INTERNOS
   ========================================================================== */
.fc-card-text-zone {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Etiqueta pequeña superior (SOFTWARE) */
.fc-card-tag {
    display: inline-block !important;
    margin-bottom: 14px !important;
    color: #C6FF00 !important;
    font-size: 10px !important;
    letter-spacing: 4px !important;
    font-weight: 700 !important;
    font-family: Arial, sans-serif !important;
}

/* Título de la tarjeta (H3) */
.fc-card-text-zone h3 {
    margin: 0 0 12px 0 !important;
    color: #000000 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -1px !important;
    font-weight: 800 !important;
    font-family: Arial, sans-serif !important;
}

/* Párrafo descriptivo (Ya no se mete debajo del botón) */
.fc-card-text-zone p {
    margin: 0 !important;
    color: #666666 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    font-family: Arial, sans-serif !important;
    text-align: left !important;
}

/* ==========================================================================
   4. BOTÓN MINIATURA EN LA ESQUINA (CON SU MUESCA BLANCA)
   ========================================================================== */
.fc-card-button-zone {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.fc-small-btn {
    position: relative !important;
    width: 54px !important;  /* Tamaño pequeño, estético y controlado */
    height: 54px !important;
    background: #050505 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    
    /* El aro blanco de 8px que tapa el fondo gris de forma limpia */
    box-shadow: 0 0 0 8px #ffffff !important; 
    /* Ajuste para morder suavemente los bordes internos */
    margin-left: -2px !important; 
    
    transition: transform 0.2s ease-in-out !important;
}

/* Efecto hover suave */
.fc-small-btn:hover {
    transform: scale(1.05) !important;
}

/* El icono de las llaves (<>) */
.fc-small-btn span {
    color: #C6FF00 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-family: monospace !important;
    transform: translateY(-1px) !important;
    display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2033b85 *//* ==========================================================================
   1. CONTENEDOR GENERAL RESPONSIVO (GRID DE LAS 4 TARJETAS)
   ========================================================================== */
.fc-grid-container {
    display: grid !important;
    /* Fuerza 4 columnas perfectas en zoom normal (pantallas grandes) */
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1400px !important; 
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* CUANDO HACES ZOOM A 120% / 150% O EN TABLETS (Pasa a 2 y 2) */
@media (max-width: 1200px) {
    .fc-grid-container {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}

/* EN CELULARES (Se apilan en una sola columna para que no se aplasten) */
@media (max-width: 680px) {
    .fc-grid-container {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   2. LA TARJETA INDIVIDUAL (ESTRUCTURA INMUNE AL ZOOM)
   ========================================================================== */
.fc-responsive-card {
    width: 100% !important; 
    max-width: 370px !important; 
    min-height: 300px !important; 
    background: #f3f3f3 !important;
    border-radius: 36px !important;
    padding: 40px 32px 24px 32px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 0 auto !important; /* Centra la tarjeta en su espacio */
    
    /* Grid interno: separa el texto arriba y el botón abajo con un margen real */
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    gap: 20px !important; 
}

/* ==========================================================================
   3. TEXTOS INTERNOS
   ========================================================================== */
.fc-card-text-zone {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Etiqueta pequeña superior (SOFTWARE) */
.fc-card-tag {
    display: inline-block !important;
    margin-bottom: 14px !important;
    color: #C6FF00 !important;
    font-size: 10px !important;
    letter-spacing: 4px !important;
    font-weight: 700 !important;
    font-family: Arial, sans-serif !important;
}

/* Título de la tarjeta (H3) */
.fc-card-text-zone h3 {
    margin: 0 0 12px 0 !important;
    color: #000000 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -1px !important;
    font-weight: 800 !important;
    font-family: Arial, sans-serif !important;
}

/* Párrafo descriptivo (Ya no se mete debajo del botón) */
.fc-card-text-zone p {
    margin: 0 !important;
    color: #666666 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    font-family: Arial, sans-serif !important;
    text-align: left !important;
}

/* ==========================================================================
   4. BOTÓN MINIATURA EN LA ESQUINA (CON SU MUESCA BLANCA)
   ========================================================================== */
.fc-card-button-zone {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.fc-small-btn {
    position: relative !important;
    width: 54px !important;  /* Tamaño pequeño, estético y controlado */
    height: 54px !important;
    background: #050505 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    
    /* El aro blanco de 8px que tapa el fondo gris de forma limpia */
    box-shadow: 0 0 0 8px #ffffff !important; 
    /* Ajuste para morder suavemente los bordes internos */
    margin-left: -2px !important; 
    
    transition: transform 0.2s ease-in-out !important;
}

/* Efecto hover suave */
.fc-small-btn:hover {
    transform: scale(1.05) !important;
}

/* El icono de las llaves (<>) */
.fc-small-btn span {
    color: #C6FF00 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-family: monospace !important;
    transform: translateY(-1px) !important;
    display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ce26e6 *//* ==========================================================================
   1. CONTENEDOR GENERAL RESPONSIVO (GRID DE LAS 4 TARJETAS)
   ========================================================================== */
.fc-grid-container {
    display: grid !important;
    /* Fuerza 4 columnas perfectas en zoom normal (pantallas grandes) */
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1400px !important; 
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* CUANDO HACES ZOOM A 120% / 150% O EN TABLETS (Pasa a 2 y 2) */
@media (max-width: 1200px) {
    .fc-grid-container {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}

/* EN CELULARES (Se apilan en una sola columna para que no se aplasten) */
@media (max-width: 680px) {
    .fc-grid-container {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   2. LA TARJETA INDIVIDUAL (ESTRUCTURA INMUNE AL ZOOM)
   ========================================================================== */
.fc-responsive-card {
    width: 100% !important; 
    max-width: 370px !important; 
    min-height: 300px !important; 
    background: #f3f3f3 !important;
    border-radius: 36px !important;
    padding: 40px 32px 24px 32px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 0 auto !important; /* Centra la tarjeta en su espacio */
    
    /* Grid interno: separa el texto arriba y el botón abajo con un margen real */
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    gap: 20px !important; 
}

/* ==========================================================================
   3. TEXTOS INTERNOS
   ========================================================================== */
.fc-card-text-zone {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Etiqueta pequeña superior (SOFTWARE) */
.fc-card-tag {
    display: inline-block !important;
    margin-bottom: 14px !important;
    color: #C6FF00 !important;
    font-size: 10px !important;
    letter-spacing: 4px !important;
    font-weight: 700 !important;
    font-family: Arial, sans-serif !important;
}

/* Título de la tarjeta (H3) */
.fc-card-text-zone h3 {
    margin: 0 0 12px 0 !important;
    color: #000000 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -1px !important;
    font-weight: 800 !important;
    font-family: Arial, sans-serif !important;
}

/* Párrafo descriptivo (Ya no se mete debajo del botón) */
.fc-card-text-zone p {
    margin: 0 !important;
    color: #666666 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    font-family: Arial, sans-serif !important;
    text-align: left !important;
}

/* ==========================================================================
   4. BOTÓN MINIATURA EN LA ESQUINA (CON SU MUESCA BLANCA)
   ========================================================================== */
.fc-card-button-zone {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.fc-small-btn {
    position: relative !important;
    width: 54px !important;  /* Tamaño pequeño, estético y controlado */
    height: 54px !important;
    background: #050505 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    
    /* El aro blanco de 8px que tapa el fondo gris de forma limpia */
    box-shadow: 0 0 0 8px #ffffff !important; 
    /* Ajuste para morder suavemente los bordes internos */
    margin-left: -2px !important; 
    
    transition: transform 0.2s ease-in-out !important;
}

/* Efecto hover suave */
.fc-small-btn:hover {
    transform: scale(1.05) !important;
}

/* El icono de las llaves (<>) */
.fc-small-btn span {
    color: #C6FF00 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-family: monospace !important;
    transform: translateY(-1px) !important;
    display: inline-block !important;
}/* End custom CSS */