/*
Theme Name: Divi Child
Theme URI: https://pruebasdivi.com/
Description: Divi - Tema hijo para Divi
Author: Rafa Cardona
Author URI: https://www.rcardonadiaz.com/
Template: Divi
Version: 1.0.0
*/

.menu-servicios{
  padding: 0 5vw !important;
}

/* No mostrar menu idiomas movil */
.menu-idiomas .et_pb_menu__wrap .et_mobile_nav_menu {
display: none !important;
}

/* menu popup movil */

.ld-show-menu-popup{
	display:block !Important;
	z-index:9999 !important;
}

.link-menu p{
	color:#FFF !important;
	text-decoration:none !important;
	font-size: 40px !important;
}
.link-menu p:hover{
	font-style: italic !important;
	color: #CD6454!important;
	text-decoration: underline !important;
}


/* Menu Principal Movil */

.menu-principal .et_pb_menu__wrap .et_mobile_nav_menu {
	justify-content: flex-end !important;
	align-items: center !important;
}

/*Alinear menu hamburguesa a la derecha*/

/* Menu Movil Abierto */
.menu-principal .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
	background-color: #283567 !important;
}

/*Estilizar menú cerrado*/

.menu-principal .closed #mobile_menu1 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}

/*remover bullets points de menú*/

.menu-principal #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%;
}

/*Mover menú al inicio de todo*/

.menu-principal .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}

/*Cambiar icono de menú abierto*/

.menu-principal .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
	color:white !important;
}

/*posición fija del menú*/

.menu-principal .opened .mobile_menu_bar {
	position: fixed !important;
}

/*remover borde del menú*/

.menu-principal .et_mobile_menu {
	border-top: none;
}

/*remover color de fondo del menú*/

.menu-principal .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
	color: white !important;
}

/*configurar opacidad del menú*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}

/*configurar bordes del menú*/

.menu-principal .et_mobile_menu li a {
	border-bottom: none;
}


/* Fin Menu Movil */


/* Menu - Italica y subrayado en la opcion seleccionada */

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
	text-decoration: underline !important;
	font-style: italic !important;
}
.menu-item a:hover {
	text-decoration: underline !important;
	font-style: italic !important;
    /*border-bottom: solid 1px white !important;*/
}
/*.current-menu-item a {
	border-bottom: solid 1px #121E3A !important;
}*/

.flex-between{
  display:flex !important;
  justify-content: space-between !important;
}
.mg-pd-0{
  margin: 0;
  padding: 0;
}

.link-std{
	text-decoration:underline !important;
}
.link-std:hover{
	font-style: italic !important;
	text-decoration: underline !important;
}
.link-std-no-sub{
	text-decoration:none !important;
}
.link-std-no-sub:hover{
	font-style: italic !important;
	text-decoration: none !important;
}
.link-pie{
	color:#fff !important;
	text-decoration:underline !important;
}
.link-pie:hover{
	font-style: italic !important;
	text-decoration: underline !important;
}
.link-pie-mail{
  color: #fff !important;
	text-decoration: none !important;
	font-style: italic !important;
}
.link-pie-mail:hover{
  color: #fff !important;
	font-style: italic !important;
	text-decoration: underline !important;
}
.link-pie-tlf{
  color: #fff !important;
	text-decoration: none !important;
}
.link-pie-tlf:hover{
  color: #fff !important;
	font-style: italic !important;
	text-decoration: underline !important;
}

