/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla &amp; lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.1.1611563709
Updated: 2021-01-25 08:35:09

Colores:
Azul: #4174B6

*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
body{
	font-family: 'Poppins', sans-serif;
}

@media (min-width: 850px) {

    #customer_details, #order_review_heading, #order_review {
        width: 48%;
    }

    #customer_details {
        float: left;
    }

    #order_review_heading, #order_review {
        float: right;
    }

    #order_review_heading {
        padding-top: 0;
    }
    #customer_details .col-1, #customer_details .col-2
    {
        width: 100%;
        float: none;
    }
}

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}

.titulo-producto-loop{
	color:#4174B6;
	text-align: center;

}

.iconos-puesto{
	list-style-type: none;
}
.iconos-puesto i{
	color: #4174B6;
}

.iconos-puesto span{
	color: #4174B6;
}

.iconos-puesto li{
	line-height: 30px;
	min-height: 30px;
	font-size: 15px;
}

a{
	color: #4174B6;
}
/*
.home .cabecera__sitio {
    display: none !important ;
    visibility: hidden;
}
*/
.cabecera__sitio {
    height: 125px;
}
.home .cabecera__sitio {
    display: block !important ;
    visibility: visible;
}

/* Puesto */
.puesto__nombre{
    padding-left: calc(55% - 640px) !important;
    background: #20232E !important;
    color: #EFE6E1 !important ;
}
.puesto__descripcion{
    padding-left: calc(55% - 640px) !important;

}

.cabecera__puesto {
    height: auto ;
    overflow: hidden;
}
.cabecera__puesto .elementor-container {
    height: 100%;
}

@media screen and (max-width:767px) {
    .home .cabecera__sitio {
        display: block !important ;
        visibility: visible;
    }

}


.iconos-puesto li{
	line-height: 30px;
	min-height: 30px;
	font-size: 15px;
}



.void-Container.standard {
    padding: 0 ;
}
.void-elementor-post-grid-wrapper {

}
.void-row {
   width: 100%;
   display: flex;
   margin: 0!important;
   flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.void-row .evo-puesto {
    flex: 0 0 33.3333333%;
    height: auto ;
    cursor: pointer ;
    overflow:hidden;
    margin: 0 !important ;
}

.void-Container {
    max-width: 100% !important ;
}

.void-row .puesto__contenido {

    position: absolute !important;
    display: flex;
    transition: all 0.3s ease-in;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: transform .5s ease,opacity .5s ease,color .3s ease-out,border .3s ease-out, background .3s ease-out,box-shadow .3s ease-out!important;
    will-change: transform;
    transform: translateY(100%);
    top: 0;
    left: 0;
    align-items: center;

}
.void-row .evo-post {
    padding: 0 ;
}
.void-row .evo-post:hover .puesto__contenido {

    background: #20232ed4 ;
    opacity: 1;
    transform: translateY(0);
}
.void-row .evo-puesto:hover .puesto__contenido {

    background: #20232ed4 ;
    opacity: 1;
    transform: translateY(0);
}
.void-row .puesto__contenido h2 {
    color: #EFE6E1;

}
.void-row .puesto__nombre  {
    background: transparent !important;
    font-family: Nunito, sans-serif !important;
    font-size: 16px;
    font-weight: 500 !important;
    padding: 8px 10px !important;
    margin-bottom: 0 !important ;
    width: auto !important;
    text-align: right ;
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column ;

}
.void-row .evo-post .puesto__nombre  {

    text-align: center !important ;


}

.void-row .puesto__nombre a {
    color: #d3ccc1 !important;
    font-size: 24px;
    font-weight: 400;
    background: transparent;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 24px;
    flex-direction: column ;
}
.void-row .puesto__categorias  {
    font-size: 16px;
    color: #EFE6E1;
    font-weight: 400;

    padding: 8px 10px !important;
    margin-bottom: 0;
    margin-top: 0 !important ;

}
.void-row .puesto__descripcion {
    font-size: 14px;

    margin-top: 10px;
    font-weight: bold ;
    min-height: 55px;
}
.void-row .puesto__descripcion p {
    margin: 0;
}
/*
.button {
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 8px 16px;
    background-color: #122d7c;
    border-radius: 6px;
    margin: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.button:hover {
    background: #122d7c;
}*/
.void-post-grid.void-minimal-grid {
    height : auto ;
}

.void-row .puesto__imagen-contenedor {
    height: 400px;
}
@media screen and (max-width: 1023px) {
    .void-row .evo-puesto {
        flex: 0 0 100%;

        width: 100%;
        max-width: 100% !important ;
    }

    .void-row .puesto__contenido {
        position: absolute !important ;
        display: flex;
        transition: all 0.3s ease-in;
        height: auto;
        flex-direction: column;
        justify-content: flex-end;
        opacity: 1;
        transition: transform .5s ease,opacity .5s ease,color .3s ease-out,border .3s ease-out, background .3s ease-out,box-shadow .3s ease-out!important;
        will-change: transform;
        transform: translateY(0);
        background: black ;
        top: auto;
        right: auto ;
        padding: 8px;
    }

    .void-row .evo-puesto:hover .puesto__contenido {

        background: black ;
        opacity: 1;
        transform: translateY(60px);
    }
    .void-row .puesto__nombre a {
        color: #d3ccc1 !important;
        font-size: 16px;
        font-weight: 400;
        background: transparent;

    }
    .void-row .evo-puesto {
        margin: 0 !important;
    }
}
.void-elementor-post-grid-wrapper a, .void-elementor-post-grid-wrapper a:visited {
    font-family: Jost,sans-serif !important;
}
