/* Importar Font Awesome para que .fa-* funcione */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

@media (min-width: 801px){
	.caja_experto {
		width: 48%;
	}
}
@media (min-width: 1041px){
	.caja_experto {
		width: 23%;
	}
}
@media (max-width: 1900px){
	#imgtarotistas {
	    left: 42%;
	    /*top: 7%;*/
	    position: relative!important;
	}
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    border: 3px solid #6098af;
}
button#llamada_tarjeta_anulada {
    margin-left: 120px;
}
.ui-widget-overlay {
    background-color: rgba( 0, 0, 0, 0.6 )!important;
    opacity: 1!important;
    z-index: 9489!important;
}
.ui-dialog-title {
    text-align: center;
    margin-left: 42px!important;
}
.ui-widget-header {
    border: none!important;
    background:none!important;
    font-size: 26px;
    color: #444444;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center !important;
    font-weight: 500 !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    z-index: 9999!important;
}
.llama-ya-ocupado {
    background-color: #ffb600!important;
}
.llama-ya-disponible{
	background-color: #f4524d!important;
}
.boton-rosa{
	background-color: #cc7298!important;
}
.mydrim-msg{
	margin-left: 40px!important;
	color: red;
}
#imgtarotistas {
    left: 2%;
    top: 7%;
    position: absolute;
}
.botones_botones_clientes_desconectado.ocupado{
	background-color: #ffb600;
}
.info_minutos_gratis{
	padding-left: 17px;
    padding-bottom: 17px;
}
.caja_experto{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.widget_expertos .caja_experto:hover {
	border-color: #F2DBF0;
    background-color: #fff;
    box-shadow: 0px 5px 5px #D7C2D6;
}
.widget_expertos .caja_experto {
	box-shadow: 0px 5px 5px #eee;
	max-height: 545px !important;
}

.opinion_experto_valoracion {
    min-height: 40px;
}

.datos_experto{
	width:100%;
	float:left;
	text-align: center;
}
.datos_experto_texto{
	height: 22px;
}
.datos_experto_nombre_nombre{
	font-size: 21px;
	font-weight: bold;
	color:#303030;
}
.datos_experto_sector{
	height: 17px;
}
.datos_experto_sector_sector{
	font-size: 15px;
	color: #9a9a9a;
	text-transform: capitalize;
}
.datos_experto_profesional{
    height: 24px;
}
.datos_experto_profesional_profesional {
	font-size: 10px;
	margin: 0px;
}
.imagen_experto{
	float:left;
	width: 100%;
	padding: 5px;
	margin-top: 25px;
	min-height: 145px;
}
.imagen_experto_imagen{
	width: 50%;
        height: 140px;
	margin-right:25%;
	margin-left:25%;
	border-radius: 18px;
}
.opinion_experto{
	float: left;
	width: 100%;
}
.opinion_experto_clientes, .opinion_experto_valoracion{
	text-align:center;
	margin-bottom: 1%;
	margin-top:1%;
	float: left;
	width: 100%;
	padding: 0% 12%;
}
.opinion_experto_cuadro{
	float: left;
	width:25%;
	margin-right:1%;
	color:#fff;
	font-weight: bold;


}
.opinion_experto_cuadro_percent{
	border-radius: 4px;
	padding: 2% 0%;
	width:88%;
	float: right;
}
.opinion_experto_cuadro_numero{
	border-radius: 4px;
	padding: 2% 0%;
	width:auto;
	float: right;
	    padding: 0% 20%;
}
.opinion_experto_clientes_texto{
	float: left;
	text-align: left;
	padding-left: 3%;
	font-weight: bold;
	    font-size: 13px;
    color: #000;
}

.opinion_experto_texto{
	text-align:center;
	margin-bottom: 1%;
	margin-top:1%;
	float: left;
	width: 100%;
	padding: 1% 0%;
}
.botones_botones_clientes{
	border-radius: 7px;
}
.botones_botones_clientes_desconectado{
	border-radius: 7px;
}

.cat_tarot .botones_botones_clientes {
	background-color: #d7c2d6;
}

.cat_psicologia .botones_botones_clientes {
	background-color: #debfa4;
}

.conexion_experto{
	padding: 0% 7%;
}
.conexion_experto_conexion{
	float:left;
	text-align:left;
	width:50%;
	font-size: 12px;

}

.conexion_experto_conexion .conectado {
	color: #00cc0b;
}

.conexion_experto_conexion .no-conectado {
	color: #ca1e44;
}

.ocupado {
	color: #ffb600;
}

.boton_experto .ocupado {
	background-color: #ffb600;
}

.conexion_experto_precio{
	float:right;
	text-align:right;
	width:50%;
	font-size: 17px;
	color: #9a9a9a;
}
.conexion_experto_precio_estandar{
	color: #c9c9c9;
    font-size: 14px;
    text-decoration: line-through;
    text-align: right;
}
.conexion_experto_precio_oferta{
	float:right;
	text-align:right;
	width:50%;
	font-size: 17px;
	color: #ca1e44;
}
.botones_botones_clientes .fa-phone{
	font-size: 28px;
	color: #fff;
}

button.botones_botones_clientes:hover {
    background-color: #c5c5c5;
    color: #fff;
}
.botones_botones_clientes_desconectado .fa-phone{
	font-size: 28px;
	color: #fff;
}

button.botones_botones_clientes_deconectado:hover {
    background-color: #c5c5c5;
    color: #fff;
}

.faicon{
	float: left;
	padding: 0% 8%;
}
.texto_boton {
    float: left;
    height: 28px;
    padding-top: 6px;
    /* padding-right: 18%; */
    font-weight: bold;
}
.faicon2{
	    width: 9%;
    float: left;
}
.texto_conexion{
	width: 89%;
    margin-left: 2%;
    float: left;
}
.texto_suplemento {
font-size: 11px;
line-height: 14px;
padding-top: 4px;
}


.historial_llamadas{
	padding:20px;
}
.historial_llamadas_cabecera_columna {
    background-color: #6098af;
    color: #fff;
}

.caja_tipo_llamada {
	min-height: 100px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    text-align: center;
    padding-top: 2%;
    border: 1px solid #dddcdc;
    border-radius: 8px;
	margin-bottom: 10px;
}

.caja_tipo_llamada .boton_llamar_credito {
    border-radius: 8px;
    width: auto;
    margin-bottom: 20px;
    margin-right: 10px;
    font-size: 16px;

}

.caja_tipo_llamada table.shop_table {
	margin-bottom: 0;
}

.caja_tipo_llamada .account-payment-methods-table {
}

.caja_tipo_llamada .payment-method {
    background: #eee;
    margin: 0 10px 5px 10px;
    color: #333;
    padding: 10px 10px 0 10px;
}

.caja_tipo_llamada .payment-method-method {
	float: left;
    margin-right: 10px;
	padding-top: 8px;
}

.caja_tipo_llamada .payment-method-expires {
	float: left;
    margin-right: 10px;
	padding-top: 8px;
}

.caja_tipo_llamada .payment-method-actions {
}

.caja_tipo_llamada h4 {
	text-align: left;
    margin-left: 10px;
}

.ripple span {
    text-transform: uppercase;
}



/* LOS DEL TEMA */
/*
Theme Name: Mydrim
Author: Ender, factoría de software
Author URI: http://www.ender.es
Description: Ender - Factoría de Software
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.upme-error {
    color: red;
    font-size: 14px;
}

@media (max-width: 800px){
    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-95.first,
    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-97.first,
    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-100,
    li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-96 {
    	margin-top: 20px!important;
    }
	.caja_experto{
		width:98%;
	}
	.experto-template-default .header-experto .datos_experto {
		margin-top: 25px;
	}
	.experto-template-default .header-experto{
		padding-left: 100px;
	}
	.experto-template-default .ficha_experto {
		width: 70%;
		width: 100%;
		text-align: justify;
		float: left;
	}
	.experto-template-default .opinion_experto_valoracion {
		margin-top: 20px!important;
		margin-right: 160px;
	}
	.experto-template-default .header-experto .caja_experto {
		margin: 30px auto;
	}
	.experto-template-default .sidebar_ficha_experto {
		width: 100%;
		float: left;
	}
	.experto-template-default .columna_agenda {
		float: left;
		width: 30%;
	}
	.widget_expertos .caja_experto {
		width: 100%;
	}

}

@media (min-width: 801px){
	.caja_experto{
		width:48%;

	}
}

@media (min-width: 1041px){
	.caja_experto{
		width:23%;
	}
}

.btn_entrar, .btn_perfil {
	background-color: #444;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	margin-right: 4px;
}

.btn_consultas {
	background-color: #6098af;
	padding: 5px 31px;
	color: #ffffff;
	border-radius: 4px;
	font-size: 12px;
}

.logged-in .btn_consultas {
	padding: 5px 15px;
}


li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-369 {
	margin-left: -259px;
	margin-top: 46px;
}

.logged-in li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-369 {
	margin-left: -235px;
}


li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-95.first,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-97.first,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-100,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-96 {
	margin-top: -20px;
}


.btn_registro, .btn_recarga{
	background-color: #fff;
	padding: 5px 10px;
	color: #999 !important;
	border-radius: 4px;
	border: 1px solid #999;
	font-size: 12px;
	font-weight: 700;
}

.mini-nav:not(.select-type-menu)>ul>li.first {
	margin-right: 0;
}

.my-profile .page-title{
	display:none !important;
}
.submit{
	margin-bottom: 18px;
}
div.upme-wrap {
	font-family: "Work Sans",'Helvetica','Arial';
}
.tabla_botones_clientes{
	text-align: center;
}
.celda_botones_clientes{
	width: 32%;
}

#uno_botones_clientes, #dos_botones_clientes{
	margin-right:2%;
}
.upme-profile-title a{
	font-size:18px;
}


.testimonial-item:not(.testimonial-item-slider), .testimonial-item .ts-viewport, .bg-on.team-container {
	background-color: rgb(129, 157, 191);
	color: white;
	border-radius: 9px;
}

.testimonial-item .testimonial-vcard .text-primary {
	color: #262b2e;
	font: 21px / 25px "Work Sans", Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
}
.testimonial-item:not(.testimonial-item-slider), .testimonial-item .ts-viewport, .bg-on.team-container {
	background-color: rgb(129, 157, 191);
	color: white;
	border-radius: 9px;
	height: 225px;
}


.botones_botones_clientes {
	background-color: #6098af;
	border: none;
	width: 100%;
	padding: 10px;
	color: #FFF;
	font-family: 'Work Sans', Helvetica;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;     /* centra verticalmente */
	justify-content: center; /* centra horizontalmente el contenido principal */
	gap: 10px;               /* separación entre icono y texto */
}
.botones_botones_clientes_desconectado {
	background-color: #dddddd;
	border: none;
	width: 100%;
	padding: 10px;
	color: #FFF;
	font-family: 'Work Sans', Helvetica;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;     /* centra verticalmente */
	justify-content: center; /* centra horizontalmente el contenido principal */
	gap: 10px;               /* separación entre icono y texto */
}

