/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-Regular.eot');
    src: url('assets/fonts/Inter24pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-Regular.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-Regular.woff') format('woff'),
        url('assets/fonts/Inter24pt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-Bold.eot');
    src: url('assets/fonts/Inter24pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-Bold.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-Bold.woff') format('woff'),
        url('assets/fonts/Inter24pt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-Light.eot');
    src: url('assets/fonts/Inter24pt-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-Light.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-Light.woff') format('woff'),
        url('assets/fonts/Inter24pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-Medium.eot');
    src: url('assets/fonts/Inter24pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-Medium.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-Medium.woff') format('woff'),
        url('assets/fonts/Inter24pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('assets/fonts/Inter24pt-ExtraBold.eot');
    src: url('assets/fonts/Inter24pt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter24pt-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Inter24pt-ExtraBold.woff') format('woff'),
        url('assets/fonts/Inter24pt-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('assets/fonts/IBMPlexSans-Regular.eot');
    src: url('assets/fonts/IBMPlexSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
        url('assets/fonts/IBMPlexSans-Regular.woff') format('woff'),
        url('assets/fonts/IBMPlexSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('assets/fonts/IBMPlexSans-Light.eot');
    src: url('assets/fonts/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
        url('assets/fonts/IBMPlexSans-Light.woff') format('woff'),
        url('assets/fonts/IBMPlexSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('assets/fonts/IBMPlexSans-Medium.eot');
    src: url('assets/fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('assets/fonts/IBMPlexSans-Medium.woff') format('woff'),
        url('assets/fonts/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('assets/fonts/IBMPlexSans-Bold.eot');
    src: url('assets/fonts/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('assets/fonts/IBMPlexSans-Bold.woff') format('woff'),
        url('assets/fonts/IBMPlexSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('assets/fonts/IBMPlexSans-SemiBold.eot');
    src: url('assets/fonts/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
        url('assets/fonts/IBMPlexSans-SemiBold.woff') format('woff'),
        url('assets/fonts/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




:root {
    --black: #000000;
    --white: #ffffff;
}


/*********************
GENERAL
*********************/
h1, .h1, h2, .h2 , h3, h4, h5 { color: var(--black); font-family: 'IBM Plex Sans', sans-serif; font-weight: normal; }
h6 { font-family: 'IBM Plex Sans', sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; }
body, p, ul li, ol li { font-family: 'Inter 24pt', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
body a { color: var(--black); font-family: 'IBM Plex Sans', sans-serif;  }

.color-1 { color: var(--nectar-accent-color)!important; }
.color-2 { color: var(--nectar-extra-color-1)!important; }
.color-3 { color: var(--nectar-extra-color-2)!important; }
.color-bk { color: var(--black)!important; }



h1, .h1 { font-size: 70px; line-height: 75px; }
h2, .h2 { font-size: 50px; line-height: 60px; }
h3, .h3 { font-size: 40px; line-height: 50px; }
h4, .h4 { font-size: 28px; line-height: 40px; }
h5, .h5 { font-size: 20px; line-height: 35px; }
h6 { font-size: 16px; line-height: 20px; }
p, ul li, ol li { font-size: 18px; line-height: 22px; }


@media (max-width: 1299px) {
	h1, .h1 { font-size: 60px; line-height: 65px; }
	h2, .h2 { font-size: 50px; line-height: 60px; }
	h3, .h3 { font-size: 38px; line-height: 43px; }
	h4 { font-size: 30px; line-height: 35px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 50px; line-height: 55px; }
	h2, .h2 { font-size: 40px; line-height: 50px; }
	h3, .h3 { font-size: 32px; line-height: 38px; }
	h4 { font-size: 22px; line-height: 26px; }
	h6 { font-size: 14px; line-height: 18px; }
	body, p, ul li, ol li { font-size: 18px; line-height: 25px; }
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 45px; line-height: 50px; }
    h2, .h2 { font-size: 35px; line-height: 45px; }
	h4 { font-size: 20px; line-height: 24px; }
}

@media (max-width: 480px) {
	h1, .h1 { font-size: 40px; line-height: 45px; }
	h2, .h2 { font-size: 30px; line-height: 35px; }
    h5 { font-size: 17px; line-height: 22px; }
}


/*********************
HEADER
*********************/
#header-outer .menu-title-text { color: var(--black); font-family: 'IBM Plex Sans', sans-serif; font-size: 17px; font-weight: bold; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; }


/*********************
FOOTER
*********************/
#global-footer #menu-footer-menu, #menu-footer-menu > li { list-style: none; margin-bottom: 10px; margin-left: 0; padding-left: 0; text-align: center; }
#global-footer a { color: var(--white); }
#global-footer a:hover { color: var(--nectar-accent-color); }

#footer-outer #copyright p { font-size: 15px; line-height: 20px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-extra-color-1)!important; }

@media (max-width: 999px) {
    #footer-outer #copyright p { font-size: 13px; line-height: 18px; margin-bottom: 6px; text-align: center; }
}


/*********************
HOMEPAGE
*********************/
/*** HACER QUE LAS FILAS OCUPEN TODO EL ANCHO ***/
.chevron-right.vc_row, .chevron-left.vc_row { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
.chevron-right .vc_row, .chevron-left .vc_row { max-width: 100% !important; width: 100% !important; }

/*** HACER QUE LAS COLUMNAS SE DISTRIBUYAN UNIFORMEMENTE ***/
.chevron-right .wpb_column, .chevron-left .wpb_column { flex: 1 1 auto !important; max-width: none !important; width: auto !important; }

/*** FORZAR ALTURA FIJA EN TODOS LOS CONTENEDORES ***/
.chevron-right .wpb_column,
.chevron-left .wpb_column,
.chevron-right .vc_column-inner,
.chevron-left .vc_column-inner,
.chevron-right .wpb_wrapper,
.chevron-left .wpb_wrapper { height: 400px !important; overflow: visible !important; }

.chevron-right .img-with-animation-wrap,
.chevron-left .img-with-animation-wrap,
.chevron-right .wpb_single_image,
.chevron-left .wpb_single_image,
.chevron-right .hover-wrap,
.chevron-left .hover-wrap { height: 400px !important; width: 100% !important; }

/*** IMÁGENES FILA SUPERIOR - Pico hacia la DERECHA ***/
.chevron-right .img-with-animation-wrap img, 
.chevron-right img { clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%) !important; display: block !important; max-height: 400px !important; min-height: 400px !important; height: 400px !important; object-fit: cover !important; width: 100% !important; }

/*** IMÁGENES FILA INFERIOR - Pico hacia la IZQUIERDA ***/
.chevron-left .img-with-animation-wrap img,
.chevron-left img { clip-path: polygon(15% 0%, 100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%) !important; display: block !important; height: 400px !important; max-height: 400px !important; min-height: 400px !important; object-fit: cover !important; width: 100% !important; }

/*** SOLAPAMIENTO COLUMNAS FILA SUPERIOR ***/
.chevron-right .wpb_column { flex-shrink: 0 !important; margin-left: -100px !important; padding-left: 0 !important; padding-right: 0 !important; position: relative; }

.chevron-right .wpb_column:first-child { margin-left: 0 !important; }

.chevron-left .wpb_column { flex-shrink: 0 !important; margin-left: -100px !important; padding-left: 0 !important; padding-right: 0 !important; position: relative; }

.chevron-left .wpb_column:first-child { margin-left: 0 !important; }

/***HOME SHOP***/
.woocommerce ul.products li.product .product-wrap img { max-height: 350px!important; }

body [class^=icon-].icon-default-style { line-height: 47px; }


@media (max-width: 1024px) {
    /* Reducir altura en tablets */
    .chevron-right .wpb_column, .chevron-left .wpb_column, .chevron-right .vc_column-inner, .chevron-left .vc_column-inner,
    .chevron-right .wpb_wrapper, .chevron-left .wpb_wrapper { height: 300px !important; }
    .chevron-right .img-with-animation-wrap, .chevron-left .img-with-animation-wrap, .chevron-right .wpb_single_image, .chevron-left .wpb_single_image,
    .chevron-right .hover-wrap, .chevron-left .hover-wrap { height: 300px !important; }
    .chevron-right .img-with-animation-wrap img, .chevron-right img, .chevron-left .img-with-animation-wrap img, .chevron-left img { height: 300px !important; max-height: 300px !important; min-height: 300px !important;  }
    
    /* Reducir solapamiento en tablets */
    .chevron-right .wpb_column, .chevron-left .wpb_column { margin-left: -60px !important; }
    .chevron-right .wpb_column:first-child, .chevron-left .wpb_column:first-child { margin-left: 0 !important; }
}

@media (max-width: 999px) {
	body [class^=icon-].icon-default-style { line-height: 35px; }
}

@media (max-width: 768px) {
    /* Cambiar a 2 columnas en móvil */
    .chevron-right, .chevron-left { flex-wrap: wrap !important; }
    .chevron-right .wpb_column, .chevron-left .wpb_column { margin-bottom: 0 !important; margin-left: 0 !important; max-width: 50% !important; width: 50% !important; }
    .chevron-right .wpb_column:nth-child(odd), .chevron-left .wpb_column:nth-child(odd) { margin-left: 0 !important; }
    .chevron-right .wpb_column, .chevron-left .wpb_column, .chevron-right .vc_column-inner, .chevron-left .vc_column-inner,
    .chevron-right .wpb_wrapper, .chevron-left .wpb_wrapper { height: 250px !important; }
    .chevron-right .img-with-animation-wrap, .chevron-left .img-with-animation-wrap, .chevron-right .wpb_single_image,
    .chevron-left .wpb_single_image, .chevron-right .hover-wrap, .chevron-left .hover-wrap { height: 250px !important; }
    .chevron-right .img-with-animation-wrap img, .chevron-right img,
    .chevron-left .img-with-animation-wrap img, .chevron-left img { height: 250px !important; max-height: 250px !important; min-height: 250px !important; }
    
    /* Mantener clip-path pero con formas más sutiles */
    .chevron-right .img-with-animation-wrap img, .chevron-right img { clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%) !important; }
    .chevron-left .img-with-animation-wrap img,
    .chevron-left img { clip-path: polygon(10% 0%, 100% 0%, 90% 50%, 100% 100%, 10% 100%, 0% 50%) !important; }
}

@media (max-width: 480px) {
    /* Cambiar a 1 columna en móviles pequeños */
    .chevron-right, .chevron-left { flex-direction: column !important; }
    .chevron-right .wpb_column, .chevron-left .wpb_column { margin-bottom: 15px !important; margin-left: 0 !important; max-width: 100% !important; width: 100% !important; }
    .chevron-right .wpb_column, .chevron-left .wpb_column, .chevron-right .vc_column-inner, .chevron-left .vc_column-inner,
    .chevron-right .wpb_wrapper, .chevron-left .wpb_wrapper { height: 200px !important; }
    .chevron-right .img-with-animation-wrap, .chevron-left .img-with-animation-wrap, .chevron-right .wpb_single_image,
    .chevron-left .wpb_single_image, .chevron-right .hover-wrap, .chevron-left .hover-wrap { height: 200px !important; }
    .chevron-right .img-with-animation-wrap img, .chevron-right img, .chevron-left .img-with-animation-wrap img,
    .chevron-left img { height: 200px !important; max-height: 200px !important; min-height: 200px !important; }
    /* Quitar clip-path en móviles pequeños */
    .chevron-right .img-with-animation-wrap img, .chevron-right img, .chevron-left .img-with-animation-wrap img, .chevron-left img { clip-path: none !important; }
}


/*********************
PAGE
*********************/
.testimonial_slider[data-style=multiple_visible_minimal] blockquote .inner { background-color: var(--nectar-accent-color); }
.flickity-page-dots { bottom: -5px; }

body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a { font-size: 25px; font-weight: bold; line-height: 30px; }
body .toggles--minimal-shadow .toggle { border: 2px solid var(--nectar-extra-color-1); margin-bottom: 30px; padding: 0 30px; }
.toggles--minimal-shadow .toggle:before { box-shadow: none!important; }
div[data-style*="minimal"] .toggle.open { border-color: var(--nectar-extra-color-1); }
div[data-style*=minimal] .toggle>.toggle-title i { top: 38%; }


/*********************
TIENDA
*********************/
.woocommerce .woocommerce-breadcrumb { display: none; }
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { display: none; }
.nectar-shop-header { padding-bottom: 60px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { position: relative; top: 0; }
.select2-container .select2-selection--single .select2-selection__rendered { bottom: 8px; position: relative; }

/***PRODUCTO***/
.woocommerce div.product .product_title { font-family: 'IBM Plex Sans', sans-serif; font-size: 40px; font-weight: 500; line-height: 50px; text-transform: uppercase; }
.woocommerce div.product .summary p.price { color: var(--nectar-extra-color-1); }
.woocommerce-page button[type=submit].single_add_to_cart_button, body[data-form-submit=regular].woocommerce-page .container-wrap button[type=submit].single_add_to_cart_button { background-color: var(--nectar-extra-color-1); opacity: 1; }


/*********************
BLOG
*********************/
.post h3.title { font-size: 30px; line-height: 35px; }


/*********************
CONTACTO
*********************/
.contact-form i { color: var(--nectar-extra-color-1)!important; }
.contact-form .wpcf7-form p span { color: black!important; font-size: 15px; line-height: 20px; }
.contact-form .wpcf7-form p span a { color: var(--nectar-extra-color-2)!important; font-size: 15px; font-weight: bold; line-height: 20px; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-extra-color-1)!important; }
.contact-form .small { color: black!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:var(--nectar-extra-color-2)!important; font-size: 13px; font-weight: bold; line-height: 18px; text-decoration: underline; }
.contact-form .small a:hover { color: var(--nectar-extra-color-1)!important; }
body[data-form-submit=regular] .container-wrap input[type=submit] { background-color: var(--nectar-accent-color)!important; font-size: 18px; margin-top: 10px; text-transform: uppercase; width: 100%; }
.wpcf7-list-item { margin: 0!important; }