/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/* =Theme customization starts here
------------------------------------------------------- */
/*******************************************
**VARIABLES*******************************
*******************************************/
.woocommerce-variation-price .price woocommerce-Price-amount{font-size:26px;font-weight:800;}
:root {
	--accent-color: cyan; /* Define la variable para el color links */	
	--primary-color:#2B5C6B; /* Verde oscuro Define la variable para el color primario */	
	--secondary-color: #D4EC00; /* Verde fosforito Define la variable para el color secundario */
	--tertiary-color: #233C47; /* Verde azulado oscuro. Define la variable para el color terciario */
	--primarylight-color: #BFCACE /* Define la variable para un color claro primario */
	--primarydark-color: #284148 /* Define la variable para un color oscuro primario */
	--secondarylight-color: #F2F8AE; /* Define la variable para un color claro secundario */
	--secondarydark-color: #808B01; /* Define la variable para un color oscuro secundario */
	--neutral-color:#0d0d0d; /* Define la variable para el color neutro */
	--dark-color:#00172D; /* Define la variable para el color neutro */
	--display-font:'Barlow',Helvetica,Arial,Lucida,sans-serif;/* Defina la fuenta para títulos*/
	--body-font:'Plus Jakarta Sans',Helvetica,Arial,Lucida,sans-serif; /*Define la fuente del botón*/
	--condensed-font:'Barlow Semi Condensed',Helvetica,Arial,Lucida,sans-serif;/* Defina la fuenta para subtítulos y botones*/
}

/***********************************************************************************
**GENERIC CLASSES*******************************************************************
***********************************************************************************/
sup{
	position:absulute;bottom:.75em;
	line-height:1em;
	font-size:calc(1em / 1.5);
}
/***********************************************************************************
**COMPONENTS***********************************************************************
***********************************************************************************/
/**FLEX**/
.flex{display:flex;}
.flex-gap{column-gap:20px;}
.flex-center{justify-content:center;}
.flex-wrap{flex-wrap:wrap;}
.flex-space-between{justify-content:space-between;}

.et_pb_column.flex-reverse,
.flex-column-reverse{flex-direction:column-reverse;}/**Reverse títulos y subtítulos**/


/***********************************************************************************
**PLUGINS***************************************************************************
***********************************************************************************/
/**COMPLIANZ**/
#cmplz-document{max-width: 100%!important;margin-bottom:60px;}

/**RESEÑAS GOOGLE**/
.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn{
	background-color:var(--secondary-color)!important;
	border-color:var(--secondary-color)!important;
}
.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn:hover{
	background-color:#000!important;;
	border-color:#000!important;
}
.ti-widget.ti-goog .ti-widget-container .ti-date{
	color:#333!important;
}

/**FORMINATOR**/
.et_pb_button.boton-bg, 
.forminator-button-submit{
  background-color: #0c71c3;
  border-radius: 50px!important;
	border: 2px solid #0c71c3!!important;
  color: #ffffff !important;
  letter-spacing: 2px;
	font-family: var(--condensed-font)!important;
	font-size: 20px!important;line-height: 1.7em;font-weight: 500;
  padding: .3em 2em .3em .7em;
}
.et_pb_button.boton-bg:hover, 
.forminator-button-submit:hover,
.et_pb_button.boton-bg:focus, 
.forminator-button-submit:focus{
	box-shadow:none!important;
  padding-left:1em!important;
	padding-right:1.5em!important;
}

.forminator-button-submit:after{
	font-family: ETmodules !important;
	font-size: 20px;
	line-height: 1em;
	content: "\35";
	opacity: 0;
	position: absolute;top:17px;right:5px;
	margin-right: 1em;
	-webkit-transition: all .2s;
	transition: all .2s;
	text-transform: none;
	-webkit-font-feature-settings: "kern" off;
	font-feature-settings: "kern" off;
	font-variant: none;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	color:white!important;
}
.forminator-button-submit:hover:after{
  opacity:1;
	margin-right:0;
}




/***********************************************************************************
**HEADER****************************************************************************
***********************************************************************************/
/**TOP-BAR***********************************************/
#topbar .et_pb_column{
	display:flex;
	column-gap:20px;
	justify-content: flex-end;
}
/**MENU-BAR***********************************************/
/**Menú**/
.has_et_pb_sticky #menubar{
	background-color:var(--primary-color);
}
.et_pb_menu .et_pb_menu__logo img{
	position:absolute;top:-70px;
	width:120px;
	transition: all 0.25s ease-out;
}
.has_et_pb_sticky .et_pb_menu .et_pb_menu__logo img{
	top:10px;
	width:50px;
}

/***********************************************************************************
**FOOTER****************************************************************************
***********************************************************************************/
/**FOOTER-BAR********************************************/
#legal .et_pb_text_inner{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap:20px;
}
#legal .et_pb_text_inner p{}

/**BOTTOM-BAR********************************************/




