/*
Theme Name: KnowherePro Child Theme
Template: knowherepro
Author: monkeysan
Author URI: https://themeforest.net/user/monkeysan/portfolio
Version: 1.0
*/

/*------------------------------------------------------------------
[Custom CSS General]
------------------------------------------------------------------*/

.job_search_form {
  background: #F82382;
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 6px 20px 0 20px; /* padding bottom 0 para menos espacio */
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end; /* alinea todos por la base */
  gap: 10px;
  max-width: 100%;
  margin-bottom: 0 !important;
}

/* Márgenes iguales arriba para inputs y botón */
.job_search_form .search_keywords,
.job_search_form .search_location,
.job_search_form .search_categories,
.job_search_form button.kw-update-form {
  margin-top: 12px;
}

/* Botón con margen top igual que inputs, sin align-self */
.job_search_form button.kw-update-form {
  border-radius: 25px;
  background: #0073e6;
  color: white;
  border: none;
  padding: 10px 10px;       /* Más alto y ancho interno */
  font-size: 16px;          /* Texto más grande */
  min-width: 110px;         /* Ancho mínimo para que sea más ancho */
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 12px !important;  /* Igual que los inputs */
}
.kw-locate-me {
  color: white !important;
}


.job_search_form button.kw-update-form:hover {
  background: #005bb5;
}


/* Ajustes generales */
.job_search_form .kw-job-filters,
.job_search_form .kw-oneline-row-action {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.job_search_form .kw-oneline-action {
  margin-left: auto;
}





body.home .kw-page-header {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

body.home .kw-page-header.kw-has-image {
    background-color: #EEEEEE;
}

body.home .kw-page-header.kw-has-image::before {
    content: none !important;
    background: none !important;
    display: none !important;
}

body.home .job_search_form {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

body.home .job_search_form fieldset {
    border-top: none !important;
}

body.home .contenedor-del-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

body.home .directorioimagenlogo {
    width: 250px;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
}

body.home .kw-page-title,
body.home .kw-page-tagline {
    display: none;
}

body.home .kw-page-header-media {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: none !important;
}

body.home .kw-page-header .kw-page-header-content .container::after,
body.home .kw-page-header-content .container::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border-top: none !important;
    height: 0 !important;
}

body.home .kw-page-header-content {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

body.home .kw-page-header-content.align-center {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
}

/*------------------------------------------------------------------
[Carrusel Listings - Altura Equilibrada y Compacta - SOLO CARRUSEL]
------------------------------------------------------------------*/

/* Estilo para el botón Search */
.kw-oneline-action .kw-update-form {
    background-color: #AAE0E0 !important; /* Cambia a tu color deseado */
    color: white !important; /* Color de letra blanco */
    border: none !important; /* Opcional: sin borde */
    padding: 10px 20px; /* Opcional: mejor apariencia */
    border-radius: 4px; /* Opcional: bordes redondeados */
    font-weight: bold; /* Opcional: texto más fuerte */
    cursor: pointer; /* Cambio de cursor al pasar sobre el botón */
    transition: background-color 0.3s ease; /* Animación suave */
}

/* Hover para que al pasar el mouse cambie un poco el color */
.kw-oneline-action .kw-update-form:hover {
    background-color: #e6a8c7 !important; /* Un tono más oscuro al pasar el mouse */
    color: white !important;
}

/* Estilos específicos para los placeholders de los campos de búsqueda */
#search_keywords::placeholder,
#search_location::placeholder {
  color: #ffffff !important;
  opacity: 1 !important; /* asegúrate de que sea completamente visible */
}

/* Para compatibilidad con navegadores */
#search_keywords::-webkit-input-placeholder,
#search_location::-webkit-input-placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}

#search_keywords::-moz-placeholder,
#search_location::-moz-placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}

#search_keywords:-ms-input-placeholder,
#search_location:-ms-input-placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}

#search_keywords:-moz-placeholder,
#search_location:-moz-placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}


#search_categories_chosen a.chosen-single {
    background-color: #F82382 !important;
    color: white !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

#search_categories_chosen a.chosen-single span {
    color: white !important;
}

#search_categories_chosen .chosen-drop {
    background-color: #ffffff !important;
}

#search_categories_chosen .chosen-results li {
    color: #333333 !important;
}

