/* =====================================
=            OCULTAR ELEMENTOS          =
===================================== */

.heading-title{
    display:none;
}

.w3eden .label-default{
    background:#fff;
}


/* =====================================
=        PRODUCTOS WOOCOMMERCE          =
===================================== */

ul.products li.product,
.woocommerce ul.products li.product,
.products .product{
    min-height:460px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    background:#fff !important;
    padding:15px !important;
    border:1px solid #f2f2f2 !important;
    border-radius:4px !important;
    margin-bottom:30px !important;
}

ul.products li.product img{
    width:100% !important;
    height:140px !important;
    object-fit:contain !important;
    margin-bottom:20px !important;
}

ul.products li.product[class*="product_cat-hidraulicos"]{
    min-height:520px !important;
}

ul.products li.product[class*="product_cat-hidraulicos"] img{
    height:200px !important;
}

.woocommerce ul.products li.product .button{
    margin:0 auto !important;
}

.woocommerce ul.products li.product h2{
    font-size:17px !important;
    line-height:1.5;
    min-height:55px;
}

ul.products li.product:hover{
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.price{
    font-size:18px;
    font-weight:bold;
}


/* =====================================
=          PÁGINA PRODUCTO              =
===================================== */

.single-product div.product .summary h1.product_title,
.single-product div.product .summary p,
.single-product div.product .summary .woocommerce-product-details__short-description{
    text-align:center !important;
}


/* =====================================
=              TIPOGRAFÍA               =
===================================== */

body{
    font-size:16px;
    line-height:1.7;
    color:#333;
}

h1{
    font-size:42px;
    font-weight:700;
    letter-spacing:1px !important;
    line-height:1.2;
}

h2{
    font-size:34px;
    font-weight:700;
    letter-spacing:.8px !important;
    line-height:1.3;
}

h3{
    font-size:28px;
    font-weight:600;
    letter-spacing:.6px !important;
    line-height:1.4;
}

h4{
    font-size:22px;
}

p{
    letter-spacing:.35px !important;
    line-height:1.9;
}

li{
    letter-spacing:.3px !important;
    line-height:1.8;
}

a{
    transition:.3s;
}

a:hover{
    color:#d97706;
}

.button,
.btn,
a.btn{
    border-radius:6px !important;
    padding:12px 26px !important;
    transition:.3s;
    letter-spacing:.8px !important;
    font-weight:600;
}

.button:hover{
    transform:translateY(-2px);
}


/* =====================================
=              SECCIONES                =
===================================== */

.vc_row{
    padding-top:35px;
    padding-bottom:35px;
}

.wpb_text_column,
.vc_column-inner{
    color:#333;
}

.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3{
    color:#222;
}

.wpb_text_column h2{
    letter-spacing:1px !important;
    line-height:1.25 !important;
}

.wpb_text_column p{
    letter-spacing:.35px !important;
    line-height:1.9 !important;
}


/* Texto en fondos oscuros */

.vc_row[data-vc-full-width="true"]{
    color:#fff !important;
}

.vc_row[data-vc-full-width="true"] p{
    color:#e6e6e6 !important;
}


/* =====================================
=              SLIDER                  =
===================================== */

.tlg-header-slider h1,
.tlg-header-slider h2,
.tlg-header-slider p{
    color:#fff !important;
    text-shadow:2px 2px 8px rgba(0,0,0,.7);
}


/* =====================================
=        SECCIÓN SOBRE NOSOTROS        =
===================================== */

.franja-sobre{
    background:#24167c !important;
    padding:80px 0;
}

section.franja-sobre{
    background-color:#24167c !important;
    background-image:none !important;
}

.franja-sobre h1,
.franja-sobre h2,
.franja-sobre h3,
.franja-sobre p,
.franja-sobre li,
section.franja-sobre .wpb_text_column,
section.franja-sobre p,
section.franja-sobre h2,
section.franja-sobre h3{
    color:#fff !important;
}

.franja-sobre .vc_btn3{
    background:#fff !important;
    color:#24167c !important;
}


/* =====================================
=              FOOTER                  =
===================================== */

footer{
    padding:60px 0;
}

footer p,
footer li,
footer a{
    font-size:17px !important;
    line-height:1.9;
}

footer h3,
footer h4{
    font-size:22px !important;
    margin-bottom:20px;
}


/* =====================================
=              BOTONES                 =
===================================== */

a.btn.tl-arrow-circle-right,
a.btn.tl-arrow-circle-right:visited{
    color:#565656 !important;
}

a.btn.tl-arrow-circle-right:hover{
    color:#000 !important;
}


/* =====================================
=              IMÁGENES                =
===================================== */

/* Todas las imágenes */
img{
    border-radius:15px !important;
}

/* Contenedor de imágenes WPBakery */
.wpb_single_image .vc_single_image-wrapper{
    border-radius:8px !important;
    overflow:hidden !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Imágenes WPBakery */
.wpb_single_image img{
    display:block;
    width:100%;
    border-radius:8px !important;
}

/* Imagen del fundador */
.fundador .vc_single_image-wrapper{
    border-radius:8px !important;
    overflow:hidden !important;
}

.fundador img{
    display:block;
    border-radius:8px !important;
}

/* Imagen Bienvenidos (sin borde redondeado) */
#inicio .vc_single_image-wrapper,
#inicio img{
    border-radius:0 !important;
}
}
/* =====================================
=              RESPONSIVE             =
===================================== */