.botones_botones_clientes:hover {
    background-color: #c5c5c5;
    color: #fff;
}
.botones_botones_clientes_desconectado:hover {
	background-color: #c5c5c5;
	color: #fff;

}

.caja_experto{
	width:23%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}

.datos_datos_experto{
	width: 45%;
	max-width: 50%;
	float: left;
	padding: 9px 7px;
}

.datos_nombre_experto {
	font-weight: 600;
	color: #819dbf;
	margin-bottom: 0;
}

.datos_datos_experto a {
	text-decoration: none;
}

 input.field.searchform-s {
	width: 74%;
	margin: 0;

}

 form.searchform {
	padding: 10px !important;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    width: 100%;
	padding-bottom: 1px !important;
	height: 62px;
}

 input.searchsubmit {
	width: 24% !important;
	background-image: none !important;
}

.searchform .submit {
	background-image: none !important;
}

.content .searchform input {
padding-right: 10px;
}

.assistive-text {
	position: relative !important;
}



.mini-search.show-on-desktop.near-logo-first-switch.near-logo-second-switch.first, .mini-search.show-on-desktop.near-logo-first-switch.near-logo-second-switch {
	padding-top: 17px;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-97.first.pum-trigger {
	cursor: pointer;
	border: 1px solid #fff;
	padding: 4px;
	border-radius: 3px;
}
.pum-title .popmake-title{
	margin-bottom:3%;
}


/* Mejorar tamaño y espaciado del modal (jQuery UI dialog) */
.ui-dialog {
	max-width: 600px !important;
	width: 92% !important;
	box-sizing: border-box !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
	background: #ffffff !important;
	overflow: hidden !important;
}

/* Contenido interno del diálogo: más espacio y altura mínima */
.ui-dialog .ui-dialog-content {
	padding: 32px 36px !important;
	min-height: 220px;
	max-height: 70vh;
	box-sizing: border-box;
	overflow-y: auto;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
}

/* Titlebar: más espacio y texto centrado */
.ui-dialog .ui-dialog-titlebar {
	padding: 24px 60px 24px 36px !important;
	border: none !important;
	background: linear-gradient(135deg, #6098af 0%, #4a7d94 100%) !important;
	border-radius: 0 !important;
	text-align: center;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	width: 100% !important;
	text-align: center !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	margin: 0 !important;
	letter-spacing: 0.3px;
	padding-right: 0 !important;
}

/* Botón de cerrar (X) mejorado y bien posicionado */
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute !important;
	right: 20px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 2px solid rgba(255, 255, 255, 0.5) !important;
	background: rgba(255, 255, 255, 0.15) !important;
	border-radius: 50% !important;
	transition: all 0.2s ease !important;
	z-index: 10 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
	background: rgba(255, 255, 255, 0.3) !important;
	border-color: rgba(255, 255, 255, 0.8) !important;
	transform: translateY(-50%) scale(1.08) !important;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
	outline: none !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
	background: none !important;
	text-indent: 0 !important;
	overflow: visible !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	position: static !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Usar Font Awesome para el icono de cerrar */
.ui-dialog .ui-dialog-titlebar-close .ui-icon:after {
	content: "\f00d";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	color: #ffffff;
	display: block;
	line-height: 1;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

/* Área de botones del diálogo */
.ui-dialog .ui-dialog-buttonpane {
	padding: 20px 32px !important;
	background-color: #f8f9fa !important;
	border-top: 1px solid #e9ecef !important;
	margin: 0 !important;
	text-align: center;
}

.ui-dialog .ui-dialog-buttonset {
	float: none !important;
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

/* Estilos para los botones dentro del modal */
.ui-dialog .ui-dialog-buttonpane button {
	padding: 12px 28px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	border: none !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	min-width: 120px;
}

.ui-dialog .ui-dialog-buttonpane button.ui-button-primary,
.ui-dialog .ui-dialog-buttonpane button:first-child {
	background: linear-gradient(135deg, #6098af 0%, #4a7d94 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(96, 152, 175, 0.3) !important;
}

.ui-dialog .ui-dialog-buttonpane button.ui-button-primary:hover,
.ui-dialog .ui-dialog-buttonpane button:first-child:hover {
	background: linear-gradient(135deg, #4a7d94 0%, #3a6d84 100%) !important;
	box-shadow: 0 6px 16px rgba(96, 152, 175, 0.4) !important;
	transform: translateY(-2px);
}

.ui-dialog .ui-dialog-buttonpane button.ui-button-secondary,
.ui-dialog .ui-dialog-buttonpane button:not(:first-child) {
	background: #ffffff !important;
	color: #6098af !important;
	border: 2px solid #6098af !important;
}

.ui-dialog .ui-dialog-buttonpane button.ui-button-secondary:hover,
.ui-dialog .ui-dialog-buttonpane button:not(:first-child):hover {
	background: #f0f4f7 !important;
	border-color: #4a7d94 !important;
	color: #4a7d94 !important;
}

/* Overlay mejorado */
.ui-widget-overlay {
	background: rgba(0, 0, 0, 0.6) !important;
	opacity: 1 !important;
	z-index: 9489 !important;
	backdrop-filter: blur(3px);
}

/* Ajustes específicos para el dialog creado (#dialog_llamada) */
#dialog_llamada {
	font-size: 15px;
	line-height: 1.6;
}

#dialog_llamada p {
	margin-bottom: 16px;
}

#dialog_llamada p:last-child {
	margin-bottom: 0;
}

#dialog_llamada strong {
	color: #6098af;
	font-weight: 600;
}

/* Mensajes de error o alerta dentro del modal */
#dialog_llamada .mydrim-msg,
#dialog_llamada .popup_error {
	background-color: #fff3cd;
	border: 1px solid #ffc107;
	color: #856404;
	padding: 12px 16px;
	border-radius: 6px;
	margin: 16px 0;
	font-weight: 500;
}

#dialog_llamada .popup_error {
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
}