/***********************************************************************************
**CONTENT***************************************************************************
***********************************************************************************/
.et_pb_gallery_item{
	z-index:1!important;
}
.btn-vergaleria{
		padding-top:30px!important;padding-bottom:30px!important;
		z-index:0!important;
}
.btn-vergaleria:hover{

}
/**INICIO*********************************************/
#trabajos-inicio{
	background-color:#DB0080;
	display:flex;
	flex-wrap:wrap;
}

#trabajos-inicio .et_pb_column .et_pb_blurb .et_pb_blurb_content{
	height:200px;
	padding:200px auto!important;
}
#trabajos-inicio .et_pb_column:hover .et_pb_blurb .et_pb_blurb_content{
	background-color:rgba(0,0,0,.5);
	
}

/**NUESTROS TRABAJOS*******************************************/
.flex-works .et_pb_column{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	column-gap:20px;
}

.flex-works .et_pb_column *{padding-bottom:0!important;}
.flex-works .et_pb_column .et_pb_blurb{max-width:345px;}
.flex-works .et_pb_column .et_pb_blurb:hover{
  background-repeat: no-repeat;
  background-blend-mode: multiply; 
}
.flex-works .et_pb_column .et_pb_blurb > .et_pb_blurb_content{}
.flex-works .et_pb_column .et_pb_blurb > .et_pb_blurb_content > .et_pb_main_blurb_image{
	margin-bottom:0;
	overflow:hidden;
	background-color:black;
}
.flex-works .et_pb_blurb > .et_pb_blurb_content .et_pb_main_blurb_image img{
	transition: all 0.5s ease-out allow-discrete;
}
.flex-works .et_pb_blurb > .et_pb_blurb_content:hover > .et_pb_main_blurb_image img{
	transform: scale(1.1);
	opacity:.75;
}
.flex-works .et_pb_blurb .et_pb_blurb_container,
#trabajos-inicio .et_pb_blurb .et_pb_blurb_container{
	display:flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	width:100%;height:100%;
	top:0;
}

.flex-works .et_pb_blurb .et_pb_blurb_container > h2,
#trabajos-inicio .et_pb_blurb .et_pb_blurb_container > h2{
	background-color:white;
	padding:10px;padding-bottom:10px!important;
	max-width:80%;
	transition: all 0.25s ease-out allow-discrete;
}
.flex-works .et_pb_blurb .et_pb_blurb_content:hover .et_pb_blurb_container > h2,
#trabajos-inicio .et_pb_blurb .et_pb_blurb_content:hover .et_pb_blurb_container > h2{
	transform: scale(1.1);
	background-color:transparent;
	color:white;
}

#trabajos-inicio.flex-works .et_pb_column{
	column-gap:0;
}
#trabajos-inicio.flex-works .et_pb_column .et_pb_blurb{max-width:345px;}

/**GALERÍA/*****************************************/
.divi-masonry-gallery .dmg-item-content{
	background-color:black;
}
.divi-masonry-gallery .dmg-item img{
		transition: all 0.25s ease-out allow-discrete;
}
.divi-masonry-gallery .dmg-item:hover img{
	transform: scale(1.1);
	opacity:.75;
}
.divi-masonry-gallery .dmg-caption h2{
	color:white;
}

/**CONTACT***Y*******************************************/


/**Responsive Divi Theme Breakpoints & Media queries********************/
/**Responsive Divi Theme Breakpoints & Media queries********************/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
@media all and (min-width: 981px) {

}

@media all and (min-width: 981px) {
		.et_pb_row.flex-reverse{
			display:flex;
			flex-direction:row-reverse;
		}
		.et_pb_row.flex-reverse > .et_pb_column:first-child{
			margin-right:0;
		}
		.et_pb_row.flex-reverse > .et_pb_column:last-child{
			margin-right: 5.5%!important;
		}
	.btn-vergaleria{
		width:33%;
		padding-top:30px!important;padding-bottom:30px!important;
		margin-top:-230px;
		z-index:0!important;
	}
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.mobile_menu_bar{
		margin:10px 0;
	}
	.has_et_pb_sticky .et_pb_menu .et_pb_menu__logo img{
		top:10px;
		width:30px;
	}
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.et_pb_menu .et_pb_menu__logo img{
		position:absolute;top:-70px;
		width:100px;
	}
	.btn-vergaleria{
		width:43%;
		margin-top:0px;
	}
}
@media all and (min-width:734px) and (max-width: 890px) {
  .flex-works .et_pb_blurb{max-width:300px;}
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.et_pb_menu .et_pb_menu__logo img{
		position:absolute;top:-60px;
		width:90px;
	}
	.btn-vergaleria{
		width:43%;
		margin-left:33%;
		margin-top:-33px;
	}

}
@media all and (max-width: 616px) {
	.et_pb_menu .et_pb_menu__logo img{
		position:absolute;top:-100px;
		width:120px;
	}
	#topbar .et_pb_column{
		display:block;
		margin-bottom:10px;
	}
}	


/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.et_pb_menu .et_pb_menu__logo img{
		position:absolute;top:-60px;
		width:90px;
	}
	.btn-vergaleria{
		width:100%;
		margin-left:0;
		margin-top:0px;
	}

}