/*
 Theme Name: Divi child v1.5
 Theme URI: https://www.global-mente.com
 Description: Tema base hijo de Divi para esta web, para Divi 3.0.90 y superior.
 Author: Global Mente
 Author URI: https://www.global-mente.com
 Template: Divi
 Version: 1.5
*/


/* estilos personalizados */

h1, h2, h3, h4, h5, h6, h7{word-break:keep-all; word-wrap:normal}

#et-info{float:right;}
a#callnowbutton{font-size:2em}
a#callnowbutton img{max-width:44px !important}

.et-pb-contact-message{text-align:center; font-size: 1.2em;}


span#cuotaempleador strong, span#cuotaempleado strong, span#cuotatotal strong, span#salarioneto strong{font-size:1.3em !important; padding-top:.25em}
span#salarioneto strong{color:#ff6400}


body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type=text], body .gform_wrapper select{background-color:#fff !important}

.gform_required_legend{display:none}
.gform_previous_button{color:#ff004d !important}


/*+++++++ZOOM SERVICIOS++++++*/

.efecto-servicios{
	overflow:hidden;
	width:100%;
}

.efecto-servicios img{
	width:100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s  ease;
}
.efecto-servicios:hover img{
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .5s  ease;
}

/*+++++++ZOOM SERVICIOS++++++*/

.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
	outline: 1px solid #009bff;
    outline-offset: -10px;
}


/* CALCULADORA */
form#calculadora{}
form#calculadora label.invisible{display:none;}
form#calculadora input[type=text], form#calculadora select{margin-bottom:1em; font-size:1.4em}
form#calculadora input[type=button]{
	margin-top:1em !important;
	/*font-size:1.4em;*/
	color: #fcfcfc;
	padding: 0.3em 1em !important;
	background-color: #ff004d;
    border-width: 1px!important;
    border-color: #ff004d;
	/*display: inline-block;*/
    font-family: inherit;
    cursor: pointer;
	border-radius: 3px;
	font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
	transition: all 0.2s;
}



/* =======================================================================
   ESTILOS DEL BLOG (solo artículos)
   ======================================================================= */

body.single-post article{
    font-size:18px;
    line-height:26px;
}

body.single-post article h1{
    font-size:30px;
    line-height:1.2em;
    font-weight:600;
    color:#383838;
    text-transform:none !important;
}

body.single-post article h2{
    margin-top:40px;
    margin-bottom:8px;
    font-size:23px;
    line-height:1.25em;
    font-weight:600;
    color:#383838;
    text-transform:none !important;
}

body.single-post article h3{
    margin-top:32px;
    margin-bottom:8px;
    font-size:22px;
    line-height:1.2em;
    font-weight:600;
    text-transform:none !important;
}

body.single-post article h4{
    margin-top:24px;
    margin-bottom:8px;
    font-size:19px;
    line-height:1.3em;
    font-weight:600;
    text-transform:none !important;
}

/* Anula cualquier regla de Divi que convierta los H2 del blog en mayúsculas */
body.single-post article h1,
body.single-post article h2,
body.single-post article h3,
body.single-post article h4,
body.single-post article h5,
body.single-post article h6{
    text-transform:none !important;
}

#content-area article .entry-content a,
#content-area article .entry-content a:visited{
    color:#009bff;
}

/* ======================================================================= */


#creado-por{float:right}



/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
	nav#top-menu-nav .sub-menu{margin-top:-20px !important;}
	.et-fixed-header nav#top-menu-nav .sub-menu{margin-top:-10px !important;}
	
	.listado-blog article h2.entry-title{padding-top:1em}
	.listado-blog article img { float: left; max-width: 40%; margin-right: 1em;}   
	.listado-blog article .post-content{padding:1em;} 
	.listado-blog .et_pb_post{background:#f2f2f2; padding-right:1em;}
	

}

 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1241px) and (max-width: 1405px) {
	nav#top-menu-nav .sub-menu{margin-top:-20px !important;}
	.et-fixed-header nav#top-menu-nav .sub-menu{margin-top:-10px !important;}
	
	.listado-blog article h2.entry-title{padding-top:1em}
	.listado-blog article img { float: left; max-width: 40%; margin-right: 1em;}   
	.listado-blog article .post-content{padding:1em;} 
	.listado-blog .et_pb_post{background:#f2f2f2; padding-right:1em;} 



}


/*** intervalo 'conflictivo' de Divi ***/
@media all and (min-width: 981px) and (max-width: 1240px) {
	.listado-blog article h2.entry-title{padding-top:1em}
	.listado-blog article img { float: left; max-width: 40%; margin-right: 1em;}   
	.listado-blog article .post-content{padding:1em;} 
	.listado-blog .et_pb_post{background:#f2f2f2; padding-right:1em;} 

	#top-menu-nav, #top-menu {display: none;}
	#et_top_search {display: none;}
	#et_mobile_nav_menu {display: block;}
	
}

 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.cabecera-portada .et_pb_column:first-child{margin-bottom:0 !important}
	
	#top-menu-nav, #top-menu {display: none;}
	#et_top_search {display: none;}
	#et_mobile_nav_menu {display: block;}
	#et-info{width:100%; text-align:center}
}

 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	
 
}

 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	body.single-post article h1{font-size:1.3em; line-height:1.4em}
	body.single-post article{font-size:16px;line-height:26px} 

}

 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	/* Modificación de Lander Marketing para ocultar top-header en mobile */
	#top-header{display:none}
}

/* Encabezados del contenido en mayúsculas y minúsculas */

.et_pb_text h1,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_text h4,
.et_pb_text h5,
.et_pb_text h6 {
    text-transform: none !important;
    font-weight: 600 !important;
}

/* ===========================
   AJUSTE FINAL SERVICIOS
   =========================== */

body.page .et_pb_text h2{
    color:#333 !important;
}


/* H1 generales (excepto el blog, que mantiene su propio estilo) */
body.page .et_pb_text h1,
.page .entry-content h1,
.et_pb_section .et_pb_text h1{
    font-size:40px !important;
    line-height:40px !important;
    font-weight:600 !important;
    color:#383838 !important;
}