/* Botones dentro del contenido del modal (#dialog_llamada) */
#dialog_llamada button,
#dialog_llamada input[type="button"],
#dialog_llamada input[type="submit"],
#dialog_llamada .boton_llamar_credito {
	display: inline-block;
	padding: 12px 24px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	border: none !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 8px 4px !important;
	background: linear-gradient(135deg, #6098af 0%, #4a7d94 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(96, 152, 175, 0.3) !important;
	text-decoration: none !important;
	line-height: 1.2 !important;
	min-width: 140px;
	text-align: center;
}

/* Botón de "Llamar Ahora" - Verde */
#dialog_llamada button.boton-llamar-ahora,
#dialog_llamada .boton-llamar-ahora {
	background: linear-gradient(135deg, #28a745 0%, #218838 100%) !important;
	box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
}

#dialog_llamada button.boton-llamar-ahora:hover,
#dialog_llamada .boton-llamar-ahora:hover {
	background: linear-gradient(135deg, #218838 0%, #1e7e34 100%) !important;
	box-shadow: 0 6px 16px rgba(40, 167, 69, 0.4) !important;
	transform: translateY(-2px);
}

#dialog_llamada button.boton-llamar-ahora:active,
#dialog_llamada .boton-llamar-ahora:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
}

/* Botón "Poner en cola" - Naranja/Amarillo */
#dialog_llamada button.boton-cola,
#dialog_llamada .boton-cola {
	background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%) !important;
	box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3) !important;
	color: #333333 !important;
}

