/* Start custom CSS for html, class: .elementor-element-45c0d07 *//* =========================================================
   CUKTECH PRODUCT LANDING
   Base reutilizable para Power Banks y Chargers
========================================================= */

.cuktech-product{
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
    color:#111;
    font-family:inherit;
}

.cuktech-product *,
.cuktech-product *::before,
.cuktech-product *::after{
    box-sizing:border-box;
}


/* =========================================================
   GLOBAL
========================================================= */

.cuktech-product img,
.cuktech-product video{
    display:block;
    width:100%;
    max-width:100%;
}

.cuktech-product img{
    height:auto;
}

.cuktech-label{
    display:block;
    margin-bottom:12px;

    font-size:13px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;

    color:#777;
}

.cuktech-copy h3,
.cuktech-hero-copy h2,
.cuktech-hero-copy h3,
.cuktech-capacity h2,
.cuktech-safety h2,
.cuktech-section-head h2,
.cuktech-final h2{
    margin-top:0;
}

.cuktech-copy p,
.cuktech-hero-copy p,
.cuktech-capacity p,
.cuktech-safety p,
.cuktech-section-head p,
.cuktech-final p{
    color:#626262;
    font-size:18px;
    line-height:1.8;
}


/* =========================================================
   HERO
========================================================= */

.cuktech-hero{
    width:100%;
    max-width:1200px;

    margin:0 auto 80px;

    text-align:center;
}

.cuktech-hero-media{
    width:100%;
    margin-bottom:42px;

    overflow:hidden;
    border-radius:30px;

    background:#f5f5f5;
}

.cuktech-hero-media img,
.cuktech-hero-media video{
    width:100%;
    height:auto;
    max-height:650px;

    object-fit:cover;
}

.cuktech-hero-copy{
    max-width:850px;
    margin:0 auto;
    padding:0 20px;
}

.cuktech-hero-copy h2{
    margin-bottom:10px;

    font-size:46px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:-1.5px;
}

.cuktech-hero-copy h3{
    margin-bottom:18px;

    font-size:26px;
    line-height:1.35;
    font-weight:500;

    color:#444;
}

.cuktech-hero-copy p{
    max-width:760px;
    margin:0 auto;
}


/* =========================================================
   PILLS
========================================================= */

.cuktech-pills{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;

    gap:10px;

    margin-top:28px;
}

.cuktech-pills span,
.cuktech-spec-pills span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:9px 15px;

    border:1px solid #dedede;
    border-radius:100px;

    background:#fff;

    color:#333;

    font-size:13px;
    line-height:1.2;
    font-weight:500;
}


/* =========================================================
   FEATURE SECTIONS
========================================================= */

.cuktech-feature{
    width:100%;
    max-width:1200px;

    margin:0 auto 80px;
}

.cuktech-feature.side{
    display:flex;
    align-items:center;

    gap:65px;
}

.cuktech-feature.side .cuktech-media{
    flex:0 0 44%;
    width:44%;
}

.cuktech-feature.side .cuktech-copy{
    flex:1;
}

.cuktech-feature.side.reverse{
    flex-direction:row-reverse;
}

.cuktech-media{
    overflow:hidden;

    border-radius:28px;

    background:#f4f4f4;
}

.cuktech-media img,
.cuktech-media video{
    width:100%;
    height:auto;

    object-fit:cover;
}

.cuktech-copy h3{
    margin-bottom:18px;

    font-size:36px;
    line-height:1.15;
    letter-spacing:-.7px;
}

.cuktech-copy p{
    margin:0 0 16px;
}

.cuktech-copy p:last-child{
    margin-bottom:0;
}


/* =========================================================
   WIDE FEATURE
========================================================= */

.cuktech-wide .cuktech-media{
    width:100%;
    margin-bottom:35px;
}

.cuktech-wide .cuktech-media img,
.cuktech-wide .cuktech-media video{
    width:100%;
    max-height:680px;

    object-fit:cover;
}

.cuktech-wide .cuktech-copy{
    max-width:800px;

    margin:0 auto;

    text-align:center;
}

.cuktech-wide .cuktech-copy h3{
    font-size:38px;
}


/* =========================================================
   USB-C SPEC PILLS
========================================================= */

.cuktech-spec-pills{
    display:flex;
    flex-wrap:wrap;

    gap:10px;

    margin-top:25px;
}

.cuktech-spec-pills span{
    padding:10px 16px;

    background:#f5f5f5;
    border:0;
}