#search_categories_chosen .chosen-results li.highlighted {
    background-color: #f6c5d8 !important;
    color: #333333 !important;
}


/* Estilo base para los campos */
/* Estilo base para los campos */
.search_jobs input[type="text"],
.search_jobs select,
.search_jobs textarea {
  background-color: #F82382 !important; /* fondo rosa fuerte */
  color: #ffffff !important; /* texto blanco */
  border: 1px solid #ccc;
  border-radius: 4px;
  caret-color: #ffffff; /* cursor blanco para que sea visible */
}
.search_jobs input[type="text"]::placeholder,
.search_jobs textarea::placeholder {
  color: #fce6f3 !important; /* un blanco-rosado suave */
  opacity: 0.85;
}


/* Color del texto de los placeholders */
.search_jobs input[type="text"]::placeholder,
.search_jobs textarea::placeholder {
  color: #555555 !important; /* gris medio, se ve bien sobre rosa claro */
  opacity: 0.8; /* suficiente visibilidad pero sin competir con el texto real */
}

/* Opcional: efecto al enfocar */
.search_jobs input[type="text"]:focus,
.search_jobs select:focus,
.search_jobs textarea:focus {
  border-color: #F82382 !important; /* resalta el borde al enfocar */
  box-shadow: 0 0 5px rgba(248, 35, 130, 0.4); /* pequeño resplandor para retroalimentación visual */
  outline: none; /* elimina borde azul por defecto */
}
.job_search_form label,
.job_search_form input[type="text"],
.job_search_form select,
.job_search_form input::placeholder,
.job_search_form .chosen-container .chosen-single span,
.job_search_form .chosen-container .chosen-results li {
  color: white !important;
}



.vc_custom_1748097197737 .owl-carousel {
    margin-top: 20px !important; /* espacio arriba fuera del carrusel */
    padding-top: 10px !important; /* espacio interno arriba del carrusel */
}

.vc_custom_1750521710712 .owl-carousel .kw-listing-item {
    padding-top: 20px !important;
    margin-top: 20px !important;
    box-sizing: border-box;
}

.vc_custom_1750521710712 .owl-carousel .kw-listing-item-media {
    margin-top: 10px !important;
}

.vc_custom_1750521710712 .owl-carousel .kw-listing-item-media img {
    display: block !important;
    margin: 0 auto !important;
    max-height: 80px !important;
    object-fit: contain !important;
}


/* Asegurar que la imagen esté centrada correctamente */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-media img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    max-height: 80px !important; /* Puedes ajustarlo */
}
/* Aplica solo al carrusel específico */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item {

    /* Oculta todo excepto la imagen */
    > *:not(.kw-listing-item-media) {
        display: none !important;
    }

    /* Elimina espacios innecesarios */
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

/* Si hay overlays o meta info en la imagen, ocultarlos también */
.vc_custom_1750521710712 .owl-carousel .kw-listing-card-meta,
.vc_custom_1750521710712 .owl-carousel .kw-overlay,
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-overlay {
    display: none !important;
}

/* Eliminar cualquier borde inferior */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item,
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-media,
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-thumbnail,
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-thumbnail a,
.vc_custom_1750521710712 .owl-carousel .kw-listing-item img {
    border-bottom: none !important;
    box-shadow: none !important;
}


/* Ocultar títulos dentro del carrusel */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-title {
    display: none !important;
}

/* Ocultar metadatos (vistas, etiquetas, etc.) */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-meta {
    display: none !important;
}

/* Ocultar información extra */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-info {
    display: none !important;
}

/* Ocultar datos adicionales (teléfonos, direcciones, etc.) */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-data {
    display: none !important;
}

/* Opcional: Ajustar el padding para que solo se vea la imagen centrada */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item {
    padding: 5px !important;
    text-align: center !important;
}

/* Asegurar que las imágenes estén centradas y ocupen el espacio adecuadamente */
.vc_custom_1750521710712 .owl-carousel .kw-listing-item-media img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    max-height: 80px !important; /* Ajusta la altura si lo deseas */
}


.vc_custom_1750520575200 .owl-carousel .kw-listing-item-title,
.vc_custom_1750520575200 .owl-carousel .kw-listing-item-data,
.vc_custom_1750520575200 .owl-carousel .kw-listing-item-meta,
.vc_custom_1750520575200 .owl-carousel .kw-listing-item-info {
    display: none !important;
}