#dialog_llamada button.boton-cola:hover,
#dialog_llamada .boton-cola:hover {
	background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%) !important;
	box-shadow: 0 6px 16px rgba(255, 193, 7, 0.4) !important;
	transform: translateY(-2px);
	color: #333333 !important;
}

#dialog_llamada button.boton-cola:active,
#dialog_llamada .boton-cola:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3) !important;
}

#dialog_llamada button:hover,
#dialog_llamada input[type="button"]:hover,
#dialog_llamada input[type="submit"]:hover,
#dialog_llamada .boton_llamar_credito:hover {
	background: linear-gradient(135deg, #4a7d94 0%, #3a6d84 100%) !important;
	box-shadow: 0 6px 16px rgba(96, 152, 175, 0.4) !important;
	transform: translateY(-2px);
}

#dialog_llamada button:active,
#dialog_llamada input[type="button"]:active,
#dialog_llamada input[type="submit"]:active,
#dialog_llamada .boton_llamar_credito:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(96, 152, 175, 0.3) !important;
}

/* Botones secundarios (cancelar, etc.) */
#dialog_llamada button.secondary,
#dialog_llamada .button-secondary {
	background: #ffffff !important;
	color: #6098af !important;
	border: 2px solid #6098af !important;
	box-shadow: 0 2px 8px rgba(96, 152, 175, 0.15) !important;
}

