/* modificamos transparencia fondo cajas servicos @mentaliza 
.gslide-inline {
   background-color:rgba(255, 255, 255, 0.7) !important;
}*/


/*@mentaliza @lmarazova*/
/* Cambiar color del texto del menú a blanco */
.sc_layouts_menu_nav a,
.sc_layouts_menu_nav li {
    color: #ffffff !important; /* Cambia el color del texto a blanco */
}

/* Asegura que los enlaces del menú sean visibles y estilizados */
.sc_layouts_menu_nav a {
    text-decoration: none;} /* 


/* Asegúrate de que el contenedor tenga posición relativa 
.wpb_single_image {
    position: relative;
    overflow: hidden; Asegura que el overlay no se extienda fuera del contenedor
}*/

/* Ajusta el tamaño del logo dentro del contenedor */
.logo_image {
  max-width: 30% !important; /* Asegura que el logo no exceda el ancho del contenedor */
  max-height: 30% !important; /* Asegura que el logo no exceda la altura del contenedor */
  width: auto !important; /* Ajusta el ancho del logo automáticamente */
  height: auto !important; /* Ajusta la altura del logo automáticamente */
}
/* Añadir un contenedor fijo para la línea blanca */
.sc_content_container::after {
  content: "";
  display: block;
  width: 100%; /* La línea ocupará todo el ancho del contenedor */
  height: 1px; /* Grosor de la línea */
  background-color: #fff; /* Color de la línea (blanco) */
  position: absolute; /* Posiciona la línea en la parte inferior del contenedor */
  bottom: 0; /* Posiciona la línea en la parte inferior */
  left: 0;
  z-index: 9999; /* Asegura que la línea esté encima de otros elementos */
}

/* Ocultar línea blanca en móviles @mentaliza */
@media only screen and (max-width: 767px) {
  .sc_content_container::after {
      visibility: hidden;
			display: none;
		}
		
		.sc_content_container { min-height: 20px; padding-bottom: 20px; padding-top: 20px;}
}

/*cambia palabra*/
.breadcrumbs_item.home {
    position: relative ;
    color: transparent !important; /* Hace el texto original transparente */
}

.breadcrumbs_item.home::after {
     /*content: 'Inicio'; Texto nuevo */
		/* Corregimos CSS3 de Luba porque forzaba la palabra "Inicio" en todos los idiomas @mentaliza */
		font-family: "Font Awesome 5 Free";
		content: "\f015"; /* Lo cambiamos por icono Home @mentaliza */
		position: absolute;
    right: 0;
    top: 0;
    color: darkgray !important; /* Color del texto nuevo */
    text-decoration: none;
    background: inherit;
    padding: inherit;
}

.breadcrumbs_item.home:hover::after {color: black !important;}
.breadcrumbs>a {color: darkgray;}
.breadcrumbs>a:hover {color: black;}
.current {color: black;}
.current:hover {color: lightgray; cursor: hand !important;}

/* Ocultamos categorias de los servicios en breadcrumbs @mentaliza */
body.single-cpt_services .cat_post, body.single-cpt_services .breadcrumbs_delimiter:nth-child(4){visibility: hidden; display: none;}

/* Cambiar de color el subrayado y acercarlo más a las letras */
.menu_main_nav li a:hover {
    border-bottom: none;  /* Asegúrate de que no haya borde inferior */
    box-shadow: inset 0 -2px 0 0 #062639;  /* Ajusta la posición y color del subrayado */
    padding-bottom: 2px;  /* Ajusta el espacio entre el texto y el subrayado */
}
/*cambiar el color del cuadrado scroll a la izquierda*/
/* Colores del botón de desplazamiento hacia arriba en estado normal */
.scheme_default .trx_addons_scroll_to_top, 
.scheme_default .trx_addons_cv .trx_addons_scroll_to_top {
  color: #a7a7a7;
  border-color: #09354f;
  background-color: #09354f;
}

/* Colores del botón de desplazamiento hacia arriba en estado hover */
.scheme_default .trx_addons_scroll_to_top:hover, 
.scheme_default .trx_addons_cv .trx_addons_scroll_to_top:hover {
  color: #ffffff; /* Cambia el color del texto al pasar el ratón por encima */
  border-color: #052030; /* Cambia el color del borde al pasar el ratón por encima */
  background-color: #052030; /* Cambia el color de fondo al pasar el ratón por encima */
}
/* Estilo por defecto del contenedor principal */
.vc_row.wpb_row.vc_row-fluid {
  background-color: transparent; /* Color por defecto */
  transition: background-color 0.3s ease-in-out; /* Transición suave */
  /* Asegúrate de que el contenedor tenga suficiente altura */
  height: auto;
}