/* Contenedor del carrusel */
.kw-carousel-wrapper {
    max-height: 120px !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
}

/* Estilos SOLO para listings dentro del carrusel */
.owl-carousel .kw-listing-item,
.kw-carousel-wrapper .kw-listing-item {
    max-width: 110px !important;
    margin: 0 3px !important;
    padding: 4px 2px !important;
    box-sizing: border-box;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
    text-align: center;
}

/* Imagen del item SOLO en carrusel */
.owl-carousel .kw-listing-item-media img,
.kw-carousel-wrapper .kw-listing-item-media img {
    max-height: 65px !important;
    width: 100% !important;
    object-fit: contain !important;
    margin-bottom: 4px;
}

/* Contenedor de info SOLO en carrusel */
.owl-carousel .kw-listing-item-info,
.kw-carousel-wrapper .kw-listing-item-info {
    padding: 2px 4px !important;
    height: auto !important;
}

/* Título SOLO en carrusel */
.owl-carousel .kw-listing-item-title a,
.kw-carousel-wrapper .kw-listing-item-title a {
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Datos SOLO en carrusel */
.owl-carousel .kw-listing-item-data,
.kw-carousel-wrapper .kw-listing-item-data {
    padding: 0 !important;
    margin: 0 !important;
}

.owl-carousel .kw-listing-item-data li,
.kw-carousel-wrapper .kw-listing-item-data li {
    font-size: 0.55rem !important;
    margin-right: 4px !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Eliminar espacios de columnas extra SOLO en carrusel */
.kw-carousel-wrapper .kw-section.vc_row > .vc_column_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* Owl Carousel específicos */
.owl-carousel .owl-item {
    padding: 0 2px !important;
}

.owl-carousel .item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.owl-carousel .item img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

.owl-stage-outer {
    overflow: hidden;
}

/* Swiper.js SOLO en carrusel */
.kw-carousel-wrapper .swiper-slide {
    margin-right: 4px !important;
}

/*------------------------------------------------------------------
[Responsive - Móviles SOLO para carrusel]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .owl-carousel .kw-listing-item,
    .kw-carousel-wrapper .kw-listing-item {
        max-width: 100px !important;
    }
    
    .owl-carousel .kw-listing-item-media img,
    .kw-carousel-wrapper .kw-listing-item-media img {
        max-height: 60px !important;
    }
    
    .owl-carousel .kw-listing-item-title a,
    .kw-carousel-wrapper .kw-listing-item-title a {
        font-size: 0.65rem !important;
    }
    
    .owl-carousel .kw-listing-item-data li,
    .kw-carousel-wrapper .kw-listing-item-data li {
        font-size: 0.5rem !important;
    }
}
/* Por defecto, texto negro */
.kw-listing-single-header {
    color: black;
}

.kw-listing-single-header.text-white {
    color: white !important;
}

.kw-listing-single-header.text-black {
    color: black !important;
}


/*------------------------------------------------------------------
[Alternativa: Usando clases específicas para carrusel]
------------------------------------------------------------------*/

/* Si prefieres usar una clase específica, agrega esta clase al contenedor del carrusel */
.carousel-listings .kw-listing-item {
    max-width: 110px !important;
    margin: 0 3px !important;
    padding: 4px 2px !important;
    box-sizing: border-box;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.carousel-listings .kw-listing-item-media img {
    max-height: 65px !important;
    width: 100% !important;
    object-fit: contain !important;
    margin-bottom: 4px;
}

.carousel-listings .kw-listing-item-info {
    padding: 2px 4px !important;
    height: auto !important;
}

.carousel-listings .kw-listing-item-title a {
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-listings .kw-listing-item-data {
    padding: 0 !important;
    margin: 0 !important;
}

.carousel-listings .kw-listing-item-data li {
    font-size: 0.55rem !important;
    margin-right: 4px !important;
    padding: 0 !important;
    line-height: 1 !important;
}

@media (max-width: 480px) {
    .carousel-listings .kw-listing-item {
        max-width: 100px !important;
    }
    
    .carousel-listings .kw-listing-item-media img {
        max-height: 60px !important;
    }
    
    .carousel-listings .kw-listing-item-title a {
        font-size: 0.65rem !important;
    }
    
    .carousel-listings .kw-listing-item-data li {
        font-size: 0.5rem !important;
    }
}
::selection {
  background: #F82382 !important;
  color: #ffffff !important;
}
/* Fuerza el select a ocupar todo el ancho disponible */
.woocommerce .form-row select,
.woocommerce-page .form-row select {
    width: 100% !important;
    min-width: 300px !important;
    display: block;
    padding: 8px 12px;
    line-height: 1.4;
    height: auto;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.woocommerce .form-row.form-row-first select,
.woocommerce .form-row.form-row-wide select,
.woocommerce .form-row select {
    width: 100% !important;
    min-width: 250px;
    box-sizing: border-box;
    padding: 8px;
}

.woocommerce select:invalid {
    color: #666; /* Asegura que el placeholder sea legible */
}
header#header.kw-header.kw-type-1.kw-dark {
  background-color: #f6c5d8;
}
header#header.kw-header.kw-type-1.kw-dark a {
  color: black !important;
}
.kw-header.kw-dark .kw-navigation > li > a::before {

    background: black;

}


a.current:hover::before,
a.current:focus::before {
  color: black !important; /* texto antes también negro en hover */
}

#header > div.kw-hsection.kw-sticky.kw-sticked {
  background-color: #f6c5d8 !important;
  color: black !important; /* para letras si quieres */
}
#header > div.kw-top-bar > ul:nth-child(2) > li > div,
#header > div.kw-top-bar > ul:nth-child(2) > li > div * {
  color: black !important;
}
#header > div.kw-top-bar > ul:nth-child(1) > li > div,
#header > div.kw-top-bar > ul:nth-child(1) > li > div * {
  color: black !important;
}
.kw-btn-medium.kw-border-button {
  border-color: #AAE0E0 !important;
  color: #AAE0E0 !important;
  background-color: transparent;
  transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}