#dialog_llamada button.secondary:hover,
#dialog_llamada .button-secondary:hover {
	background: #f0f4f7 !important;
	border-color: #4a7d94 !important;
	color: #4a7d94 !important;
}

/* Contenedor de botones centrado */
#dialog_llamada .botones-container,
#dialog_llamada .actions-container {
	text-align: center;
	margin: 20px 0 10px 0;
}

/* Mobile: asegurar que el modal ocupe el ancho disponible dejando margen */
@media (max-width: 768px) {
	.ui-dialog {
		width: calc(100% - 28px) !important;
		max-width: calc(100% - 28px) !important;
		margin: 14px auto !important;
	}
	
	.ui-dialog .ui-dialog-content {
		padding: 24px 24px !important;
		min-height: 180px;
		font-size: 14px;
	}
	
	.ui-dialog .ui-dialog-titlebar {
		padding: 20px 52px 20px 24px !important;
	}
	
	.ui-dialog .ui-dialog-title {
		font-size: 19px !important;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		right: 14px !important;
		width: 32px !important;
		height: 32px !important;
	}

	.ui-dialog .ui-dialog-titlebar-close .ui-icon:before {
		font-size: 28px;
		line-height: 28px;
	}
	
	.ui-dialog .ui-dialog-buttonpane {
		padding: 16px 24px !important;
	}
	
	.ui-dialog .ui-dialog-buttonset {
		flex-direction: column;
		gap: 10px;
	}
	
	.ui-dialog .ui-dialog-buttonpane button {
		width: 100%;
		min-width: auto;
	}

	#dialog_llamada button,
	#dialog_llamada input[type="button"],
	#dialog_llamada input[type="submit"],
	#dialog_llamada .boton_llamar_credito {
		width: 100%;
		min-width: auto;
		margin: 6px 0 !important;
	}
}