/* Estilo cuando se hace scroll */
.sc_layouts_row_fixed.sc_layouts_row_fixed_on {
  background-color: rgba(0, 0, 0, 0.5) !important; /* Cambia este color por el que prefieras */
}

/* Asegúrate de que el contenedor interno también reciba el color de fondo */
.sc_layouts_row_fixed.sc_layouts_row_fixed_on .sc_content {
  background-color: inherit; /* Hereda el color de fondo del contenedor principal */
}

/* Asegúrate de que el contenido dentro del contenedor también reciba el color de fondo */
.sc_layouts_row_fixed.sc_layouts_row_fixed_on #sc_content_1953698555 {
  background-color: inherit; /* Hereda el color de fondo del contenedor principal */
}

/* Asegura que el menú y el logo estén por encima del overlay */
.top_panel,
.sc_content {
  position: relative; /* Asegura que el contenido esté por encima del overlay */
  z-index: 2; /* Mayor z-index para estar por encima del overlay */
}


.scheme_default .sc_item_button a:not(.sc_button_bg_image) {
border: 1px solid;
}

/*cambia el color enlaces footer*/
.enlace-pie {
    color: #d3d3d3 !important; /* Gris clarito */
    text-decoration: none; /* Elimina el subrayado, si lo deseas */
}

.enlace-pie:hover {
    color: #a9a9a9 !important; /* Gris aún más claro o un color diferente al pasar el ratón */
    text-decoration: underline; /* Opcional: subrayado en el hover */
}
#menu-menu-principal-es .menu-item a:hover {
  border-bottom: 2px solid #062639 !important;  /* Añade un borde azul de 2px debajo del texto */
  padding-bottom: 5px;  /* Ajusta el espaciado entre el texto y el borde */
}

/* Arreglamos header @mentaliza */
.scheme_menu.top_panel>.vc_row:not([class*="sc_layouts_row_type"]) {
    background-color: transparent !important;
}

.wpb_single_image .vc_figure {
   display: grid !important;
   
}

/* Imagen header secundarias @mentaliza */

div.imagen-header {
		max-height: 650px !important; 
		min-height: 650px !important;
}

div.imagen-header img {
		object-fit: cover !important;
    min-height: 650px !important;
} 

/* Gradient BG Header @mentaliza */
.imagen-header .vc_single_image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  z-index: 1; /* Overlay por encima de la imagen, pero debajo del contenido */
  pointer-events: none; /* Asegura que el overlay no interfiera con los clics en los elementos encima de él */
}
/*@lmarazova mentaliza*/
/*cambiar color menú hamburguesa mobil*/
.menu_mobile_inner {
  color: #a6a6a6;
  background-color: #062639 !important;
}
.sc_layouts_row_type_compact {
  background-color:  #062539 !important;
}
/*@lmarazova mentaliza*/
/*controla el tamaño de la foto en servicios - servicio especial*/
.post_featured_bg {
    
    background-size: auto!important; 
    
}

/*@lmarazova mentaliza*/
/*en los servicios pone los nombres al centro y quita el botón de leer más*/
h4 {
		text-align: center !important}
.vc_general.vc_btn3 {
		display: none !important;}
/*centra el servicio especial*/
.special_service{
		text-align:center !important; }
h5 {
		color: black !important;
}

/* Títulos servicios @mentaliza */

.vc_gitem-post-data-source-post_title h4 {
    font-family: Cormorant SC !important;
		font-size: 27px;
		word-break: normal;
		overflow-wrap: normal;
}

/* Índice de servicios @mentaliza */
.scheme_default .sc_item_button a:not(.sc_button_bg_image) {
    color: white !important;
    /*background-color: black !important;*/
}

/* Menú lenguaje @mentaliza */
span.wpml-ls-native {color: darkgray; border-left: 1px solid darkgray; padding-left: 20px;}
ul#menu_mobile span.wpml-ls-native {color: darkgray; border-left: none; padding-left: 0px; font-style: italic;}

/*@mentaliza @lmarazova*/
/*cambiar color de fondo servicios*/
    .goverlay {
        background: rgb(6 38 57 / 90%)!important;
    }

/* menús footer @mentaliza */
ul#menu_footer li a, ul#menu_footer li a {
    font-size: 12px !important;
}