/* gokiebox.com/pe/software — CSS propio de esta página. */
/* ===== Reglas de diseño de esta página (heredadas del maquetador) ===== */
.el-20213 .el-element.el-element-d4abd9e{--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;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-d4abd9e:not(.el-motion-effects-element-type-background){background-color:#1ABC9C;}.el-20213 .el-element.el-element-d4abd9e > .el-shape-bottom svg,.el-20213 .el-element.el-element-d4abd9e > .x-con-inner > .el-shape-bottom svg{height:74px;}.el-20213 .el-element.el-element-6b6085f{--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;}.el-20213 .el-element.el-element-cc26d73 > .el-widget-container{padding:0px 0px 0px 0px;}.el-20213 .el-element.el-element-cc26d73 .el-heading-title{font-size:55px;font-weight:700;color:#FFFFFF;}.el-20213 .el-element.el-element-b7006f8 > .el-widget-container{padding:10px 0px 10px 0px;}.el-20213 .el-element.el-element-b7006f8{text-align:justify;font-size:18px;color:#FFFFFF;}.el-20213 .el-element.el-element-696ed22 .el-button{background-color:#00000000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.el-20213 .el-element.el-element-696ed22 .el-button-content-wrapper{flex-direction:row-reverse;}.el-20213 .el-element.el-element-44da861{--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;}.el-20213 .el-element.el-element-8d6ef9b{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-404e826{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.el-20213 .el-element.el-element-14f6a9a{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-14f6a9a:not(.el-motion-effects-element-type-background){background-color:#FFFFFF;}.el-20213 .el-element.el-element-4fb26c8{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-618b88a{--display:flex;}.el-20213 .el-element.el-element-2bbf369{text-align:center;}.el-20213 .el-element.el-element-2bbf369 .el-heading-title{font-weight:600;}.el-20213 .el-element.el-element-00f3256{text-align:center;color:#000000;}.el-20213 .el-element.el-element-c0c8b7b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:70px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-c0c8b7b:not(.el-motion-effects-element-type-background){background-color:var( --x-global-color-4ba16c6 );}.el-20213 .el-element.el-element-01bee83{text-align:center;}.el-20213 .el-element.el-element-01bee83 .el-heading-title{font-weight:600;}.el-20213 .el-element.el-element-35b6e22{text-align:center;}.el-20213 .el-element.el-element-de9d2e6{--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;--justify-content:center;}.el-20213 .el-element.el-element-c7578a6{width:var( --container-widget-width, 80.037% );max-width:80.037%;--container-widget-width:80.037%;--container-widget-flex-grow:0;}.el-20213 .el-element.el-element-c7578a6.el-element{--flex-grow:0;--flex-shrink:0;}.el-20213 .el-element.el-element-279305d{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-279305d:not(.el-motion-effects-element-type-background){background-color:var( --x-global-color-4ba16c6 );}.el-20213 .el-element.el-element-ba954af{text-align:center;}.el-20213 .el-element.el-element-865d1b6{--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;}.el-20213 .el-element.el-element-3ebc525{--display:flex;--border-radius:20px 20px 20px 20px;}.el-20213 .el-element.el-element-3ebc525:not(.el-motion-effects-element-type-background){background-color:#FFFFFF;}.el-20213 .el-element.el-element-5e772ea > .el-widget-container{background-color:var( --x-global-color-primary );margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;border-radius:10px 10px 0px 0px;}.el-20213 .el-element.el-element-5e772ea{text-align:center;}.el-20213 .el-element.el-element-5e772ea .el-heading-title{color:#FFFFFF;}.el-20213 .el-element.el-element-8c884a0{text-align:center;}.el-20213 .el-element.el-element-8c884a0 .el-heading-title{font-size:16px;font-weight:400;}.el-20213 .el-element.el-element-32e0f41{--display:flex;--border-radius:20px 20px 20px 20px;}.el-20213 .el-element.el-element-32e0f41:not(.el-motion-effects-element-type-background){background-color:#FFFFFF;}.el-20213 .el-element.el-element-52c4db8 > .el-widget-container{background-color:var( --x-global-color-primary );margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;border-radius:10px 10px 0px 0px;}.el-20213 .el-element.el-element-52c4db8{text-align:center;}.el-20213 .el-element.el-element-52c4db8 .el-heading-title{color:#FFFFFF;}.el-20213 .el-element.el-element-e557d25{text-align:center;}.el-20213 .el-element.el-element-e557d25 .el-heading-title{font-size:16px;font-weight:400;}.el-20213 .el-element.el-element-62990a8{--display:flex;--border-radius:20px 20px 20px 20px;}.el-20213 .el-element.el-element-62990a8:not(.el-motion-effects-element-type-background){background-color:#FFFFFF;}.el-20213 .el-element.el-element-d4b9863 > .el-widget-container{background-color:var( --x-global-color-primary );margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;border-radius:10px 10px 0px 0px;}.el-20213 .el-element.el-element-d4b9863{text-align:center;}.el-20213 .el-element.el-element-d4b9863 .el-heading-title{color:#FFFFFF;}.el-20213 .el-element.el-element-5e519a7{text-align:center;}.el-20213 .el-element.el-element-5e519a7 .el-heading-title{font-size:16px;font-weight:400;}.el-20213 .el-element.el-element-ae23e03{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-ae23e03:not(.el-motion-effects-element-type-background){background-color:#FFFFFF;}.el-20213 .el-element.el-element-1885302{--display:flex;}.el-20213 .el-element.el-element-b6fd2b3{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.08;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-b6fd2b3:not(.el-motion-effects-element-type-background){background-color:var( --x-global-color-accent );}.el-20213 .el-element.el-element-b6fd2b3::before{background-image:url("/pe/assets/img/2024/02/Textura-Gokiebox-2-1024x960.png");--background-overlay:'';}.el-20213 .el-element.el-element-df04cbf{--display:flex;--justify-content:flex-end;--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;}.el-20213 .el-element.el-element-df04cbf.x-con{--align-self:flex-end;}.el-20213 .el-element.el-element-1b7d521 img{border-style:solid;border-width:0px 0px 0px 0px;border-color:#12967C;}.el-20213 .el-element.el-element-7d36b01{--display:flex;}.el-20213 .el-element.el-element-196d7b3 .el-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.el-20213 .el-element.el-element-2c2aa2a{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.el-20213 .el-element.el-element-da4e97d > .el-widget-container{padding:0% 5% 0% 5%;}.el-20213 .el-element.el-element-da4e97d .el-icon-list-items:not(.el-inline-items) .el-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.el-20213 .el-element.el-element-da4e97d .el-icon-list-items:not(.el-inline-items) .el-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.el-20213 .el-element.el-element-da4e97d .el-icon-list-icon i{color:#FFFCFC;transition:color 0.3s;}.el-20213 .el-element.el-element-da4e97d .el-icon-list-icon svg{fill:#FFFCFC;transition:fill 0.3s;}.el-20213 .el-element.el-element-da4e97d{--x-icon-list-icon-size:21px;--icon-vertical-offset:0px;}.el-20213 .el-element.el-element-da4e97d .el-icon-list-item > .el-icon-list-text,.el-20213 .el-element.el-element-da4e97d .el-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.el-20213 .el-element.el-element-da4e97d .el-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.el-20213 .el-element.el-element-10f17b5{--display:flex;}@media(min-width:768px){.el-20213 .el-element.el-element-d4abd9e{--content-width:1300px;}.el-20213 .el-element.el-element-6b6085f{--width:40%;}.el-20213 .el-element.el-element-44da861{--width:60%;}.el-20213 .el-element.el-element-c0c8b7b{--content-width:1414px;}.el-20213 .el-element.el-element-279305d{--content-width:1300px;}.el-20213 .el-element.el-element-b6fd2b3{--content-width:1300px;}.el-20213 .el-element.el-element-df04cbf{--width:40%;}.el-20213 .el-element.el-element-7d36b01{--width:30%;}.el-20213 .el-element.el-element-10f17b5{--width:25%;}}@media(max-width:1024px){.el-20213 .el-element.el-element-1b7d521 img{border-width:0px 0px 0px 0px;}}@media(max-width:767px){.el-20213 .el-element.el-element-d4abd9e > .el-shape-bottom svg,.el-20213 .el-element.el-element-d4abd9e > .x-con-inner > .el-shape-bottom svg{height:30px;}.el-20213 .el-element.el-element-d4abd9e{--padding-top:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-cc26d73 > .el-widget-container{padding:5% 5% 5% 5%;}.el-20213 .el-element.el-element-cc26d73{text-align:center;}.el-20213 .el-element.el-element-cc26d73 .el-heading-title{font-size:40px;}.el-20213 .el-element.el-element-b7006f8 > .el-widget-container{padding:0% 5% 5% 5%;}.el-20213 .el-element.el-element-14f6a9a{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-b6fd2b3{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.el-20213 .el-element.el-element-1b7d521 img{border-width:0px 0px 2px 0px;}.el-20213 .el-element.el-element-196d7b3 > .el-widget-container{padding:30px 0px 0px 0px;}.el-20213 .el-element.el-element-196d7b3{text-align:center;}}/* Start custom CSS for theme-site-logo, class: .el-element-5d5e275 */

/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .el-element-5e9e720 */

/* Start custom CSS for image-carousel, class: .el-element-be1c53f *//* Aplica filtro gris a todas las imágenes dentro del carrusel de Elementor */

/* Opcional: vuelve a color al pasar el mouse */
/* End custom CSS */
/* ===== Bloque de la página (gks-css) ===== */
.gks-page{font-family:"Poppins",sans-serif;color:#212121}
.gks-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.gks-sec{padding:56px 0}
.gks-sec--white{background:#fff}
.gks-sec--mint{background:#EFFAF8}

/* ══ HERO CLARO ══ */
.gks-hero{position:relative;background:#EFFAF8;padding:84px 0 96px;text-align:center;overflow:hidden}
.gks-hero h1{max-width:880px;margin:0 auto .9rem;font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1.14;color:#212121;letter-spacing:-0.5px;text-wrap:balance}
.gks-hero h1 em{font-style:normal;color:#16a085}
.gks-sub{max-width:560px;margin:0 auto 30px;font-size:1.06rem;line-height:1.65;color:#818181}
.gks-ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.gks-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1ABC9C;color:#fff;font-weight:600;font-size:.98rem;padding:.9rem 2rem;border-radius:10px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.gks-btn-primary:hover{background:#16a085;color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(22,160,133,.55)}
.gks-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#212121;font-weight:600;font-size:.98rem;padding:.9rem 2rem;border-radius:10px;border:1px solid #e3e3e3;text-decoration:none;transition:border-color .2s,transform .2s}
.gks-btn-ghost:hover{border-color:#1ABC9C;color:#16a085;transform:translateY(-2px)}
.gks-micro{margin:0 0 54px;font-size:.85rem;color:#9a9a9a}
.gks-mockup{max-width:1000px;margin:0 auto;padding:0 20px}
.gks-mockup .modern-browser{max-width:100%;border:0;border-radius:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.28)}

/* Burbujas de iconos: suben lento por el fondo del hero */
.gks-bub{position:absolute;top:100%;pointer-events:none;color:#16a085;--o:.20;opacity:0;z-index:0;
  animation:gksSube var(--d,20s) linear var(--dl,0s) infinite;will-change:transform,opacity}
.gks-bub.ink{color:#212121;--o:.12}
.gks-bub svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;
  animation:gksVaiven var(--s,5s) ease-in-out infinite alternate}
@keyframes gksSube{0%{transform:translateY(0);opacity:0}7%{opacity:var(--o)}86%{opacity:var(--o)}100%{transform:translateY(-1500px);opacity:0}}
@keyframes gksVaiven{from{transform:translateX(-16px) rotate(-8deg)}to{transform:translateX(16px) rotate(8deg)}}
.gks-hero .gks-wrap,.gks-hero .gks-mockup,.gks-hero .gks-tabs{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.gks-bub{display:none}}
@media(max-width:1000px){.gks-bub:nth-of-type(even){display:none}.gks-bub{--o:.13}}
@media(max-width:700px){.gks-bub{display:none}}

/* pestañas del carrusel */
.gks-tabs{display:flex;justify-content:center;gap:8px 30px;flex-wrap:wrap;margin:26px auto 0;padding:0}
.gks-tab{position:relative;font-family:inherit;background:none;border:0;cursor:pointer;font-size:13.5px;font-weight:600;color:#9a9a9a;letter-spacing:.02em;padding:0 0 7px;animation:gksTabOn var(--tiempo-total) infinite;transition:color .18s}
.gks-tab:hover{color:#16a085}
/* Modo manual: al hacer clic se congela el automático y manda la selección */
.is-manual .screen-img{animation:none!important;opacity:0;transition:opacity .35s}
.is-manual .screen-img.is-on{opacity:1;z-index:2}
.is-manual .gks-tab{animation:none!important;color:#9a9a9a}
.is-manual .gks-tab.is-on{color:#111}
.is-manual .gks-tab::after{animation:none!important;transform:scaleX(0);transition:transform .25s}
.is-manual .gks-tab.is-on::after{transform:scaleX(1)}
.gks-tab::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#1ABC9C;border-radius:2px;transform:scaleX(0);transform-origin:left;animation:gksTabBar var(--tiempo-total) infinite}
.gks-tab:nth-child(1),.gks-tab:nth-child(1)::after{animation-delay:0s}
.gks-tab:nth-child(2),.gks-tab:nth-child(2)::after{animation-delay:3.5s}
.gks-tab:nth-child(3),.gks-tab:nth-child(3)::after{animation-delay:7s}
.gks-tab:nth-child(4),.gks-tab:nth-child(4)::after{animation-delay:10.5s}
.gks-tab:nth-child(5),.gks-tab:nth-child(5)::after{animation-delay:14s}
@keyframes gksTabOn{0%,4%{color:#9a9a9a}6%,24%{color:#111111}28%,100%{color:#9a9a9a}}
@keyframes gksTabBar{0%,5%{transform:scaleX(0)}25%{transform:scaleX(1)}25.01%,100%{transform:scaleX(0)}}
@media(max-width:600px){.gks-tabs{gap:6px 16px}.gks-tab{font-size:11.5px}}


/* ══ SECCIÓN SOLUCIONES (fondo blanco) ══ */
.gks-dark{background:#fff;padding:78px 0;scroll-margin-top:70px}
.gks-dark-head{text-align:center;max-width:720px;margin:0 auto 50px}
.gks-dark-head h2{font-size:clamp(28px,3.6vw,42px);font-weight:700;line-height:1.2;color:#212121;margin:0;text-wrap:balance}
.gks-dark-head h2 em{font-style:normal;color:#1ABC9C}
.gks-dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gks-dcard{position:relative;display:flex;flex-direction:column;min-height:236px;background:#fff;border:1px solid #e8edf0;border-radius:14px;padding:26px;transition:border-color .25s,box-shadow .25s,transform .25s}
.gks-dcard:hover{border-color:#1ABC9C;box-shadow:0 24px 48px -24px rgba(26,188,156,.35);transform:translateY(-4px)}
.gks-dcard-link{position:absolute;inset:0;z-index:5;text-indent:-9999px;overflow:hidden;border-radius:inherit}
.gks-dtop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:44px}
.gks-dtop .gks-dic{color:#212121;transition:color .25s}
.gks-dcard:hover .gks-dic{color:#16a085}
.gks-dtop .gks-dic svg{width:30px;height:30px}
.gks-darrow{color:#c4cdd2;transition:color .25s,transform .25s}
.gks-darrow svg{width:20px;height:20px}
.gks-dcard:hover .gks-darrow{color:#1ABC9C;transform:translate(3px,-3px)}
.gks-dsector{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#16a085;margin:auto 0 6px}
.gks-dcard h3{font-size:20px;font-weight:700;color:#212121;margin:0 0 8px}
.gks-dcard p{font-size:13.8px;line-height:1.6;color:#818181;margin:0}

/* ══ BANDA DEV (se conserva) ══ */
.gks-head{text-align:center;max-width:680px;margin:0 auto 44px}
.gks-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:700;margin:0 0 .55rem;color:#212121}
.gks-head p{color:#818181;font-size:1rem;line-height:1.6;margin:0}
.gks-dev{background:linear-gradient(135deg,#1abc9c 0%,#16a085 100%);border-radius:22px;padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;color:#fff}
.gks-dev h2{font-size:clamp(22px,2.8vw,30px);font-weight:700;margin:0 0 .4rem;color:#fff}
.gks-dev p{margin:0;color:rgba(255,255,255,.92);font-size:.98rem;line-height:1.6;max-width:560px}
.gks-dev-cta{flex:none;display:inline-block;background:#fff;color:#16a085;font-weight:700;font-size:.95rem;padding:.85rem 2rem;border-radius:10px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.gks-dev-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(0,0,0,.28);color:#16a085}

/* ══ COMPLEMENTOS (se conserva) ══ */
.gks-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:960px;margin:0 auto}
.gks-mini{position:relative;background:#fff;border:1px solid #e8edf0;border-radius:16px;padding:24px 22px;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s}
.gks-mini:hover{transform:translateY(-5px);border-color:#1abc9c;box-shadow:0 20px 40px -20px rgba(26,188,156,.35)}
.gks-card-link{position:absolute;inset:0;z-index:5;text-indent:-9999px;overflow:hidden;border-radius:inherit}
.gks-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#effaf8;color:#16a085;margin-bottom:12px}
.gks-ic svg{width:24px;height:24px}
.gks-mini h3{font-size:15.5px;font-weight:700;margin:0 0 6px;color:#212121}
.gks-mini p{font-size:13px;line-height:1.55;color:#818181;margin:0}

/* ══ BENEFICIOS ══ */
.gks-sec--gray{background:#F5F5F5}
.gks-bgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 26px}
.gks-ben{display:flex;flex-direction:column;align-items:flex-start}
.gks-ben .gks-ic{background:#fff;border:1px solid #e8edf0;margin-bottom:13px}
.gks-ben h3{font-size:16px;font-weight:700;margin:0 0 6px;color:#212121}
.gks-ben p{font-size:13.5px;line-height:1.6;color:#818181;margin:0}

@media(max-width:900px){.gks-dgrid{grid-template-columns:repeat(2,1fr)}.gks-grid3{grid-template-columns:1fr;max-width:420px}.gks-bgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gks-bgrid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
@media(max-width:600px){.gks-hero{padding:56px 0 64px}.gks-dgrid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.gks-dcard{min-height:0}.gks-dtop{margin-bottom:26px}.gks-dev{padding:34px 26px}.gks-mockup{padding:0 12px}}

/* ===== Bloque de la página ===== */
/* --- CONFIGURACIÓN DE VARIABLES --- */
:root{
    --tiempo-total: 17.5s;
    --tiempo-slide: 3.5s;
    --color-progreso: #1ABC9C; 
}

/* --- CONTENEDOR MOCKUP --- */
.modern-browser{
    width: 100%;
    max-width: 900px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 30px 60px -10px rgba(0,0,0,0.2), 0 10px 20px -5px rgba(0,0,0,0.1); 
    overflow: hidden;
    position: relative;
    font-family: 'Poppins', sans-serif;
}







/* --- PANTALLA (Ajustada para ver todo) --- */
.screen-viewport{
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Aspecto 16:9 */
    background: #ffffff; 
    overflow: hidden;
    /* Centramos la imagen si sobra espacio */
    display: flex;
    align-items: center; 
    justify-content: center;
}

.screen-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* CAMBIO CLAVE: 'contain' muestra toda la imagen sin cortar */
    object-fit: contain; 
    object-position: center;
    opacity: 0;
    /* Quitamos el scale(1.1) inicial */
    animation: smoothFadeOverlap var(--tiempo-total) infinite;
}



/* --- SINCRONIZACIÓN --- */
.d-1{ animation-delay: 0s; }
.d-2{ animation-delay: 3.5s; }
.d-3{ animation-delay: 7s; }
.d-4{ animation-delay: 10.5s; }
.d-5{ animation-delay: 14s; }

/* --- KEYFRAMES MEJORADOS (SIN ZOOM) --- */

/* NUEVA ANIMACIÓN: Solo Desvanecimiento y Desenfoque, SIN movimiento */
@keyframes smoothFadeOverlap {
    0% { opacity: 0; z-index: 2; }
    1.5% { opacity: 1; z-index: 2; }
    26% { opacity: 1; z-index: 1; }
    28% { opacity: 0; z-index: 1; }
    100% { opacity: 0; z-index: 1; }
}









@media (max-width: 768px) {
    .modern-browser{ margin-top: 20px; }
}