@media (max-width: 480px) {
	.ui-dialog {
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
		margin: 10px auto !important;
	}

	.ui-dialog .ui-dialog-content {
		padding: 20px 20px !important;
	}

	.ui-dialog .ui-dialog-titlebar {
		padding: 18px 48px 18px 20px !important;
	}
}

@media (max-width: 800px){
	.caja_experto{


	}
}
@media (min-width: 801px){
	.caja_experto{


	}
}
@media (min-width: 1041px){
	.caja_experto{

	}
}


.header-experto{
	width:100%;
	background-color:transparent;
	min-height:500px;
	color:#fff;
	display: inline-flex;
}
.img-experto{
	width:20%;
	margin-left: 40%;
	margin-top:2%;
	margin-bottom:2%;
}
.header-experto .caja_experto {
	float: left;
	width: 650px;

	margin: 50px auto;
}
.header-experto .imagen_experto {
	float: left;
	width: 175px;
	padding: 0;
	margin-right: 25px;
}

.header-experto .imagen_experto img {
	width: 100%;
	border-radius: 18px;
}

.header-experto .datos_experto, .header-experto .opinion_experto,
.header-experto .datos_experto_texto {
	width: 450px;
	float: left;
	text-align: left;
}

.header-experto .datos_experto_texto {
	margin-bottom: 5px;
}

.header-experto .datos_experto {
	margin-top: 54px;
}

.header-experto .botones_botones_clientes .fa-phone {
	color: #FFFFFF;
}

.header-experto .datos_experto_sector_sector {
	font-size: 17px;
	color: #ffffff;
	text-transform: capitalize;
}

.header-experto .opinion_experto {

}

.header-experto .datos_experto_nombre_nombre{
	color:#fff;
	font-size: 27px;
	line-height: 27px;
text-transform: capitalize;
}

.header-experto .datos_experto_nombre_nombre span {
	font-size: 17px;

	margin-left: 10px;
    font-weight: normal;
}


.header-experto .opinion_experto_texto{
	text-align: left;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 0;
	padding: 2px 0;
}
.header-experto .conexion_experto_conexion{
	float: none;
	text-align: left;
	margin-left: 0;
}


.conectado {
	color: #00cc0b;
}

.no-conectado {
	color: #ca1e44;
}


.header-experto .opinion_experto_clientes, .header-experto .opinion_experto_valoracion {
	text-align: center;
	margin-bottom: 0;
	margin-top: 10px;
	float: left;
	width: 190px;
	padding: 0;
}

.header-experto .zona_botones {
	width:225px;
	float:left;
	margin-top:25px;
}

.header-experto .opinion_experto_cuadro_percent {
	border-radius: 4px;
	padding: 2px 4px;
	width: auto;
	float: left;
}

.header-experto .opinion_experto_cuadro_numero {
	border-radius: 4px;
	padding: 2px 8px;
	width: auto;
	float: left;
}

.header-experto .opinion_experto_cuadro {
	float: left;
	width: auto;
	margin-right: 2px;
	color: #fff;
	font-weight: bold;
}

.header-experto .opinion_experto_clientes_texto{
	font-size: 12px;
	color:#fff;
	text-align: left;
	padding-left: 4px;
	font-weight: bold;
}
.header-experto .conexion_experto {
	padding: 0;
}

.opinion_experto_cuadro_percent {
	background-color: #00b35f;
}

.opinion_experto_cuadro_numero {
	background-color: #ffd048;
}

.upme-rememberme {
	font-family: 'Work Sans';
}

.widget_expertos {
	display: inline-block;
	margin-bottom: 25px;
}
.upme-column-wrap{
	display:flex;
}

.ficha_experto {
	width: 70%;
	float: left;
}

.ficha_experto .descripcion_experto {
	margin-bottom: 40px;
}