/* =====================================
=      SECCIÓN SOBRE NOSOTROS          =
===================================== */

.franja-sobre .wpb_wrapper{
    margin-top:0 !important;
}

.franja-sobre .wpb_text_column{
    margin:0 !important;
}

.franja-sobre h2{
    margin-top:0 !important;
    margin-bottom:25px !important;
}

.franja-sobre p{
    margin-bottom:18px !important;
}


/* =====================================
=          BOTONES GENERALES           =
===================================== */

.button,
.btn,
a.btn,
.vc_btn3,
.wp-element-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:44px !important;
    padding:0 28px !important;
    line-height:44px !important;
    border-radius:6px !important;
    font-weight:600 !important;
    letter-spacing:.8px !important;
    text-decoration:none !important;
}

.button span,
.btn span,
a.btn span,
.vc_btn3 span,
.wp-element-button span{
    display:inline-block !important;
    line-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    vertical-align:middle !important;
}

.button i,
.btn i,
a.btn i,
.vc_btn3 i{
    line-height:44px !important;
    margin-right:8px !important;
    vertical-align:middle !important;
}
/* =====================================
= BOTÓN CONÓCENOS MÁS SOLAMENTE
===================================== */

a.btn.tl-arrow-circle-right{
    padding:12px 26px !important;
    line-height:20px !important;
}

a.btn.tl-arrow-circle-right span{
    line-height:20px !important;
    vertical-align:middle !important;
}

a.btn.tl-arrow-circle-right i{
    line-height:20px !important;
    vertical-align:middle !important;
    margin-right:8px !important;
}


/* =====================================
=              RESPONSIVE             =
===================================== */

@media (max-width:768px){

    h1{
        font-size:30px;
    }

    h2{
        font-size:26px;
    }

    h3{
        font-size:22px;
    }

    footer{
        text-align:center;
    }

    ul.products li.product{
        min-height:auto !important;
    }
	/* =====================================
=      ELIMINAR BORDE WPBAKERY         =
===================================== */

.vc_box_border_grey{
    background:transparent !important;
    border:none !important;
    padding:0 !important;
    box-shadow:none !important;
}

.vc_box_border_grey img{
    display:block;
    border:none !important;
}

/* Imagen del fundador */
.fundador .vc_single_image-wrapper{
    border:none !important;
    background:transparent !important;
    border-radius:45px !important;
    overflow:hidden !important;
}

.fundador img{
    border-radius:45px !important;
}