/*
Theme Name: WP Solución - Customify Child
Theme URI: https://wpsolucion.com/
Description: Tema hijo personalizado basado en Customify, desarrollado por PressMaximum. Edición y ajustes por WP Solución.
Author: WP Solución
Author URI: https://wpsolucion.com/
Template: customify
Version: 1.0
Original Theme URI: https://pressmaximum.com/
*/

/* Tus estilos personalizados van aquí */

/* BOTÓN CON LETRAS EN MAYUSCULAS BODY */
.vc_do_btn a{
	text-transform:uppercase;
	
}

/* Espacio superior para la página de Blog */
.post-template-default #main article {
  margin-top: 31px;
}


/* Espacio superior para la página de busqueda */
#main .blog-posts-heading h1{
	margin-top:31px;
	
}

/* Boton de carrito */
.wp-block-woocommerce-proceed-to-checkout-block a div{
	background-color: var(--color-secundario) !important;
	color:#ffffff;
	font-weight:600;
	padding-left:22px;
	padding-right:22px;
	padding-top:7px;
	padding-bottom:7px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	text-transform:uppercase;
	
}


/* Espacio superior para la página de Blog */
#blog-posts .hentry .entry-inner{
	margin-top:31px;
}


/* Quitar margen en celulares */
@media screen and (max-width: 768px) {
  .nomargintopcel {
    margin-top:-50px; !important;
  }
}

/* Intercambiar columnas en celular */
@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

/* Margen productos superior */
#main .woocommerce-listing .wc-catalog-header{
	margin-top:42px;
}

/* Margen sidebar productos superior */
#sidebar-primary{
	margin-top:42px;
}


