/* gokiebox.com/pe/registro-dominios — CSS propio de esta página. */
/* ===== Reglas de diseño de esta página (heredadas del maquetador) ===== */
.el-15129 .el-element.el-element-5056cbb{--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:150px;--padding-bottom:150px;--padding-left:10px;--padding-right:10px;}.el-15129 .el-element.el-element-5056cbb:not(.el-motion-effects-element-type-background){background-color:transparent;background-image:linear-gradient(180deg, #1ABC9C 0%, #FFFFFF8C 100%);}.el-15129 .el-element.el-element-5056cbb.kit-particles .kit-particles-wrapper{z-index:0;}.el-15129 .el-element.el-element-b328914{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.el-15129 .el-element.el-element-5b1b2b0{text-align:center;}.el-15129 .el-element.el-element-5b1b2b0 .el-heading-title{font-weight:700;color:#FFFFFF;}.el-15129 .el-element.el-element-20aeebe{text-align:center;}.el-15129 .el-element.el-element-20aeebe .el-heading-title{line-height:29px;color:#FFFFFF;}.el-15129 .el-element.el-element-2cbe9ec{--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:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.el-15129 .el-element.el-element-9fe30d1{--display:flex;}.el-15129 .el-element.el-element-8e98378 .el-icon-box-wrapper{align-items:start;gap:15px;}.el-15129 .el-element.el-element-8e98378.el-view-default .el-icon{fill:#1ABC9C;color:#1ABC9C;border-color:#1ABC9C;}.el-15129 .el-element.el-element-d9085a2{--display:flex;}.el-15129 .el-element.el-element-a04245c .el-icon-box-wrapper{align-items:start;gap:15px;}.el-15129 .el-element.el-element-a04245c.el-view-default .el-icon{fill:#1ABC9C;color:#1ABC9C;border-color:#1ABC9C;}.el-15129 .el-element.el-element-d2fb567{--display:flex;}.el-15129 .el-element.el-element-b4163cf .el-icon-box-wrapper{align-items:start;gap:15px;}.el-15129 .el-element.el-element-b4163cf.el-view-default .el-icon{fill:#1ABC9C;color:#1ABC9C;border-color:#1ABC9C;}.el-15129 .el-element.el-element-99459a0{--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-15129 .el-element.el-element-4d53644{--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.28;--padding-top:50px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.el-15129 .el-element.el-element-4d53644:not(.el-motion-effects-element-type-background){background-color:#ECECEC;}.el-15129 .el-element.el-element-4d53644::before{background-image:url("/pe/assets/img/2024/02/Textura-Gokiebox-2-1024x960.png");--background-overlay:'';}.el-15129 .el-element.el-element-e7e5b90{text-align:center;}.el-15129 .el-element.el-element-a9bec24{--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-15129 .el-element.el-element-1aa7270{--display:flex;}.el-15129 .el-element.el-element-7a91079 > .el-widget-container{background-color:#FFFFFF;padding:5% 5% 5% 5%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#E8E8E8;border-radius:20px 20px 20px 20px;}.el-15129 .el-element.el-element-7a91079.el-position-top .el-image-box-img{margin-bottom:15px;}.el-15129 .el-element.el-element-7a91079 .el-image-box-wrapper .el-image-box-img{width:50%;}.el-15129 .el-element.el-element-7a91079 .el-image-box-img img{transition-duration:0.3s;}.el-15129 .el-element.el-element-7a91079 .el-image-box-title{font-size:20px;}.el-15129 .el-element.el-element-389a0b8{--display:flex;}.el-15129 .el-element.el-element-6058714 > .el-widget-container{background-color:#FFFFFF;padding:5% 5% 5% 5%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#E8E8E8;border-radius:20px 20px 20px 20px;}.el-15129 .el-element.el-element-6058714.el-position-top .el-image-box-img{margin-bottom:0px;}.el-15129 .el-element.el-element-6058714 .el-image-box-wrapper .el-image-box-img{width:15%;}.el-15129 .el-element.el-element-6058714 .el-image-box-img img{transition-duration:0.3s;}.el-15129 .el-element.el-element-6058714 .el-image-box-title{font-size:20px;}.el-15129 .el-element.el-element-c48f44d{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.el-15129 .el-element.el-element-c365bfc{text-align:center;}.el-15129 .el-element.el-element-2e3a4b9{text-align:center;}@media(max-width:767px){.el-15129 .el-element.el-element-a04245c.el-element{--align-self:center;}.el-15129 .el-element.el-element-a04245c .el-icon-box-wrapper{text-align:center;}.el-15129 .el-element.el-element-b4163cf.el-element{--align-self:center;}.el-15129 .el-element.el-element-b4163cf .el-icon-box-wrapper{text-align:center;}.el-15129 .el-element.el-element-7a91079 .el-image-box-img{margin-bottom:15px;}.el-15129 .el-element.el-element-6058714 .el-image-box-img{margin-bottom:0px;}}@media(min-width:768px){.el-15129 .el-element.el-element-5056cbb{--content-width:1000px;}.el-15129 .el-element.el-element-2cbe9ec{--content-width:1200px;}}/* 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 (gk-clouds-css) ===== */
.el-15129 .el-element.el-element-5056cbb{position:relative}
.el-15129 .el-element.el-element-5056cbb>.x-con-inner{position:relative;z-index:1}
.gk-clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.gk-cloud{display:block;position:absolute;left:100%;top:var(--t);width:var(--w);aspect-ratio:474/262;opacity:var(--o);background:url(/pe/assets/uploads/2025/05/cloud-png-nube-2.png) center/contain no-repeat;animation:gkCloudDrift var(--d) linear var(--dl) infinite;will-change:transform}
@keyframes gkCloudDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-100vw - 300px),0,0)}}
@media(max-width:1024px){.gk-cloud{width:calc(var(--w) * .72)}}
@media(max-width:767px){.gk-cloud{width:calc(var(--w) * .58)}}
@media(prefers-reduced-motion:reduce){.gk-cloud{animation-play-state:paused}}