.link-servicios{
	color:#CD6454 !important;
	text-decoration: none !important;
}
.link-servicios:hover{
	font-style: italic !important;
	text-decoration: underline !important;
}
.link-servicios-2{
	color:#283567 !important;
	text-decoration: none !important;
}
.link-servicios-2:hover{
	font-style: italic !important;
	text-decoration: underline !important;
}
.link-servicios-3{
  color: #283567 !important;
	text-decoration: none !important;
}
.link-servicios-3:hover{
  color: #283567 !important;
	font-style: italic !important;
	text-decoration: none !important;
}
.link-servicios-3-s{
  color: #CD6454 !important;
	text-decoration: none !important;
}
.link-servicios-3-s:hover{
  color: #CD6454 !important;
	font-style: italic !important;
	text-decoration: none !important;
}
.link-servicios-4{
  color: #FFF !important;
	text-decoration: none !important;
}
.link-servicios-4:hover{
  color: #FFF !important;
	font-style: italic !important;
	text-decoration: underline !important;
}
.link-servicios-5{
  color: #283567 !important;
	text-decoration: none !important;
/* 	width: clamp(350px, calc(21.875rem + ((1vw - 3px) * 3.0864)), 400px) !important;*/
}
.link-servicios-5:hover{
  color: #CD6454 !important;
	font-style: italic !important;
	text-decoration: none !important;
  border-top-color: #CD6454 !important;
  border-bottom-color: #CD6454 !important;
}
.link-servicios-5-s{
  color: #CD6454 !important;
	text-decoration: none !important;
}

.cursor-pointer{
		cursor: pointer !important;
}

.texto-blanco{
	color: #fff !important;
}
.texto-blanco H2{
	color: #fff !important;
}

/* imagenes home */
.et_pb_image_3 img:hover,
.et_pb_image_4 img:hover,
.et_pb_image_5 img:hover,
.et_pb_image_6 img:hover,
.et_pb_image_7 img:hover{
	border-radius: 50%;
	opacity: .45 !important;
	cursor:pointer !important;
	/*filter:brightness(0.4);
	background-blend-mode: color-burn !important;*/
}

.img-home-servicios{
	border-radius:50% !important;
  width: clamp(350px, calc(21.875rem + ((1vw - 3px) * 3.0864)), 400px) !important;
	height: clamp(350px, calc(21.875rem + ((1vw - 3px) * 3.0864)), 400px) !important;
  /*width: clamp(300px, calc(18.75rem + ((1vw - 4px) * 3.2895)), 350px) !important;
  height: clamp(300px, calc(18.75rem + ((1vw - 4px) * 3.2895)), 350px) !important;*/
}

.img-serv-servicios{
	border-radius:50% !important;
	width: clamp(350px, calc(21.875rem + ((1vw - 3px) * 3.0864)), 400px) !important;
	height: clamp(350px, calc(21.875rem + ((1vw - 3px) * 3.0864)), 400px) !important;
}

.col-der-serv-servicios{
	/*width: clamp(350px, calc(21.875rem + ((1vw - 3px) * 7.1605)), 466px) !important;*/
	height: clamp(350px, calc(21.875rem + ((1vw - 3px) * 26.5432)), 780px) !important;
}

.div-encargos {
  display:flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
.div-encargos-2 {
  display:flex !important;
  justify-content: space-between !important;
  width: 80% !important;
  margin: 2% 10% !important;
  padding: 0px !important;
}
.div-encargo-txt {
  display: block;
  border-top: 2px white solid !important;
}

.tit-num-encargo {
/*  display: block;*/
  font-size: clamp(16px, calc(1rem + ((1vw - 3.5px) * 1.5287)), 40px) !important;
  color: white !important;
  margin:0 !important;
  padding: 0px !important;
}
.hr-encargo {
/*  display: block;*/
  height:2px !important;
  border:none !important;
  background-color: white !important;
  margin:0px !important;
}
.encargo {
/*  display: block;*/
  color: #283567 !important;
  margin:0 !important;
  padding: 30px 0 0 0 !important;
  line-height: 1.2em !important;
}
.tit-encargo {
  font-size: clamp(16px, calc(1rem + ((1vw - 3.5px) * 1.5287)), 40px) !important;
  font-weight: bold;
  line-height: 1.1em !important;
  /*border-top: 2px red !important;*/
}
.text-encargo {
  font-size: clamp(16px, calc(1rem + ((1vw - 3.5px) * 1.0191)), 32px) !important;
  line-height: 1.2em !important;
}

/* chevron landing animado*/

.chev-ver-mas{
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/* fin chevron landing animado*/

#foto-juli-esc{
/*
  height:clamp(100px, calc(6.25rem + ((1vw - 4px) * 26.3158)), 500px) !important;
  min-height: 0vw;
*/

 position: relative;
  width: 30vw;
  height: 30vw;
  overflow: hidden;
  border-radius: 50%;
}

#foto-juli-esc img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#txt-mereces p{
  font-size: clamp(14px, calc(0.875rem + ((1vw - 4px) * 1.7105)), 40px) !important;
}
#txt-sobre-mi p{
  font-size: clamp(14px, calc(0.875rem + ((1vw - 4px) * 0.3947)), 20px) !important;
}
#txt-especializada p{
  font-size: clamp(14px, calc(0.875rem + ((1vw - 4px) * 1.1842)), 32px) !important;
}