/* Quitar paddings lados en celulares */
@media only screen and (max-width: 768px) {
  .nopaddingcolumcell .vc_column-inner {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

/* Quitar paddings lados en celulares */
@media only screen and (max-width: 768px) {
  .nopaddingcolumcellall .vc_column-inner {
    padding-left: 35px !important;
    padding-right: 35px !important;
		padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

/* Títulos con color principal, excepto si tienen .nocolorprincipal o son títulos de widgets */
h1:not(.nocolorprincipal):not(.widget-title),
h2:not(.nocolorprincipal):not(.widget-title),
h3:not(.nocolorprincipal):not(.widget-title),
h4:not(.nocolorprincipal):not(.widget-title),
h5:not(.nocolorprincipal):not(.widget-title),
h6:not(.nocolorprincipal):not(.widget-title) {
  color: var(--color-principal) !important;
}

/* BOTONES por defecto con color secundario y borde redondeado */
.vc_do_btn .vc_general {
  background-color: var(--color-secundario) !important;
  border-color: var(--color-secundario) !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* BOTONES con clase .color-principal usan color principal */
.vc_do_btn.color-principal .vc_general {
  background-color: var(--color-principal) !important;
  border-color: var(--color-principal) !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* BOTONES tienda WooCommerce */
.products .wc-product__add_to_cart a {
  border-radius: 8px !important;
}

/* Fondo columna */
.fondocolumna .vc_column-inner {
  background-color: var(--color-principal) !important;
  color: #fff !important;
}

/* Botón del slider específico */
.rev-btn.color-principal {
  background-color: var(--color-principal) !important;
}


/* Márgenes en productos */
.content-inner .product .entry-summary-inner,
.woocommerce-product-gallery__image a img,
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  margin-top: 48px;
}

/* Clase global para bordes redondeados adicionales */
.borde-redondeado {
  border-radius: 10px !important;
}


/* Oscurecer adicional para filas con imagenes */
.fila-con-overlay {
  position: relative;
  overflow: hidden;
}

.fila-con-overlay::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1;
  pointer-events: none;
}

/* Los textos que deben ir encima del overlay */
.texto-sobre-overlay {
  position: relative;
  z-index: 2;
}


/* Font Icon */
.color-principal span{
	color: var(--color-principal) !important;
	
}.color-secundario span{
	color: var(--color-secundario) !important;
	
}

.ancho-completo iframe {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  border: none;
}


h1.color-principal,
h2.color-principal,
h3.color-principal,
h4.color-principal,
h5.color-principal,
h6.color-principal {
  color: var(--color-principal) !important;
}

h1.color-secundario,
h2.color-secundario,
h3.color-secundario,
h4.color-secundario,
h5.color-secundario,
h6.color-secundario {
  color: var(--color-secundario) !important;
}


/* Configuraciones Widgets Pie de Página */

#site-footer .widget h4{
	font-size:21px;
}

#site-footer .widget p{
	text-align:justify;
}

/* Transformar logo a Blanco */
.transformar-a-blanco {
  filter: brightness(0) invert(1);
}

/* Transformar logo a escala de grises */
.logo-en-grises {
  filter: grayscale(100%) contrast(110%) brightness(1.5) !important;
}

/* Testimonios configuraciones */
.strong-view.wpmtst-default .wpmtst-testimonial-heading {
    text-align: center !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-inner {
	color:black !important;
    text-align: center !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-field {
    text-align: center !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    background-color: #f8f8f8;
    border-radius: 20px !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial {
    border: 0px solid black !important;
}

/* .strong-view.wpmtst-default .wpmtst-testimonial-inner > *:not(:nth-last-child(2)):not(:last-child) {
    color: var(--color-secundario) !important;
} */

/* 767px and smaller screen sizes */
@media (max-width:767px){
.centrocel .wpb_wrapper{
		text-align:center;
	}
	 .centrocel .vc_do_custom_heading{
		text-align:center !important;	
	}	
}

/* TITULO DE IMAGEN DENTRO DE IMAGEN */
.wpb_single_image h2{
	position:fixed;
	top:250px;
	background-color: var(--color-secundario) !important;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:134px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
/* Color titulo */
.vc_row .wpb_single_image .wpb_singleimage_heading,
.vc_row .wpb_single_image .wpb_heading {
  color: #ffffff !important;
}
/* 1024px and smaller screen sizes */
@media (max-width:1024px){

	/* Heading */
	.wpb_single_image h2{
		font-size:22px;
	}	
}
/* 1025px and larger screen sizes */
@media (min-width:1025px){
	/* Heading */
	.wpb_single_image h2{
		font-size:19px;
	}
}
/* FINAL TITULO DE IMAGEN DENTRO DE IMAGEN */

/* PONER TEXTO EN BLANCO */
.texto-blanco {
  color: #ffffff !important;
}


/* CONFIGURACIONES CATEGORÍAS */
#wcps-container-890 .product span {
    font-size: 14px;
    font-weight: 400;
}

#sp-wcsp-wrapper-997 .sp-wcsp-text-center a {
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: var(--color-secundario) !important;
    border-radius: 6px;
    text-transform: uppercase !important;
}

.sp-wcsp-slider-area-997 .sp-wcsp-button-prev,
.sp-wcsp-slider-area-997 .sp-wcsp-button-next {
    border-color: var(--color-principal) !important;
    color: #ffffff;
    background: var(--color-secundario) !important;
}

.sp-wcsp-slider-area-997 .sp-wcsp-button-prev:hover,
.sp-wcsp-slider-area-997 .sp-wcsp-button-next:hover {
    border-color: var(--color-principal) !important;
    color: #ffffff;
    background: var(--color-principal) !important;
}

@media (max-width: 768px) {
  .centrado-celular,
  .centrado-celular h1,
  .centrado-celular h2,
  .centrado-celular h3,
  .centrado-celular h4,
  .centrado-celular h5,
  .centrado-celular h6,
  .centrado-celular .wpb_wrapper > h1,
  .centrado-celular .wpb_wrapper > h2,
  .centrado-celular .wpb_wrapper > h3 {
    text-align: center !important;
  }
}