.cuktech-spec-pills strong{
    margin-right:5px;

    color:#111;
}


/* =========================================================
   CAPACITY / DARK SECTION
========================================================= */

.cuktech-capacity{
    width:100%;
    max-width:1200px;

    margin:0 auto 80px;
    padding:75px 50px;

    border-radius:30px;

    background:#111;
    color:#fff;
}

.cuktech-capacity-inner{
    max-width:900px;

    margin:0 auto;

    text-align:center;
}

.cuktech-capacity .cuktech-label{
    color:#aaa;
}

.cuktech-capacity h2{
    margin-bottom:18px;

    font-size:44px;
    line-height:1.15;
    letter-spacing:-1px;

    color:#fff;
}

.cuktech-capacity p{
    max-width:720px;

    margin:0 auto;

    color:#c7c7c7;
}


/* STATS */

.cuktech-stats{
    display:grid;
    grid-template-columns:repeat(3, 1fr);

    gap:15px;

    margin-top:45px;
}

.cuktech-stats > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    min-height:140px;

    padding:25px 15px;

    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;

    background:rgba(255,255,255,.05);
}

.cuktech-stats strong{
    display:block;

    margin-bottom:7px;

    color:#fff;

    font-size:32px;
    line-height:1;
}

.cuktech-stats span{
    color:#aaa;

    font-size:13px;
}


/* =========================================================
   SAFETY
========================================================= */

.cuktech-safety{
    width:100%;
    max-width:1200px;

    margin:0 auto 80px;
    padding:70px 50px;

    border-radius:30px;

    background:#f3f3f3;

    text-align:center;
}

.cuktech-safety-copy{
    max-width:780px;
    margin:0 auto;
}

.cuktech-safety h2{
    margin-bottom:18px;

    font-size:42px;
    line-height:1.15;
    letter-spacing:-1px;
}

.cuktech-safety p{
    margin:0;
}


/* =========================================================
   SPECS
========================================================= */

.cuktech-specs{
    width:100%;
    max-width:1200px;

    margin:0 auto 80px;
}

.cuktech-section-head{
    max-width:800px;

    margin:0 auto 35px;

    text-align:center;
}

.cuktech-section-head h2{
    margin-bottom:15px;

    font-size:40px;
    line-height:1.15;
    letter-spacing:-1px;
}

.cuktech-spec-grid{
    display:grid;

    grid-template-columns:repeat(3, 1fr);

    gap:12px;
}

.cuktech-spec-grid > div{
    display:flex;
    flex-direction:column;

    min-height:115px;

    padding:23px;

    border-radius:18px;

    background:#f5f5f5;
}

.cuktech-spec-grid span{
    margin-bottom:10px;

    color:#888;

    font-size:13px;
    line-height:1.4;
}

.cuktech-spec-grid strong{
    margin-top:auto;

    color:#111;

    font-size:17px;
    line-height:1.4;
}


/* =========================================================
   BOX CONTENTS
========================================================= */

.cuktech-box{
    width:100%;
    max-width:1200px;

    margin:0 auto 80px;
}

.cuktech-box-grid{
    display:grid;

    grid-template-columns:repeat(2, 1fr);

    gap:12px;
}

.cuktech-box-grid > div{
    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:80px;

    padding:20px 24px;

    border:1px solid #e7e7e7;
    border-radius:16px;

    background:#fff;
}

.cuktech-box-grid strong{
    color:#222;

    font-size:15px;
    line-height:1.4;
}

.cuktech-box-grid span{
    margin-left:15px;

    color:#888;

    font-size:13px;
}


/* =========================================================
   FINAL BANNER
========================================================= */

.cuktech-final{
    width:100%;
    max-width:1200px;

    margin:0 auto 30px;
    padding:75px 40px;

    border-radius:30px;

    background:#f3f3f3;

    text-align:center;
}

.cuktech-final-inner{
    max-width:850px;

    margin:0 auto;
}

.cuktech-final h2{
    margin-bottom:18px;

    font-size:44px;
    line-height:1.15;
    letter-spacing:-1px;
}

.cuktech-final p{
    max-width:720px;

    margin:0 auto;
}


/* =========================================================
   VIDEO
========================================================= */

