/**********ROBOTO FUENTE***********/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
/**********GENERALES***************/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
img {
    width: 100%;
}
a {
    color: #F88D2A;
    text-decoration: none;
}
a:hover, .nav-link:focus, .nav-link:hover {
    color: #F88D2A!important;
}
section {
    padding: 40px 0;
}
#mc_embed_signup .button {
    background-color: #F88D2A!important;
}
#principalMb {
    display: none;
}
#principal {
    display: block;
}
.zk-gradient {
    background: rgb(236, 217, 37);
    background: linear-gradient(90deg, rgba(236, 217, 37, 1) 0%, rgba(248, 141, 42, 1) 17%, rgba(225, 37, 27, 1) 39%, rgba(223, 22, 131, 1) 63%, rgba(82, 45, 109, 1) 100%);
}
.zk-tituloSeccion {
    text-transform: uppercase;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    color: #2B5597;
}
.zk-lineTitulo {
    width: 100px;
    height: 4px;
    margin: 0 auto;
    margin-bottom: 40px;
}
iframe {
    width: 100%;
    height: 450px;
}
.zk-cerrarMenu {
    display: none;
}
/********GENERALES SLIDER********/

.slick-prev:before {
    content: '\F284';
}
.slick-next:before {
    content: '\F285';
}
.slick-next {
    right: 14px;
}
.slick-prev:before, .slick-next:before {
    color: #000;
    font-family: 'bootstrap-icons';
}
/**********COLORES FONTS**********/

.verde-font {
    color: #009D4F;
}
.azul-font {
    color: #4197CB;
}
.azulOs-font {
    color: #2B5597;
}
.morado-font {
    color: #522D6D;
}
.blanco-font {
    color: #F7F7F9!important;
}
.amarillo-font {
    color: #ECD925;
}
.naranja-font {
    color: #F88D2A;
}
.rojo-font {
    color: #E1251B;
}
.rosa-font {
    color: #DF1683;
}
/**********COLORES BACK**********/

.naranja-back {
    background-color: #F88D2A;
}
/**********HEADER*********/

header {
    background: #F7F7F9;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 11;
}
.zk-logo {
    width: 116px;
}
.navbar-light .navbar-nav .nav-link {
    color: #2F2F2F;
}
.nav-item {
    text-align: end;
}
/*********PRINCIPAL********/

.slider-principal {
    margin-top: 70px;
}
.zk-tituloSlider {
    z-index: 9;
    position: absolute;
    top: 95px;
    left: 80px;
}
.slider-principal .zk-h1 {
    color: #522D6D;
    font-weight: 700;
    font-size: 100px;
}
.slider-principal p {
    width: 715px;
    font-size: 18px
}
/*********CARDS*************/

.zk-card {
    width: -webkit-fill-available;
    width: -moz-available;
}
.zk-txtCard, .zk-imgCard {
    width: -webkit-fill-available;
    width: -moz-available;
}
.zk-imgCard img {
    border-top-right-radius: 55px;
}
.zk-txtCard {
    background: #F7F7F9;
    height: 209px;
    border-bottom-left-radius: 55px;
    padding: 10px 20px;
}
.zk-tituloCard {
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
}
/**********VALORES***********/

.zk-modValores {
    width: 286px;
    height: 286px;
    background: #F7F7F9;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.zk-imgValores {
    width: -webkit-fill-available;
    width: -moz-available;
    margin-top: 50px;
    display: inline-block;
}
.zk-imgValores img {
    height: 110px;
}
.zk-titValores {
    width: -webkit-fill-availale;
    width: -moz-available;
}
.zk-titValores h3 {
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
}
/**********PRODUCTOS*************/

.zk-gradientSeccion {
    background: rgb(82, 45, 109);
    background: linear-gradient(29deg, rgba(82, 45, 109, 1) 11%, rgba(43, 85, 151, 1) 40%, rgba(65, 151, 203, 1) 72%, rgba(0, 157, 79, 1) 100%);
}
.zk-modProductos {
    width: 388px;
}
.zk-imgProductos {
    width: -webkit-fill-available;
    width: -moz-available;
}
.zk-imgProductos img {
    border-top-left-radius: 70px;
}
.zk-textProductos {
    margin-top: 18px;
}
.zk-textProductos h3 {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
}
.zk-textProductos p {
    color: #FFF;
    font-size: 18px;
}
.zk-sliderProductos .slick-prev, .zk-sliderProductos .slick-next {
    top: 35%;
    background: aliceblue;
    border-radius: 14px;
    padding: 6px;
    width: 30px;
    height: 30px;
    z-index: 8;
}
/***********CONTACTO**********/