/* ===== Bloque de la página ===== */
#gokie-ds-btn{display:inline-flex;align-items:center;gap:10px}#gokie-ds-btn .gokie-ai-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:9999px;background:rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;line-height:1}#gokie-ds-btn .gokie-ai-badge svg{width:13px;height:13px;animation:gkAiSpark 4s ease-in-out infinite}#gokie-ds-btn[disabled] .gokie-ai-badge,#gokie-ds-btn.is-loading .gokie-ai-badge{display:none}@keyframes gkAiSpark{0%,100%{transform:rotate(0deg);opacity:.85}50%{transform:rotate(180deg);opacity:1}}@media(prefers-reduced-motion:reduce){#gokie-ds-btn .gokie-ai-badge svg{animation:none}}

/* ===== Bloque de la página ===== */
/* Fila de beneficios: 4 columnas (era 3). Ancho y tamaño de título por punto de quiebre. */
.el-element-2cbe9ec > .x-con-inner{flex-wrap:wrap;gap:24px 20px}
.el-element-2cbe9ec > .x-con-inner > .x-child{--width:calc(25% - 15px);width:calc(25% - 15px)}
.el-element-2cbe9ec .el-icon-box-title{font-size:20px;line-height:1.3}
.el-element-2cbe9ec .el-icon-box-description{font-size:15px;line-height:1.5}
.el-element-gk4box .el-icon{display:inline-flex;align-items:center;justify-content:center;color:#1abc9c}
@media(max-width:1024px){.el-element-2cbe9ec > .x-con-inner > .x-child{--width:calc(50% - 10px);width:calc(50% - 10px)}}
@media(max-width:767px){.el-element-2cbe9ec > .x-con-inner > .x-child{--width:100%;width:100%}}

/* ===== Bloque de la página ===== */
/* CSS Scoped: Solo aplica dentro de este contenedor */
        .gokie-domain-container{
            /* Colores Personalizables Locales */
            --gokie-brand: #1ABC9C; /* TU COLOR TURQUESA */
            --gokie-brand-hover: #16a085;
            --gokie-bg: #F9FAFB;
            --gokie-card-bg: #FFFFFF;
            --gokie-text-main: #111827;
            --gokie-text-secondary: #6B7280;
            --gokie-border: #E5E7EB;
            
            /* Usamos el turquesa para el precio principal */
            --gokie-price-color: var(--gokie-brand); 
            
            /* Fondo badge: turquesa muy suave (10% opacidad) */
            --gokie-tld-bg: rgba(26, 188, 156, 0.1); 
            /* Texto badge: turquesa oscuro */
            --gokie-tld-text: #16a085; 
            
            --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --radius: 4px; /* Borde sutil solicitado */
        
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            max-width: 1000px;
            margin: 2rem auto;
            padding: 0 1rem;
            color: var(--gokie-text-main);
        }

        /* HEADER & SEARCH */
        .gokie-domain-container .gokie-header-section{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            flex-wrap: wrap;
            gap: 1rem;
        }

        .gokie-domain-container .gokie-title{
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--gokie-text-main);
            margin: 0;
        }

        .gokie-domain-container .gokie-search-wrapper{
            position: relative;
            width: 100%;
            max-width: 320px;
        }

        .gokie-domain-container .gokie-search-wrapper input{
            width: 100%;
            padding: 0.75rem 1rem 0.75rem 2.5rem;
            border: 1px solid var(--gokie-border);
            border-radius: 9999px; /* Buscador siempre redondo */
            font-size: 0.95rem;
            transition: all 0.2s;
            background: var(--gokie-card-bg);
            box-shadow: var(--shadow-sm);
            color: var(--gokie-text-main);
        }

        .gokie-domain-container .gokie-search-wrapper input:focus{
            outline: none;
            border-color: var(--gokie-brand);
            box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.2); /* Sombra Turquesa */
        }

        .gokie-domain-container .search-icon{
            position: absolute;
            left: 1rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--gokie-text-secondary);
            display: flex;
        }

        /* TABLE CARD */
        .gokie-domain-container .gokie-table-card{
            background: var(--gokie-card-bg);
            border-radius: 12px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            border: 1px solid #EDF1F3;
            /* sin borde superior visible: el thead gradiente actúa como cabecera */
            border-top: 0;
            /* sin padding inferior; el tbody termina al ras del card */
            font-size: 0;
        }

        .gokie-domain-container .table-responsive{
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            font-size: initial;
        }

        .gokie-domain-container .gokie-domain-table{
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            text-align: left;
            /* el CSS de WP mete margin-block-end: 15px → franja blanca al pie del card */
            margin: 0;
            margin-block-end: 0;
        }

        .gokie-domain-container .gokie-domain-table th{
            background: #F8FAFB;
            padding: 1rem 1.6rem;
            font-size: 0.72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.07em;
            color: #64748B;
            border: 0;
            border-bottom: 1px solid #ECF0F2;
            white-space: nowrap;
        }

        /* El CSS heredado de WP pinta un borde gris oscuro con la propiedad
           lógica border-block-start y un selector de mayor especificidad
           (table thead:first-child tr:first-child th); se anula aquí. */
        .gokie-domain-container .gokie-domain-table thead tr:first-child th,.gokie-domain-container .gokie-domain-table thead tr:first-child td{
            border-block-start: 0;
        }

        .gokie-domain-container .gokie-domain-table tbody tr:last-child td,.gokie-domain-container .gokie-domain-table tbody tr:last-child th{
            border-block-end: 0;
        }

        .gokie-domain-container .gokie-domain-table td{
            padding: 1.05rem 1.6rem;
            border: 0;
            border-bottom: 1px solid #EFF2F4;
            font-size: 0.95rem;
            vertical-align: middle;
            color: var(--gokie-text-main);
            transition: background-color 0.18s ease;
        }

        /* Filas blancas: neutraliza la zebra gris que pinta el CSS de WP
           (table tbody > tr:nth-child(odd) > td { background: rgba(128,128,128,.07) }) */
        .gokie-domain-container .gokie-domain-table tbody > tr > td{
            background-color: transparent;
        }

        /* Números de precio alineados (tabular) */
        .gokie-domain-container .price-cell{ font-variant-numeric: tabular-nums; }

        .gokie-domain-container .gokie-domain-table tr:last-child td{
            border-bottom: none;
        }

        .gokie-domain-container .gokie-domain-table tbody tr:hover td{
            background-color: rgba(26, 188, 156, 0.06);
        }

        /* ESTILOS DE COLUMNAS */
        .gokie-domain-container .tld-badge{
            display: inline-flex;
            align-items: center;
            color: var(--gokie-text-main);
            font-weight: 800;
            font-size: 1.02rem;
            letter-spacing: 0.2px;
        }

        .gokie-domain-container .text-muted{
            color: var(--gokie-text-secondary);
            font-size: 0.9rem;
        }

        .gokie-domain-container .price-tag{
            font-weight: 700;
            color: var(--gokie-text-main);
        }
        
        .gokie-domain-container .registration .price-tag{
             color: var(--gokie-text-main);
             font-size: 1.02rem;
             font-weight: 800;
        }

        /* CTA por fila (estilo Hostinger: botón fantasma → sólido al pasar) */
        .gokie-domain-container .cta-cell{ text-align: right; width: 1%; }
        .gokie-domain-container .gokie-row-cta{
            display: inline-block;
            padding: 0.45rem 1.15rem;
            border: 1.5px solid var(--gokie-brand);
            border-radius: 9999px;
            background: transparent;
            color: var(--gokie-brand-hover);
            font-family: inherit;
            font-size: 0.85rem;
            font-weight: 700;
            line-height: 1.2;
            cursor: pointer;
            white-space: nowrap;
            transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
        }
        .gokie-domain-container .gokie-row-cta:hover{
            background: var(--gokie-brand);
            color: #fff;
            box-shadow: 0 4px 12px rgba(26, 188, 156, 0.35);
        }

        /* ESTADO SIN RESULTADOS */
        .gokie-domain-container .gokie-no-results{
            padding: 4rem 2rem;
            text-align: center;
            color: var(--gokie-text-secondary);
        }
        
        .gokie-domain-container .no-results-content{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem;
        }
        
        .gokie-domain-container .no-results-content svg{
            color: #D1D5DB;
        }

        /* Botón "Ver todos" aislado */
        .gokie-domain-container .btn-clear{
            background: none;
            border: 1px solid var(--gokie-border);
            padding: 0.5rem 1rem;
            border-radius: 6px;
            cursor: pointer;
            font-size: 0.875rem;
            color: var(--gokie-brand); /* Usa tu color Mint */
            transition: all 0.2s;
        }
        
        .gokie-domain-container .btn-clear:hover{
            background-color: #F3F4F6;
            color: var(--gokie-brand-hover);
        }

        /* RESPONSIVE MÓVIL: se conserva el diseño de tabla, scroll horizontal */
        @media (max-width: 768px) {
            .gokie-domain-container{ margin: 1.25rem auto; padding: 0 0.85rem; }

            .gokie-domain-container .gokie-header-section{
                flex-direction: column;
                align-items: stretch;
                gap: 12px;
            }

            .gokie-domain-container .gokie-title{ font-size: 1.25rem; }

            .gokie-domain-container .gokie-search-wrapper{ max-width: 100%; }

            /* Indicador sutil de scroll a la derecha (degradé que insinúa más contenido) */
            .gokie-domain-container .gokie-table-card{ position: relative; }
            .gokie-domain-container .gokie-table-card::after{
                content: "";
                position: absolute;
                top: 0; right: 0; bottom: 0;
                width: 24px;
                pointer-events: none;
                background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.85));
                border-top-right-radius: 12px;
                border-bottom-right-radius: 12px;
            }

            /* Densidad de tabla más compacta en móvil para que entre con poco scroll */
            .gokie-domain-container .gokie-domain-table th,.gokie-domain-container .gokie-domain-table td{
                padding: 0.7rem 0.85rem;
                font-size: 0.85rem;
                white-space: nowrap;
            }
            .gokie-domain-container .gokie-domain-table th{ font-size: 0.65rem; }
            .gokie-domain-container .tld-badge{ font-size: 0.92rem; }
            .gokie-domain-container .registration .price-tag{ font-size: 0.92rem; }
            .gokie-domain-container .gokie-row-cta{ padding: 0.35rem 0.85rem; font-size: 0.78rem; }
        }