.ficha_experto .descripcion_experto .titulo {
	font-weight: normal;
	color: #262b2e;
	margin-bottom: 12px;
	font-size: 24px;
}

.ficha_experto .descripcion_experto .titulo span {
	font-weight: normal;
	color: #666;
	text-transform: capitalize;

}

.otros_expertos{
	margin-top: 25px;
	float: left;
}

.otros_expertos h3 {
	font-weight: 600;
}

.otros_expertos h3 span {
	color: #666;
	text-transform: capitalize;
}

.ficha_experto .descripcion_experto .texto {
	line-height: 18px;
}

.ficha_experto .agenda {
}

.sidebar_ficha_experto {
	width: 26%;
	float: right;
}


.sidebar_ficha_experto .caja_experto {
	width: 100%;
	border: 1px solid #eee;
	border-radius: 12px;
	box-shadow:  0px 5px 5px #eee;
	padding: 10px 0;
}

.widget_expertos .caja_experto {
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 20px 0 12px 0;
	background-color: #fff;
	margin-bottom: 25px;
}


.agenda {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.agenda_experto {
	float: left;
	width: 100%;
}

.columna_agenda {
	float: left;
	width: 13%;
	margin: 2px 0.25%;
	background-color: #fafafa;
	padding: 4px;
	border-radius: 8px;
	min-height: 150px;
}

.columna_hoy {
	background-color: #f4fcfe;
}

.fila_hoy {
	background-color: #007398 !important;
	color: #ffffff

}

.columna_agenda .nombre_dia {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.columna_agenda .fila_agenda {
	background-color: #cfcfcf;
	border-radius: 5px;
	padding: 4px 2px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: 500;
}

.comments-area {
	margin-top: 25px;
}

.agenda h3 {
	float: left;
	margin-right: 20px;
	margin-top: -6px;
}
.titulo_nuevo{
	display:inline-block;
	margin-right: 50px;
}
.nuevo_horario{
	padding:20px;
}
.nuevo_horario select{
	margin-left: 15px;
}
.btn_nuevo_horario{
	padding: 5px 75px;
	background: #007398;
	color: #fff;
	border-radius: 5px;
	border: none;
}
.btn_desconectado{
	padding: 5px 75px;
	background: #007398;
	color: #fff;
	border-radius: 5px;
	border: none;
}
.div_desconectado{
	text-align: center;
}
.saldo_cliente{
	padding:20px;
	text-align: right;
}
.cadena_saldo{
	display: inline-block;
	padding: 7px 0px 7px 0px;
	width: 135px;
	background-color: #6098af;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.valor_saldo{
	display: inline-block;
	border: 2px solid #6098af;
	padding: 5px 15px 5px 50px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.borrar_agenda{
	float: right;
	background: none;
	border: none;
	color: #ca1e44;
	padding-right: 5px;
}
.borrar_agenda:focus{
	outline:none;
}
.hora-fin{
	padding-right: 13px;
}
.comment-respond>h3 {
	align-self: auto;
	margin-bottom: 0;
}

.logged-in-as {
	text-align: left;
}

.comments-area > h3:after, .single-related-posts > h3:after, .comment-respond > h3:after {
	color: #fff;
	background-color: #6098af;
	display: none;
}
.boton_anulado{
	background-color: #ddd !important;
}
.popup_error{
	color:#ca1e44;
	text-align: left;
}

#bottom-bar .wf-table {
	text-align: center;
}

#branding-bottom {
	display: inline;
}

.pum-theme-6 .pum-title {
	margin-bottom: 15px;
	text-align: center !important;
	font-weight: 500 !important;
}
#fancy-header .fancy-title>span {
	font-weight: bolder;
	letter-spacing: 6px;
	text-transform: uppercase;
}

.woocommerce div.product div.images img {
	width: auto;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	height: 140px;
}

ul#primary-menu {
	margin-left: 65px;
}

.phantom-on ul#primary-menu {
	//margin-left: -15px;
}

input.wpcf7-form-control.wpcf7-submit {
	width: 100%;
}

/*breadcrumbs background color*/
.page-title .breadcrumbs {
	background-color: rgba(0, 0, 0, 0.05);
}

