/*
 Theme Name:   Servidespensa.
 Theme URI:
 Description:  .
 Author:       Alex Silva.
 Author URI:   http://example.com
 Template:     kadence
 Version:      1.0
*/

body:not(.home) #masthead {
    background: #231f20;
}

.entry-content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.encabezado-principal::first-line {
    color: #fff;
}

.header-banner .kt-row-has-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 10%;
    left: 0;
    background: url(img/header-bg.png) top center/cover no-repeat;
}

@media (min-width: 768px)  {
    figure.camion img {
        min-width: 749px !important;
    }
}

.kb-blocks-advanced-carousel {
    padding-bottom: 0 !important;
}


.wp-block-kadence-splitcontent {
    background: #231f20;
    position: relative;
}

.wp-block-kadence-splitcontent h2:first-line {
    color: #fff;
}

.kt-split-content-wrap:after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(img/sit-bg.png) right no-repeat;
}

.custom-logos .kt-blocks-carousel .kt-blocks-carousel-init .slick-list .slick-track {
    display: flex !important;
    align-items: center;
}

/* Beneficios */
/* Beneficios */

h2 em {
    color: #F7B614;
    font-style: normal;
}

.beneficios ul {
    counter-reset: counter;
    position: relative;
}

.beneficios ul li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 50px;
    min-height: 64px;
}

.beneficios ul li::before {
    counter-increment: counter;
    content: "0" counter(counter);
    background: #F7B614;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    border: 10px solid #fff;
    font-weight: bold;
    color: #fff;
}

.beneficios figure img {
    margin-bottom: -60px;
}

/* Newsletter */
/* Newsletter */

.newsletter h2 em {
    font-style: normal;
    color: #fff;
    font-size: 18px;
}

@media (min-width: 768px)  {
.newsletter .kb-email-field {
    position: relative;
    right: -75px;
    z-index: 1;
}
.newsletter .kb-form .kadence-blocks-form-field.kb-submit-field {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
}

@media (max-width: 576px)  {
    .newsletter h2 em {
        font-size: 16px;
    }
    .newsletter .kb-form .kadence-blocks-form-field.kb-submit-field {
        margin: 20px auto 0;
    }
}

/* Blog */
/* Blog */

.home-blog article header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.home-blog .entry-content {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.home .blog article.post {
    border-radius: 12px;
    overflow: hidden;
}

.home .blog .kt-blocks-post-grid-item-inner-wrap {
    align-items: center;
}

.home .blog .wp-block-kadence-postgrid .kadence-post-image-intrisic {
    padding-bottom: 90% !important;
}

.home .kt-blocks-above-categories {
    background: #F7B614;
    width: fit-content;
    border-radius: 30px;
    padding: 5px 15px !important;
}

.home .kt-blocks-above-categories a {
    color: #fff !important;
}

.home .kt-blocks-post-footer {
    border-style: dashed !important;
}

.home .kt-post-grid-layout-carousel-wrap .wp-post-image {
    border-radius: 12px;
}

.home .kt-post-grid-layout-carousel-wrap .kt-blocks-post-grid-item-inner-wrap header {
    border-radius: 12px;
}

.kb-submit-field {
    justify-content: center !important;
}

.degradado-amarillo {
    background: rgb(252,197,62);
    background: radial-gradient(circle, rgba(252,197,62,1) 0%, rgba(251,183,19,1) 50%, rgba(251,183,19,1) 100%);
}

@media (max-width: 576px)  {
    .kb-form .kb-checkbox-style-field {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    .kb-form .kb-checkbox-item {
        margin-left: 0 !important;
    }
}
/* Footer  */
/* Footer  */

#colophon .site-footer-wrap {
    background: url(img/footer-bg.png) bottom center/90% no-repeat #231f20 !important;
}

footer .kt-has-2-columns {
    background: #F7B614;
    border-radius: 12px;
    overflow: hidden;
}

footer .cta p em {
    font-style: normal;
}

footer .cta p:first-line {
    font-size: 16px;
    font-weight: bold;
}

footer .cta p a {
    transition: none !important;
}

footer .cta p a:hover {
    color: currentColor;
}

footer .cta p a:before {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: 20;
    background: url(svg/phone.svg) center/60% no-repeat #f2efe6;
    border: 12px solid #fff;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    transition: border .2s ease;
}

@media (max-width: 576px)  {
    .beneficios figure img {
        margin-bottom: 0;
    }
    footer .cta p a:before {
        width: 54px;
        height: 54px;
        border-width: 6px !important;
        left: 50%;
        top: -50%;
    }
    #menu-item-521 {
        display: list-item !important;
        visibility: visible;
    }
}

footer .cta p a:hover:before {
    border: 8px solid #282932 !important;
}

#menu-item-521 {
    display: none;
    visibility: hidden;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 10px;
    box-shadow: 0 0 10px -2px #00000030;
}

.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
    box-shadow: 0 0 10px -2px #4B6409ca;
}

.woocommerce ul.products li.product:hover .add_to_cart_button,
.woocommerce-page ul.products li.product:hover .add_to_cart_button {
    background: #B1232F !important;
}

.tax-product_cat .content-area {
    margin-top: 0 !important;
}