.kw-btn-medium.kw-border-button {
  border-color: #AAE0E0 !important;
  color: #AAE0E0 !important;
  background-color: transparent !important;
  transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}

.kw-btn-medium.kw-border-button,
.kw-btn-medium.kw-border-button * {
  transition: 
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;

  border-color: #AAE0E0 !important;
  color: black !important;
  background-color: transparent !important;
  -webkit-text-fill-color: black !important;
  -moz-text-fill-color: black !important;
}

.kw-btn-medium.kw-border-button:hover,
.kw-btn-medium.kw-border-button:focus {
  background-color: #AAE0E0 !important;
  border-color: #AAE0E0 !important;
  color: white !important;
  -webkit-text-fill-color: white !important;
  -moz-text-fill-color: white !important;

  transform: scale(1.02); /* más sutil: 2% de aumento */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* sombra suave */
}


.kw-logo {
  display: inline-block; /* mejora el posicionamiento del enlace */
  margin: 10px 0; /* agrega algo de espacio alrededor */
  text-align: center; /* centra el logo si es necesario */
}

.kw-top-bar {
    border: 2px solid #fff !important;
    box-shadow: none !important;
}

.kw-top-bar .kw-hr-list {
    border-left: 2px solid white !important;
    border-right: 2px solid white !important;
    border-bottom: none !important;
}

.kw-hsection {
    border-top: none !important;
}

<style>
/* Estilos para el contador de imágenes */
.gallery-image-counter {
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 8px 12px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 14px;
}

.gallery-image-counter.warning {
    background: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.gallery-image-counter.error {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.gallery-size-info {
    background: #e7f3ff;
    border: 1px solid #b8daff;
    padding: 6px 10px;
    margin-top: 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #004085;
}

/* Estilos adicionales para ocultar elementos cuando se alcanza el límite */
.fieldset-mad_perm_metadata input[name="mad_perm_metadata[]"][style*="display: none"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.kw-file-input-field[style*="display: none"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
</style>
    /* ====== SLIDESHOW PRINCIPAL ====== */
    #kw-slideshow .owl-item {
        width: 100% !important;
        height: 450px !important;
    }
    
    #kw-slideshow .owl-item img {
        width: 100% !important;
        height: 450px !important;
        object-fit: cover;
        border-radius: 10px;
        transition: all 0.3s ease;
    }
    
    #kw-slideshow .owl-stage-outer {
        height: 450px !important;
    }
    
    #kw-slideshow .owl-stage {
        height: 450px !important;
    }
    