.upme-cover-image img {
	height: 100px !important;
}
.upme-field-type i{
	background: #819dbf;
}
.upme-field-type i:hover {
	background: #fff;
	color:#819dbf;
}
div.upme-wrap div.upme-social a{
	background: #fff;
	color: #819dbf;
}
div.upme-wrap div.upme-social a:hover{
	background: #819dbf;
	color: #fff;
}
.upme-profile-header-two .upme-profile-social-bar {
	top: -104px;
}

.footer .custom-nav > li > a span{
	color:#fff;
}

.pum-content .botones_registro {
	margin: 10px auto;
	text-align: center;
}

.pum-content .botones_registro a {
	margin-right: 10px;
	text-decoration: none;
}

.pum-content .botones_registro a span {
	font-size: 15px;
}

.fila_agenda .hora-fin {
	padding-right: 0 !important;
}

.pum-theme-6 .pum-container {
	background-color: #fff !important;
}

.texto_registro {
	text-align: center;
	margin-bottom: 23px;
}

.upme-button, .upme-button-alt {
	font-size: 14px !important;
	text-transform: uppercase !important;
	padding: 0px 10px !important;
}

.upme-login, .upme-datepicker-reset {
	float: right;

}

.upme-help-text {
	font-family: 'Work Sans', Helvetica;
}

.pea_cook_wrapper p {
	font-family: 'Work Sans', Helvetica !important;
	font-weight: normal !important;
	color: #fff !important;
}

button#upme-register, input[type="submit"] {
	text-transform: uppercase;
	padding-left: 14px;
	padding-right: 14px;
	font: normal 500 14px / 42px "Work Sans", Helvetica, Arial, Verdana, sans-serif !important;
	text-transform: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #ffffff;
	background-color: #6098af;
	border: none;
}

.upme-datepicker-reset {
	padding: 0px 10px !important;
	background-color: #999999 !important;
	font: normal 500 14px / 34px "Work Sans", Helvetica, Arial, Verdana, sans-serif !important;
}

button#upme-register:hover, input[type="submit"]:hover {
	background: #037faf;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
	color: #cccccc;
}

.category #main {
    padding-top: 0;
}

.category #fancy-header {
    margin-bottom: 35px;
}


span.subtitle-text {
    display: none;
}

.minutos_gratis {
    font-weight: 700;
    color: orange;
    font-size: 13px;
    text-align: center;
}

.boton_llamada_mydrim {
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
}

/* Overrides finales para alinear correctamente el icono y centrar el texto */
.botones_botones_clientes,
.botones_botones_clientes_desconectado {
	position: relative; /* permite posicionar el icono de forma absoluta */
	/* reducir espacio reservado para que el icono quede más pegado al texto */
	padding-left: 36px; /* antes 44px */
}

/* Icono: posición absoluta a la izquierda, centrado verticalmente */
.faicon {
	position: absolute;
	left: 8px; /* antes 12px, acercamos el icono al texto */
	top: 50%;
	transform: translateY(-50%) !important;
	float: none;
	padding: 0;
	margin: 0;
	/* aumentar un poco el contenedor para evitar recortes al reducir left */
	width: 24px; /* antes 20px */
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* mantener tamaño del icono dentro del botón (ligeramente menor para ajustar) */
.botones_botones_clientes .fa-phone,
.botones_botones_clientes_desconectado .fa-phone {
	font-size: 18px; /* antes 20px */
	color: #fff;
}

.faicon i,
.botones_botones_clientes .fa-phone,
.botones_botones_clientes_desconectado .fa-phone {
    display: inline-block;
    line-height: 1;
    font-style: normal;
    /* Tamaño ligeramente ajustado para encajar con padding-left */
    font-size: 20px;
    width: 20px;
    text-align: center;
}
	text-align: center;
}

/* mantener tamaño del icono dentro del botón */
.botones_botones_clientes .fa-phone,
.botones_botones_clientes_desconectado .fa-phone {
	font-size: 20px; /* ajustado para encajar mejor con el padding-left */
	color: #fff;
}

.faicon i,
.botones_botones_clientes .fa-phone,
.botones_botones_clientes_desconectado .fa-phone {
    display: inline-block;
    line-height: 1;
    font-style: normal;
    /* Tamaño ligeramente ajustado para encajar con padding-left */
    font-size: 20px;
    width: 20px;
    text-align: center;
}

.woocommerce-info, .woocommerce-error, .woocommerce-message {	
    padding-left: 50px !important;
}