/*
Theme Name: Kadence Child - Pinturas Rustyc
Theme URI: https://www.pinturasrustyc.com/
Description: Child Theme para Pinturas Rustyc basado en Kadence.
Author: Moustrillos RM
Template: kadence
Version: 1.0.0
*/


/* GENERAL */

/*
h1, h2, h3, h4, h5, h6{
 margin: 0 !important;
	font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

p{
	font-family: "Inter", sans-serif;
	margin: 0;
	color: #5F6C70;
}


.main-navigation .primary-menu-container > ul > li.menu-item > a{
	font-family: "Barlow Condensed", sans-serif;
	text-transform: uppercase;
}

.display-1{
    font-size: 10rem;
    font-weight: 900;
    letter-spacing: -1.85px;
		line-height: 140px;
		font-family: "Barlow Condensed", sans-serif;
}

.display-2 h1{
	font-size: 8.5rem;
    font-weight: 900;
    letter-spacing: -1.85px;
		line-height: 120px;
		font-family: "Barlow Condensed", sans-serif;
}

.vc_general.vc_btn3{
	font-family: "Barlow Condensed", sans-serif;
    letter-spacing: 2.8px;
}

.eyebrow{
	border-radius: 25px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 400;
    width: auto;
    display: inline-flex;
    background: linear-gradient(135deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .08));
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, .18);
}

.eyebrow .vc_sep_holder{
	display: none;
}

.eyebrow h4{
	color:#fff;
	font-size: 12px;
	font-weight:400;
}

.list-1{
  font-weight: 400;
  width: auto;
  display: inline-flex;
}

.list-1 .vc_sep_holder{
	display: none;
}

.list-1 h4{
	font-size: 17px;
	text-transform: none;
  font-weight: 400;
	color: #5F6C70;
}

.vc_separator h4{
	font-family: "Inter", sans-serif;
}

.eyebrow .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner, .list-1 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner{
	height: 2em;
    width: 2em;
}

.eyebrow-2{
	font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
	text-transform: uppercase;
}

.cards-container > div{
	padding-left: 15px;
  padding-right: 15px;
}

footer p{
	color: #7A6F68;
	font-size: 14px;
}
*/

/* _____HOME_____ */

/*
.hero{
	min-height:106vh;
	position: relative;
  width: 100%;
	overflow:hidden;
	display: flex;
  align-items: center;
}

.hero-video-container{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.hero-video-container .wpb_column{
	height: 100%;
}

.hero-video{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  z-index: 1;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background: linear-gradient(135deg, rgba(10, 10, 10, 0.92) 0%, rgba(10, 10, 10, 0.75) 50%, rgba(26, 155, 163, 0.15) 100%);
  z-index: 2;
}

.hero-content {
  position: relative;
  z-index: 2;
  margin: 0 auto;
	width:100%;
   max-width: 1290px;
}

.kpis, .hero-description{
	max-width:768px;
}
*/

/* _____WOOCOMMERCE_____ */
/*
.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title{
	font-family: "Inter", sans-serif;
}

.price, .mwb_varition_swatch_for_shop .woocommerce-variation-add-to-cart, .single_variation_wrap{
	display:none !important;
} 

 .woocommerce-loop-product__title{
	text-transform: none;
}
*/


/* _____MEDIA QUERIES_____ */
/*
@media screen and (max-width: 789px) {
  .display-1{
    font-size: 6rem;
		line-height: 5rem;
   }
	.display-2, .display-2 h1{
    font-size: 4rem;
		line-height: 4rem;
   }
	.hero-content{
		margin-left: 2%;
		max-width: 100%;
	}
	.d-none{
		display:none;
	} 
}

@media screen and (min-width: 790px) {
	.d-none{
		display:block;
	}
}


@media screen and (max-width: 932px) and (orientation: landscape) {
  .hero{
	min-height:160vh;
}
}

*/

/* ========================================
   RUSTYC - WHATSAPP FLOTANTE
   ======================================== */

.rustyc-floating-whatsapp {
    position: fixed;
    right: 24px;
    bottom: 24px;

    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #25D366;
    border-radius: 50%;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);

    z-index: 9999;

    text-decoration: none !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* ========================================
   ICONO
   ======================================== */

.rustyc-whatsapp-icon {
    width: 32px;
    height: 32px;

    display: flex;
    position: relative;
    z-index: 2;
}

.rustyc-whatsapp-icon svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}


/* ========================================
   PULSO
   ======================================== */

.rustyc-floating-whatsapp::before {
    content: "";

    position: absolute;

    inset: 0;

    border-radius: 50%;

    background: #25D366;

    z-index: -1;

    animation: rustyc-whatsapp-pulse 7s ease-out infinite;
}


@keyframes rustyc-whatsapp-pulse {

    0% {
        transform: scale(1);
        opacity: 0.45;
    }

    8% {
        transform: scale(1.15);
        opacity: 0;
    }

    100% {
        transform: scale(1.15);
        opacity: 0;
    }

}


/* ========================================
   TOOLTIP / CTA
   ======================================== */

.rustyc-floating-whatsapp::after {
    content: "¿Necesitas asesoría?  Escríbenos por WhatsApp";

    position: absolute;

    right: 72px;
    top: 50%;

    transform: translateY(-50%) translateX(10px);

    width: max-content;

    padding: 12px 18px;

    background: #12262A;
    color: #fff;

    border-radius: 6px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;

    white-space: nowrap;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;

    pointer-events: none;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}


/* ========================================
   HOVER
   ======================================== */

.rustyc-floating-whatsapp:hover {
    transform: translateY(-4px);

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

.rustyc-floating-whatsapp:hover::after {
    opacity: 1;
    visibility: visible;

    transform: translateY(-50%) translateX(0);
}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 767px) {

    .rustyc-floating-whatsapp {
        right: 16px;
        bottom: 16px;

        width: 54px;
        height: 54px;
    }

    .rustyc-whatsapp-icon {
        width: 29px;
        height: 29px;
    }

    .rustyc-floating-whatsapp::after {
        display: none;
    }

}