/* Oculta todos los <li> */
.widget_pages ul li {
  display: none;
}

/* Muestra solo los <li> que contienen el enlace con las URLs específicas */
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/restaurants"]),
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/health"]),
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/fashion/"]),
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/events"]),
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/travel"]),
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/education-development-and-entrepreneurship/"]),
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/beauty-and-personal-care-2/"]),
.widget_pages ul li:has(> a[href="https://eldirectorio.mx/bar"]) {
  display: list-item !important;
}
#footer {
    background-color: #F82382 !important;
    color: white !important;
}

#footer a {
    color: white !important;
}

#footer a:hover {
    color: #FFD1E8 !important; /* un tono claro para el hover, opcional */
}
#footer,
#footer * {
    color: white !important;
}

#footer {
    background-color: #F82382 !important;
}
.kw-copyright {
    background-color: #A71858 !important;
    color: white !important;
}

.kw-copyright a {
    color: white !important;
}
.kw-right-edge a.kw-btn-big.kw-yellow {
    background-color: #AAE0E0 !important;
    color: white !important;
    border-color: #AAE0E0 !important; /* si tiene borde y quieres que combine */
}
.kw-right-edge a.kw-btn-big.kw-yellow:hover {
    background-color: #88c0c0 !important; /* un tono más oscuro para hover */
    color: white !important;
}

a.button,
.kw-info-icon,
input.button[type="submit"] {
  background-color: #F82382 !important;
  color: white !important;
}
li.user-job-package {
  display: none !important;
}
circle[r="21.066"] {
  fill: #F82382; /* Rosa fuerte */
}

circle[r="8.947"] {
  fill: white;
}
.load_more_jobs {
  background-color: #F82382 !important; /* fondo del <a> */
  color: white !important;
  padding: 15px 25px !important;
  border: none !important;
  display: inline-block !important;
  text-align: center;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.load_more_jobs * {
  background-color: transparent !important; /* quita el fondo verde heredado de hijos */
  color: white !important; /* fuerza texto blanco sin importar quién lo tenga */
  box-shadow: none !important;
}

/* Cambiar el color del botón de cierre (x) y todos los estados */
.search-choice-close,
.chosen-container .chosen-choices li.search-choice .search-choice-close,
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-multi .chosen-choices li.search-choice:hover {
  background-color: #F82382 !important;
  border-color: #F82382 !important;
}

/* Asegurar que el hover también sea rosa */
.chosen-container-multi .chosen-choices li.search-choice:hover {
  background-image: none !important;
  background: #F82382 !important;
}

/* Cambiar cualquier texto dentro del botón a color apropiado */
.chosen-container-multi .chosen-choices li.search-choice span {
  color: white !important;
}

/* Asegurar que cualquier icono o símbolo también cambie */
.search-choice-close:before,
.search-choice-close:after,
.chosen-container .chosen-choices li.search-choice .search-choice-close:before,
.chosen-container .chosen-choices li.search-choice .search-choice-close:after {
  color: white !important;
  border-color: white !important;
}
/* Cambiar el color del texto a rosa en opciones de resultado al hacer hover */
.chosen-container .chosen-results li.active-result:hover,
.chosen-container-multi .chosen-results li.active-result:hover,
li.active-result:hover {
  color: #F82382 !important;
}

/* Si hay un estilo específico para los elementos de nivel 0 */
.chosen-container .chosen-results li.active-result.level-0:hover,
.chosen-container-multi .chosen-results li.active-result.level-0:hover,
li.active-result.level-0:hover {
  color: #F82382 !important;
}

/* Si el elemento tiene un estilo de resaltado especial cuando está activo */
.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-results li.highlighted,
.chosen-container .chosen-results li.active-result.highlighted,
.chosen-container-multi .chosen-results li.active-result.highlighted {
  color: #F82382 !important;
}
/* Solución más agresiva con CSS */
input.default[value="Choose a category…"],
input[value="Choose a category…"] {
  color: transparent !important;
  text-indent: -9999px !important;
}

/* Restaurar visibilidad al escribir */
input.default[value="Choose a category…"]:focus,
input[value="Choose a category…"]:focus {
  color: initial !important;
  text-indent: 0 !important;
}
/* Normal */
.woocommerce-MyAccount-navigation-link {
  background-color: transparent !important;
  color: #333333 !important;
}

/* Activo */
.woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-MyAccount-navigation-link.is-active a {
  background-color: #ff1282 !important;
  color: white !important;
}

/* Hover */
.woocommerce-MyAccount-navigation-link:hover,
.woocommerce-MyAccount-navigation-link:hover a {
  background-color: #ff1282 !important;
  color: white !important;
}
.woocommerce-Button.button {
  background-color: #F82382 !important;
  color: white !important;
  border: none !important;
  transition: background-color 0.3s ease;
}

.woocommerce-Button.button:hover {
  background-color: #cc0085 !important; /* rosa más oscuro para hover */
  color: white !important;
}
.kw-results-count{
    display: none;
}
.showing_jobs{
    display: none;
}
.showing_jobs span {
  display: none;
}
a[href="#kw-overview"] {
  display: none !important;
}
.application-button.kw-btn-medium.kw-theme-color {
  background-color: #F82382 !important;
  color: white !important;
  border: none !important;
  transition: background-color 0.3s ease;
}

.application-button.kw-btn-medium.kw-theme-color:hover {
  background-color: #cc0085 !important; /* rosa más oscuro para hover */
  color: white !important;
}
#mad_perm_metadata {
  display: none !important;
}
#company_logo {
  display: none !important;
}
.listing-tooltip {
    position: absolute;
    z-index: 9999;
    display: none;
    max-width: 320px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s, transform 0.3s;
}