.zk-contactoForm p {
    text-align: center;
}
textarea {
    resize: none;
    height: 220px;
}
.zk-btnEnviar {
    color: #FFF;
}
#contacto input {
    margin-top: 30px;
}
/**********FOOTER***********/

footer {
    background-color: #2B5597;
    width: 100%;
    padding: 30px 0;
    color: #FFF;
}
.zk-logoFooter {
    width: 10rem;
    margin: 0 auto;
}
.zk-legales {
    font-size: 12px;
    margin: 20px 0 0 0;
}
/*****************MEDIA QUERIES*****************/

/*********************0 a 575.98*******************/

@media (max-width: 575.98px) {
    .zk-cerrarMenu {
        display: block;
    }
    section {
        padding: 20px 0;
    }
    #principalMb {
        display: block;
        padding: 0;
        margin-top: 110px;
    }
    #principal {
        display: none;
    }
    .zk-tituloSlider {
        top: 10px;
        left: 20px;
    }
    .slider-principal .zk-h1 {
        font-size: 30px;
        display: none;
    }
    .slider-principal p {
        width: 190px;
        font-size: 13px;
    }
    .zk-modValores {
        width: 100%;
    }
    .zk-txtCard {
        height: inherit;
    }
    .zk-card {
        margin-bottom: 20px;
    }
    .slick-prev {
        left: 0px;
        z-index: 10;
    }
    .zk-modProductos {
        width: 100%;
    }
    .zk-contactoForm {
        margin-bottom: 20px;
    }
}
/*********************576 a 767.98*******************/

@media (min-width: 576px) and (max-width: 767.98px) {
    .zk-cerrarMenu {
        display: block;
    }
    section {
        padding: 20px 0;
    }
    #principalMb {
        display: block;
        padding: 0;
        margin-top: 110px;
    }
    #principal {
        display: none;
    }
    .zk-tituloSlider {
        top: 65px;
        left: 30px;
    }
    .slider-principal .zk-h1 {
        font-size: 30px;
        display: none;
    }
    .slider-principal p {
        width: 190px;
        font-size: 13px;
    }
    .zk-modValores {
        width: 100%;
    }
    .zk-txtCard {
        height: inherit;
    }
    .zk-card {
        margin-bottom: 20px;
    }
    .slick-prev {
        left: 0px;
        z-index: 10;
    }
    .zk-modProductos {
        width: 100%;
    }
    .zk-contactoForm {
        margin-bottom: 20px;
    }
}
/*********************768 a 991.98*******************/

@media (min-width: 768px) and (max-width: 991.98px) {
    .zk-cerrarMenu {
        display: block;
    }
    section {
        padding: 20px 0;
    }
    #principalMb {
        display: none;
    }
    #principal {
        display: block;
    }
    .zk-tituloSlider {
        top: 65px;
        left: 55px;
    }
    .slider-principal .zk-h1 {
        font-size: 40px;
        display: block;
    }
    .slider-principal p {
        width: 350px;
        font-size: 13px;
    }
    .zk-modValores {
        width: 333px
    }
    .zk-txtCard {
        height: 390px;
    }
    .zk-card {
        margin-bottom: 20px;
    }
    .slick-prev {
        left: 0px;
        z-index: 10;
    }
    .zk-modProductos {
        width: 96%;
    }
    .zk-contactoForm {
        margin-bottom: 20px;
    }
}
/*********************992 a 1199.98*******************/

@media (min-width: 992px) and (max-width: 1199.98px) {
    #principalMb {
        display: none;
    }
    #principal {
        display: block;
    }
    .zk-tituloSlider {
        top: 65px;
        left: 55px;
    }
    .slider-principal .zk-h1 {
        font-size: 70px;
    }
    .slider-principal p {
        width: 415px;
        font-size: 16p
    }
    .zk-modValores {
        width: 96%
    }
    .zk-txtCard {
        height: 290px;
    }
    .zk-card {
        margin-bottom: 20px;
    }
    .slick-prev {
        left: 0px;
        z-index: 10;
    }
    .zk-modProductos {
        width: 96%;
    }
    .zk-contactoForm {
        margin-bottom: 20px;
    }
}
/*********************1200 a 1399.98*******************/

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #principalMb {
        display: none;
    }
    #principal {
        display: block;
    }
    .slider-principal p {
        font-size: 18p
    }
    .zk-tituloSlider {
        top: 65px;
        left: 55px;
    }
    .zk-modValores {
        width: 96%
    }
    .zk-txtCard {
        height: 250px;
    }
    .zk-card {
        margin-bottom: 20px;
    }
    .slick-prev {
        left: 0px;
        z-index: 10;
    }
    .zk-modProductos {
        width: 96%;
    }
    .zk-contactoForm {
        margin-bottom: 20px;
    }
}