/* ===== Bloque de la página ===== */
.gk-card-btn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:10px 18px;border:1.5px solid #1abc9c;border-radius:10px;color:#1abc9c;font-weight:600;font-size:14.5px;line-height:1;text-decoration:none;transition:background-color .16s,color .16s}.gk-card-btn:hover,.gk-card-btn:focus{background:#1abc9c;color:#fff}.el-image-box-content .gk-card-btn{position:relative;z-index:6}

/* ===== Bloque de la página ===== */
.el-element-7a91079 > .el-widget-container{position:relative;transition:transform .25s ease,box-shadow .25s ease!important}.el-element-7a91079 > .el-widget-container:hover{transform:translateY(-6px);box-shadow:0 18px 36px -14px rgba(26,188,156,.32)}.el-element-7a91079 .el-image-box-img img{transition:transform .25s ease}.el-element-7a91079:hover .el-image-box-img img{transform:scale(1.04)}.el-element-7a91079 .el-image-box-title{transition:color .2s ease}.el-element-7a91079:hover .el-image-box-title{color:#1ABC9C}.gk-card-link{position:absolute;inset:0;z-index:5;text-indent:-9999px;overflow:hidden;border-radius:inherit;cursor:pointer}

/* ===== Bloque de la página ===== */
.gk-faq{display:flex;flex-direction:column;gap:10px;font-family:'Poppins',sans-serif}.gk-faq__item{background:#fff;border:1px solid #C7C7C7;border-radius:20px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.gk-faq__item[open]{border-color:#1ABC9C;box-shadow:0 14px 28px -16px rgba(26,188,156,.22)}.gk-faq__q{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-weight:500;color:#0F172A;font-size:15.5px;line-height:1.35;background:#fff;border-radius:20px;transition:background .15s ease}.gk-faq__q::-webkit-details-marker{display:none}.gk-faq__q::marker{content:""}.gk-faq__q:hover{background:#fafafa}.gk-faq__item[open] .gk-faq__q{background:#fff;border-bottom:1px solid #eee;border-radius:20px 20px 0 0}.gk-faq__chev{flex:none;color:#1ABC9C;transition:transform .25s ease}.gk-faq__item[open] .gk-faq__chev{transform:rotate(180deg)}.gk-faq__a{padding:14px 22px 22px;color:#334155;font-size:14.5px;line-height:1.6}.gk-faq__a p{margin:0 0 .8em}.gk-faq__a p:last-child{margin-bottom:0}.gk-faq__a a{color:#1ABC9C;text-decoration:none;border-bottom:1px solid rgba(26,188,156,.3)}.gk-faq__a a:hover{color:#16A085;border-bottom-color:#16A085}