.cuktech-product .dji-video-fix,
.cuktech-product video{
    display:block;

    width:100%;
    height:auto;

    object-fit:cover;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .cuktech-hero,
    .cuktech-feature,
    .cuktech-capacity,
    .cuktech-safety,
    .cuktech-specs,
    .cuktech-box,
    .cuktech-final{
        max-width:calc(100% - 40px);
    }

    .cuktech-feature.side{
        gap:40px;
    }

    .cuktech-feature.side .cuktech-media{
        flex-basis:46%;
        width:46%;
    }

    .cuktech-copy h3{
        font-size:31px;
    }

    .cuktech-hero-copy h2{
        font-size:42px;
    }

    .cuktech-spec-grid{
        grid-template-columns:repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .cuktech-hero,
    .cuktech-feature,
    .cuktech-capacity,
    .cuktech-safety,
    .cuktech-specs,
    .cuktech-box,
    .cuktech-final{
        width:calc(100% - 30px);
        max-width:none;

        margin-bottom:50px;
    }


    /* HERO */

    .cuktech-hero-media{
        margin-bottom:30px;

        border-radius:20px;
    }

    .cuktech-hero-copy{
        padding:0 5px;
    }

    .cuktech-hero-copy h2{
        font-size:34px;
        letter-spacing:-.8px;
    }

    .cuktech-hero-copy h3{
        font-size:21px;
    }

    .cuktech-copy p,
    .cuktech-hero-copy p,
    .cuktech-capacity p,
    .cuktech-safety p,
    .cuktech-section-head p,
    .cuktech-final p{
        font-size:16px;
        line-height:1.7;
    }


    /* FEATURES */

    .cuktech-feature.side,
    .cuktech-feature.side.reverse{
        display:flex;

        flex-direction:column;

        gap:28px;
    }

    /*
     * IMPORTANTE:
     * incluso en .reverse la imagen aparece primero
     * en dispositivos móviles.
     */

    .cuktech-feature.side .cuktech-media,
    .cuktech-feature.side.reverse .cuktech-media{
        order:1;

        width:100%;
        flex:none;
    }

    .cuktech-feature.side .cuktech-copy,
    .cuktech-feature.side.reverse .cuktech-copy{
        order:2;

        width:100%;
    }

    .cuktech-media{
        border-radius:20px;
    }

    .cuktech-copy h3{
        font-size:29px;
    }


    /* WIDE */

    .cuktech-wide .cuktech-media{
        margin-bottom:28px;
    }

    .cuktech-wide .cuktech-copy h3{
        font-size:29px;
    }


    /* DARK CAPACITY */

    .cuktech-capacity{
        padding:50px 22px;

        border-radius:22px;
    }

    .cuktech-capacity h2{
        font-size:32px;
    }

    .cuktech-stats{
        grid-template-columns:1fr;

        margin-top:35px;
    }

    .cuktech-stats > div{
        min-height:105px;
    }


    /* SAFETY */

    .cuktech-safety{
        padding:50px 22px;

        border-radius:22px;
    }

    .cuktech-safety h2{
        font-size:31px;
    }


    /* SPECS */

    .cuktech-section-head{
        margin-bottom:28px;
    }

    .cuktech-section-head h2{
        font-size:31px;
    }

    .cuktech-spec-grid{
        grid-template-columns:1fr 1fr;

        gap:8px;
    }

    .cuktech-spec-grid > div{
        min-height:105px;

        padding:18px;
    }

    .cuktech-spec-grid strong{
        font-size:15px;
    }


    /* BOX */

    .cuktech-box-grid{
        grid-template-columns:1fr;
    }


    /* FINAL */

    .cuktech-final{
        padding:50px 22px;

        border-radius:22px;
    }

    .cuktech-final h2{
        font-size:32px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px){

    .cuktech-hero,
    .cuktech-feature,
    .cuktech-capacity,
    .cuktech-safety,
    .cuktech-specs,
    .cuktech-box,
    .cuktech-final{
        width:calc(100% - 20px);
    }

    .cuktech-hero-copy h2{
        font-size:30px;
    }

    .cuktech-copy h3{
        font-size:27px;
    }

    .cuktech-pills{
        gap:7px;
    }

    .cuktech-pills span,
    .cuktech-spec-pills span{
        padding:8px 12px;

        font-size:12px;
    }

    .cuktech-spec-grid{
        grid-template-columns:1fr;
    }

    .cuktech-spec-grid > div{
        min-height:auto;
    }

    .cuktech-capacity h2,
    .cuktech-final h2{
        font-size:29px;
    }

}/* End custom CSS */