.font-16-to-20{
  font-size: clamp(16px, calc(1rem + ((1vw - 4px) * 0.2632)), 20px) !important;
}
  
.font-14-to-18{
  font-size: clamp(14px, calc(0.875rem + ((1vw - 4px) * 0.2632)), 18px) !important;
}
/***************************************************************************************************/
/** INICIO FM CONTACTO                                                                            **/
/***************************************************************************************************/
/*
.pa-icono-triangulo:after {
    content: "\21E3";
}
*/
.pa-icono-triangulo {
	right: 5% !important;
	top : 28% !important;
    position: absolute !important;
	display: center;
    z-index: 9999 !important;
	font-size: 24px;
	color: #283567 !important;
	transition: all ease .3s;
    font-family: ETmodules !important;
    font-weight: 900!important;
	cursor:pointer !important;
}

.boton-seleccionado{
	/*background-color: #CD6454 !important;
	color: white !important;*/
	background-color: white !important;
	color: #CD6454 !important;
	opacity: 1 !important;
}
.boton-normal{
	background-color: #283567 !important;
	color: white !important;
	opacity:1 !important;
}
.boton-mouseover {
/*	background-color: rgba(0, 0, 0, 0.1) !important;
	opacity:1 !important;*/
	background-color: white !important;
	color: #283567 !important;
	opacity: 1 !important;
}

.et-pb-contact-message p{
	display: flex;
	flex-direction:column;
	background-color: white;
	padding: 10px 20px !important;	
    /*font-family: Quicksand,Helvetica,Arial,Lucida,sans-serif !important;*/
	text-align:left !important;
	/*border:solid;*/
	border-radius: 50px !important;
	border-color: #f0b8a8 !important;
	border-width :1px !important;
	width: 100% !important;
	color: #283567 !important;
	font-size: 23px  !important;
	font-weight: 650 !important;
    transition: all .8s;
}

/* Personalizar mensaje error formulario contacto*/

.et-pb-contact-message li {
	color: #283567 !important;
	font-size: 18px  !important;
	font-weight: 400 !important;
	padding: 0px 0px 0px 10px !important;	
}

.et_pb_contact p .et_contact_error {
    border: 1.5px solid #283567!important;
}
.contacto-borde-requerido {
    border: 1.5px solid #283567!important;
}

/* alinear boton a la izquierda*/
.et_contact_bottom_container {
    float: left !important;
    text-align: left !important;
}


/***************************************************************************************************/
/** FIN FM CONTACTO                                                                            **/
/***************************************************************************************************/



@media only screen and (max-width: 479px) {
	.menu-servicios{
		padding: 0 0 !important;
	}
 
  .col-der-serv-servicios{
	  /*width: clamp(350px, calc(21.875rem + ((1vw - 3px) * 7.1605)), 466px) !important;*/
	  height: auto !important;
  }

  .div-encargos {
    display: block !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}  
}