.listing-tooltip.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.tooltip-inner {
    display: flex;
    flex-direction: column;
}

.tooltip-image {
    width: 100%;
    height: 160px;
    background-color: #f5f5f5;
    position: relative;
}

.tooltip-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tooltip-content {
    padding: 15px;
}

.tooltip-title {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.tooltip-excerpt {
    margin: 0 0 12px;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.tooltip-button {
    display: inline-block;
    padding: 6px 12px;
    background-color: #2980b9;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    transition: background-color 0.2s;
}

.tooltip-button:hover {
    background-color: #3498db;
    color: white;
}

.listing-tooltip.loading .tooltip-content:before {
    content: "Cargando...";
    display: block;
    text-align: center;
    padding: 30px 0;
    color: #999;
}

.listing-tooltip.loading .tooltip-image,
.listing-tooltip.loading .tooltip-title,
.listing-tooltip.loading .tooltip-excerpt,
.listing-tooltip.loading .tooltip-button {
    display: none;
}

/* Estilos para dispositivos móviles */
@media (max-width: 767px) {
    .listing-tooltip {
        max-width: 280px;
    }
    
    .tooltip-image {
        height: 140px;
    }
    
    .tooltip-content {
        padding: 10px;
    }
}

/* rango de precio */
/* rango de precio */
/* Banner compacto y elegante para rango de precio */
.kw-price-range-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: #fff !important; /* FONDO BLANCO FORZADO */
  color: #181818 !important;   /* Texto oscuro para contraste */
  border-radius: 18px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.10);
  padding: 12px 28px;
  margin: 26px auto 18px auto !important;
  max-width: 480px;
  min-width: 0;
  width: 100%;
  font-size: 1.1rem;
  font-weight: 500;
  word-break: break-word;
  white-space: normal;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* Icono */
.kw-price-range-label .icon-wallet {
  color: #F82382 !important;
  font-size: 1.6rem;
  margin-right: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* Texto "Rango de precio:" */
.kw-price-range-label span {
  font-weight: 600;
  font-size: 1.05em;
}

/* Precio destacado */
.kw-price-range-label strong {
  color: #F82382 !important;
  font-weight: 700;
  font-size: 1.07em;
  margin-left: 7px;
  background: none;
  letter-spacing: 0.3px;
  display: inline-block;
  white-space: nowrap;
}

/* Responsive para móviles */
@media (max-width: 600px) {
  .kw-price-range-label {
    font-size: 1em;
    padding: 7px 8px;
    max-width: 96vw;
    border-radius: 10px;
    gap: 7px;
  }
  .kw-price-range-label .icon-wallet {
    font-size: 1.1rem;
    margin-right: 4px;
  }
}
.icon-envelope{
	display: none !important;
}