li.menu-item a {
    color: #4D4D4D;
    text-decoration: none;
    font-weight: 500;
    font-family: sans-serif;
}
header#site-header {
    background-color: white;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 1000;
}
.job_listings .date,
.job_listings .job-date,
.job_listings time.date,
.job_listings time.published,
.job_listings .meta-date,
time.entry-date,
time.entry-date.published {
  display: none !important;
}
h1.entry-title {
  margin-top: 45px; 
}
h2, h3, h4, h5, h6 {
  margin-top: 45px; /* Cambia el valor según lo que necesites */
}

li.wppb-form-field
{
	margin: 0 auto 15px auto !important;
	min-height: 45px !important;
}


li.wppb-form-field input
{
	height: 45px !important;
}

#wppb-form-style-3-wrapper .wppb-form-select-field select, #wppb-form-style-3-wrapper .wppb-form-select-field .select2-container .select2-selection
{
	height: 45px !important;
}

li.wppb-form-field.wppb-send-credentials-checkbox label {
    width: 100% !important;
}

#wppb-form-style-3-wrapper .wppb-msf-step-commands #wppb-msf-pagination
{
	  margin: 15px 0 !important;
    padding-top: 0px !important;
}

.wppb-user-forms input[type="button"].wppb-msf-next:focus, .wppb-user-forms input[type="button"].wppb-msf-prev:focus, .wppb-user-forms .wppb-two-factor-authentication input[type=button]:focus, .wppb-user-forms .wppb-upload input[name^=simple_upload]:focus::file-selector-button, .wppb-user-forms .wppb-avatar input[name^=simple_upload]:focus::file-selector-button, .wppb-user-forms .wppb-upload .wppb_upload_button:focus, .wppb-user-forms .wppb-avatar .wppb_upload_button:focus, .wppb-user-forms input[type="submit"]:focus
{
	  border-color: #f47c2b !important;
    box-shadow: 0 0 4px #f47c2b !important;
    background: #f47c2b !important;
}

.button.signup, input[type=button], input[type=submit]

{
	  border-color: #FF5532 !important;
    background: #FF5532 !important;
	color: #FFFFFF !important;
}

.wppb-user-forms input[type="button"].wppb-msf-next, .wppb-user-forms input[type="button"].wppb-msf-prev, .wppb-user-forms input[type="submit"]
{
	border-color: #f47c2b !important;
    box-shadow: 0 0 4px #f47c2b !important;
    background: #f47c2b !important;
}

input#wppb_user_pass {
    border-radius: 100px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #090A0B;
    width: 100% !important;
    max-width: 100%;
    background: #FFFFFF;
    box-shadow: none;
    outline: none;
    padding: 0 15px;
    font-family: "Poppins", sans-serif !important;
    height: 45px !important;
}

input#wppb_user_login {
    border-radius: 100px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #090A0B;
    width: 100% !important;
    max-width: 100%;
    background: #FFFFFF;
    box-shadow: none;
    outline: none;
    padding: 0 15px;
    font-family: "Poppins", sans-serif !important;
    height: 45px !important;
}

.single-job_listing .site-main,
.single-job_listing .elementor-section-wrap,
.single-job_listing .job_listing,
.single-job_listing .content-area {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px; /* para que no toque los bordes en móvil */
  box-sizing: border-box;
}

a {
  color: #FF5532;
  text-decoration: none;
}

a:hover {
  color: #FF7A5E;
}

a:visited {
  color: #FF5532;
}

/* Color base de los botones */
[type=button],
[type=submit],
button {
  color: #FF5532 !important;
  border-color: #FF5532 !important;
}

/* Hover y activo: fondo con el color principal y texto blanco */
[type=button]:hover,
[type=submit]:hover,
button:hover,
[type=button]:active,
[type=submit]:active,
button:active {
  background-color: #FF5532 !important;
  color: #fff !important;
  border-color: #FF5532 !important;
}

.form-submit input {
	color: #FFFFFF !important;
}
.wppb-msf-step-commands input {
  color: white !important;
}

/* Forzar ancho correcto SOLO a los cursos */
.single-cursos .container,
.single-cursos .site-main,
.single-cursos .content-area,
.single-cursos .entry-content {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}



.type-cursos * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}


div#pass-strength-result {
    width: 100% !important;
}

#pass-strength-result {
    background-color: #eee;
    border: 1px solid #ddd;
    display: none;
    float: left;
    margin: 0px 0px 10px 0px !important;
    padding: 0px 5px !important;
    text-align: center;
    width: 200px;
    height: 28px;
}

figure.entry-media.entry-img.bb-vw-container1 {
    display: none;
}

.bbp_before_forum_new_post a {
	background: #FF5532 !important;
}

.bb-topic-reply-link-wrap a {
	background: #FF5532 !important;
}

.subscription-toggle:hover { 
color: #FF5532 !important;
}

.favorite-toggle:hover {
	color: #FF5532 !important;
}

.bbp-lead-topic .bs-meta-item>a:hover, body .bbp-lead-topic .bs-meta-item.bs-meta-item>a:hover {
	color: #000000 !important;
}
.editfield.field_114.field_subi-tu-foto-de-perfil.field_order_4.optional-field.visibility-public.field_type_image {
    margin-bottom: 15px !important;
}

[data-btn-id="bbp-reply-form"] {
    display: none !important;
}

.buddypress-wrap .profile .field_43 {
    display:none;
}

#buddypress a.button.outline {
    color: #000000 !important;
}
.bb-template-v2 .more-block a.count-more:hover {
	color: #000000 !important;
}

#buddypress table.profile-fields tr.field_114 {
    display: none !important;
}

/* LOADER */

.bp-feedback.loading {
  background: transparent !important;
  border: none !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 24px 0 !important;
  width: 100% !important;
  position: relative !important;
}

.bp-feedback.loading .bp-feedback-icon { display: none !important; }
.bp-feedback.loading span { display: none !important; }
.bp-feedback.loading .bp-feedback-message { display: none !important; }

.bp-feedback.loading::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid rgba(255, 85, 50, 0.15);
  border-top: 3px solid #FF5532;
  animation: bb-spin 0.9s cubic-bezier(0.4,0,0.6,1) infinite;
}

@keyframes bb-spin {
  to { transform: rotate(360deg); }
}

.bp-share-link {
    color: #c0392b !important; /* mismo color rojo que los otros botones */
    font-size: 14px !important;
    text-decoration: none !important;
}

.bp-share-link::before {
    font-size: 14px !important;
}

/* Centrar el contenido del activity feed */
#buddypress .activity-list .activity-content,
#buddypress .activity-list .activity-inner {
    max-width: 700px;
    margin: 0 auto;
}

/* Limitar el ancho del contenido del activity feed */
#buddypress #activity-stream .activity-item {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

/* Ocultar pestañas Visual/Código solo en el registro */
body.register .wp-editor-tabs,
body.registration-page .wp-editor-tabs,
.bb-register-page .wp-editor-tabs {
    display: none !important;
}

/* Ajustar el contenedor del editor para que no deje hueco */
body.register .wp-editor-container,
body.registration-page .wp-editor-container,
.bb-register-page .wp-editor-container {
    border-top: 1px solid #ddd !important;
}

/* Quito loader eterno */

#elementor-panel-state-loading{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

body.elementor-editor-active #elementor-panel-state-loading{
    display:none !important;
}
/* Forzar texto negro en el textarea de descripción del job */
.fieldset-job_description textarea.wp-editor-area,
.js .tmce-active .fieldset-job_description .wp-editor-area,
#wp-job_description-editor-container textarea.wp-editor-area,
textarea#job_description.wp-editor-area {
    color: #000 !important;
}
/* Mantener el icono de "Más opciones" en naranja al hacer hover */
.bb-template-v2 #buddypress .member-header-actions + .bb_more_options .bb_more_options_action:hover i {
    color: #ed5b2d !important;
}
/* Botones de gestión de miembros: forzar naranja en todos los estados */
#buddypress dl.groups-manage-members-list .action .button,
#buddypress dl.groups-manage-members-list .action .button:hover,
#buddypress dl.groups-manage-members-list .action .button:focus,
#buddypress dl.groups-manage-members-list .action .button:active {
    color: #ed5b2d !important;
    background-color: transparent !important;
    border-color: #ed5b2d !important;
}

.coral-pdf-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    margin: 16px auto 8px;
    padding: 12px 28px;
    background-color: #ed5b2d;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.coral-pdf-download-btn svg {
    flex-shrink: 0;
}

.coral-pdf-download-btn:hover,
.coral-pdf-download-btn:focus {
    background-color: #d44a1e !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(237, 91, 45, 0.3);
}

/* Asegura que el botón quede centrado bajo el nombre del archivo en el visor */
.bb-document-theater .img-section {
    text-align: center;
}

/* === Reacción "Me gusta" en color naranja corporativo === */
.activity-list .activity-item .activity-state-reactions .reactions_item > i.default-like,
.activity-state_user__reaction i.default-like,
i.bb-icon-thumbs-up.default-like {
    color: var(--bb-primary-color) !important;
}

.bb-template-v2 .tribe-events-widget .tribe-events-widget-events-list__view-more a.tribe-events-widget-events-list__view-more-link:hover {
    color: #000 !important;
    border-color: #000 !important;
}

/* El artículo es la referencia de posición */
.tribe-events-calendar-list__event {
    position: relative;
}

/* Hueco para que el título no quede debajo de la etiqueta */
.tribe-events-calendar-list__event-header {
    padding-right: 100px;
}

/* Etiqueta por defecto = EVENTO (azul) */
.tribe-events-calendar-list__event::before {
    content: "Evento";
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff;
    background-color: #1c7ed6;   /* azulito */
    white-space: nowrap;
    z-index: 2;
}

/* Si la categoría es Formación = NARANJA */
.tribe-events-calendar-list__event.tribe_events_cat-formacion::before {
    content: "Formación";
    background-color: #e8590c;    /* naranja/coral */
}

/* Botón de envío del formulario de Brevo (widget webinar) — texto en blanco */
button.sib-form-block__button.sib-form-block__button-with-loader[form="sib-form"] {
    color: #FFFFFF !important;
}

:root, body, .bb-template-v1, .bb-template-v2 {
  --bb-primary-button-text-regular: #FF5532 !important;
  --bb-primary-button-border-regular: #FF5532 !important;
  --bb-secondary-button-text-hover: #FF5532 !important;
  --bb-secondary-button-border-hover: #FF5532 !important;
}

/* Fix: ocultar "Relacionado" (Jetpack Related Posts) en el contenido del curso
   para que no quede debajo del menú lateral fijo de LearnDash */
.single-sfwd-lessons #jp-relatedposts,
.single-sfwd-topic #jp-relatedposts,
.single-sfwd-quiz #jp-relatedposts,
.single-sfwd-courses #jp-relatedposts {
    display: none !important;
}

/* === Comentarios de actividad: quitar sangría izquierda (2026-08-26) === */
.buddypress-wrap .activity-comments .acomment-content,
.bb-activity .buddypress-wrap .activity-comments ul ul .acomment-content,
.bb-media-model-wrapper .activity-comments .acomment-content,
.elementor-widget-bbp-activity .bb-media-info-section .activity-comments .acomment-content {
    margin-left: 0;
}
.buddypress-wrap .activity-comments .acomment-foot-actions .action,
body #buddypress .bp-list .activity-comments .action,
.bb-activity #buddypress .bp-list .comment-item .comment-item .action {
    margin-left: 0;
}
/* === fin === */


/* ==========================================================================
   CORAL · Mejora visual del curso "Que no se quede en un Paper" — INICIO
   Solo CSS. Para revertir: borra desde este comentario hasta "CORAL · FIN".
   ========================================================================== */

/* --- 1. Banner con imagen de fondo (solo el curso 7039) --- */
.postid-7039 .bb-learndash-banner {
	background-image:
		linear-gradient(90deg, rgba(14,20,35,.90) 0%, rgba(14,20,35,.78) 42%, rgba(14,20,35,.58) 100%),
		url('https://i0.wp.com/thecoral.net/wp-content/uploads/2026/03/hero.png?fit=3200%2C1840&ssl=1');
	background-size: cover;
	background-position: center 35%;
	background-repeat: no-repeat;
}
.postid-7039 .bb-learndash-banner .entry-title { text-shadow: 0 2px 14px rgba(0,0,0,.45); }
@media (max-width: 782px) {
	.postid-7039 .bb-learndash-banner {
		background-image:
			linear-gradient(180deg, rgba(14,20,35,.88) 0%, rgba(14,20,35,.84) 100%),
			url('https://i0.wp.com/thecoral.net/wp-content/uploads/2026/03/hero.png?fit=3200%2C1840&ssl=1');
		background-position: center center;
	}
}

/* --- 2. Boton de inscripcion: naranja solido por defecto --- */
.single-sfwd-courses .bb-button-wrap .btn-advance,
.single-sfwd-courses .learndash_join_button .btn-advance,
.single-sfwd-courses .learndash_join_button input[type="submit"] {
	background-color: #FF5532 !important;
	border: 1px solid #FF5532 !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding: 14px 26px !important;
	border-radius: 8px !important;
	letter-spacing: .01em;
	box-shadow: 0 4px 14px rgba(255,85,50,.28);
	transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.single-sfwd-courses .bb-button-wrap .btn-advance:hover,
.single-sfwd-courses .learndash_join_button .btn-advance:hover,
.single-sfwd-courses .learndash_join_button input[type="submit"]:hover {
	background-color: #E8431F !important;
	border-color: #E8431F !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(255,85,50,.36);
}
.single-sfwd-courses .bb-course-type {
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: .04em;
}
body:not(.bb-dark-theme).single-sfwd-courses .bb-course-type { color: #4A5568 !important; }
.single-sfwd-courses .bb-course-type-free { color: #1F9D63 !important; }

/* --- 3. Bloques de lecciones: tarjetas en vez de filas grises --- */
.learndash-wrapper .ld-item-list .ld-item-list-item {
	border: 0 !important;
	margin: 0 0 12px !important;
	background: transparent !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item-preview {
	border-radius: 10px !important;
	padding: 18px 18px 18px 20px !important;
	position: relative;
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.learndash-wrapper .ld-item-list .ld-item-list-item-preview::before {
	content: "";
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 3px;
	background: #FF5532;
	opacity: 0;
	transition: opacity .2s ease;
}
.learndash-wrapper .ld-item-list .ld-item-list-item-preview:hover { transform: translateY(-2px); }
.learndash-wrapper .ld-item-list .ld-item-list-item-preview:hover::before { opacity: 1; }
.learndash-wrapper .ld-item-list .ld-item-list-item.learndash-complete .ld-item-list-item-preview::before,
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-expanded .ld-item-list-item-preview::before { opacity: 1; }
.learndash-wrapper .ld-item-list .ld-item-title > span:first-child {
	font-weight: 600;
	letter-spacing: -.01em;
}
.learndash-wrapper .ld-item-list .ld-item-name:hover .ld-item-title > span:first-child { color: #FF5532; }
.learndash-wrapper .ld-item-list .ld-item-title { align-items: center; }
.learndash-wrapper .ld-item-list .ld-item-components .ld-item-component {
	display: inline-block;
	background: rgba(255,85,50,.10);
	color: #C8401F !important;
	font-size: 11px !important;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	padding: 3px 9px;
	border-radius: 20px;
	margin: 0 0 0 10px !important;
	vertical-align: middle;
	line-height: 1.6;
}
body.bb-dark-theme .learndash-wrapper .ld-item-list .ld-item-components .ld-item-component {
	background: rgba(255,85,50,.18);
	color: #FF8E75 !important;
}
.learndash-wrapper .ld-item-list .ld-expand-button.ld-button-alternate { transition: color .2s ease; }
.learndash-wrapper .ld-item-list .ld-expand-button.ld-button-alternate:hover { color: #FF5532 !important; }

body:not(.bb-dark-theme) .learndash-wrapper .ld-item-list .ld-item-list-item-preview {
	background: #fff !important;
	border: 1px solid rgba(146,164,183,.30) !important;
	box-shadow: 0 1px 2px rgba(16,22,38,.04);
}
body:not(.bb-dark-theme) .learndash-wrapper .ld-item-list .ld-item-list-item-preview:hover {
	border-color: rgba(255,85,50,.45) !important;
	box-shadow: 0 8px 20px rgba(16,22,38,.09);
}
body.bb-dark-theme .learndash-wrapper .ld-item-list .ld-item-list-item-preview {
	border: 1px solid rgba(255,255,255,.10) !important;
}
body.bb-dark-theme .learndash-wrapper .ld-item-list .ld-item-list-item-preview:hover {
	border-color: rgba(255,85,50,.50) !important;
}

/* --- 4. Listas de temas (dentro del bloque y dentro de la leccion) --- */
.learndash-wrapper .ld-item-list .ld-table-list {
	border-radius: 10px !important;
	overflow: hidden;
	margin-top: 4px;
}
.learndash-wrapper .ld-lesson-topic-list .ld-table-list {
	border-radius: 12px !important;
	overflow: hidden;
}
.learndash-wrapper .ld-lesson-topic-list .ld-table-list-header {
	padding: 14px 20px !important;
	font-weight: 600;
}
.learndash-wrapper .ld-table-list-item .ld-table-list-item-preview {
	transition: background-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.learndash-wrapper .ld-table-list-item .ld-table-list-item-preview:hover {
	box-shadow: inset 3px 0 0 #FF5532;
}
body:not(.bb-dark-theme) .learndash-wrapper .ld-item-list .ld-table-list {
	border: 1px solid rgba(255,85,50,.35) !important;
	background: #fff !important;
}
body:not(.bb-dark-theme) .learndash-wrapper .ld-lesson-topic-list .ld-table-list {
	border: 1px solid rgba(146,164,183,.28) !important;
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(16,22,38,.05);
}
body:not(.bb-dark-theme) .learndash-wrapper .ld-lesson-topic-list .ld-table-list-header {
	background: linear-gradient(180deg, rgba(146,164,183,.08), rgba(146,164,183,.04)) !important;
	border-bottom: 1px solid rgba(146,164,183,.22);
}
body:not(.bb-dark-theme) .learndash-wrapper .ld-table-list-item .ld-table-list-item-preview {
	background: #fff !important;
	border-top: 1px solid rgba(146,164,183,.18) !important;
}
body:not(.bb-dark-theme) .learndash-wrapper .ld-table-list-item:first-child .ld-table-list-item-preview { border-top: 0 !important; }
body:not(.bb-dark-theme) .learndash-wrapper .ld-table-list-item .ld-table-list-item-preview:hover {
	background: rgba(255,85,50,.05) !important;
}
body:not(.bb-dark-theme) .learndash-wrapper .ld-table-list-item .ld-table-list-item-preview:hover .ld-topic-title { color: #C8401F; }
body.bb-dark-theme .learndash-wrapper .ld-table-list-item .ld-table-list-item-preview {
	background: transparent !important;
	border-top: 1px solid rgba(255,255,255,.07) !important;
}
body.bb-dark-theme .learndash-wrapper .ld-table-list-item:first-child .ld-table-list-item-preview { border-top: 0 !important; }
body.bb-dark-theme .learndash-wrapper .ld-table-list-item .ld-table-list-item-preview:hover {
	background: rgba(255,85,50,.10) !important;
}

/* --- 5. Iconos de estado --- */
.learndash-wrapper .ld-status-icon.ld-status-incomplete { transition: border-color .2s ease; }
.learndash-wrapper .ld-item-list-item-preview:hover .ld-status-icon.ld-status-incomplete,
.learndash-wrapper .ld-table-list-item-preview:hover .ld-status-icon.ld-status-incomplete {
	border-color: #FF5532 !important;
}

/* --- 6. Barra de progreso --- */
.learndash-wrapper .ld-progress-bar {
	border-radius: 20px !important;
	overflow: hidden;
	height: 8px !important;
}
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage {
	background: linear-gradient(90deg, #FF7A5C, #FF5532) !important;
	border-radius: 20px !important;
}

/* --- 7. Barra lateral dentro de la leccion --- */
.lms-topic-sidebar-data li.lms-topic-item > a,
.lms-topic-sidebar-data li.lms-lesson-item > a {
	transition: background-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.lms-topic-sidebar-data li.lms-topic-item > a:hover,
.lms-topic-sidebar-data li.lms-lesson-item > a:hover {
	background-color: rgba(255,85,50,.07) !important;
	box-shadow: inset 3px 0 0 rgba(255,85,50,.45);
}
.lms-topic-sidebar-data li.current > a {
	background-color: rgba(255,85,50,.10) !important;
	box-shadow: inset 3px 0 0 #FF5532;
	font-weight: 600;
}

/* ==========================================================================
   CORAL · FIN de la mejora visual del curso
   ========================================================================== */


/* Mejora de contraste: pasos de la leccin en el listado central (LearnDash) */
.ld-table-list-item-preview,
.ld-table-list-item-preview .ld-topic-title {
	    color: #1e2132 !important;
	    font-weight: 500 !important;
}

.ld-table-list-item-preview:hover,
.ld-table-list-item-preview:hover .ld-topic-title {
	    color: inherit;
	    opacity: 0.8;
}


/* =========================================================
   CORAL - Ajustes de movil en el curso
   ========================================================= */
@media (max-width: 800px) {

    /* Titulo del curso: mucho mas compacto */
    .bb-learndash-banner h1.entry-title {
        font-size: 26px !important;
        line-height: 1.25 !important;
        margin-top: 12px !important;
        margin-bottom: 10px !important;
    }

    .bb-learndash-banner .bb-course-banner-info {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    /* La miniatura repite la imagen del banner: en movil solo
       empuja el boton principal fuera de la pantalla */
    .bb-single-course-sidebar .bb-course-preview-wrap.bb-thumbnail-preview {
        display: none !important;
    }

    /* Titulos de lecciones y temas */
    .bb-lms-header h1 {
        font-size: 23px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }

    .bb-lms-header {
        padding-top: 12px !important;
    }

    .bb-lms-header .lms-header-instructor {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
}

img.emoji, img.wp-smiley {
  width: 1.2em !important;
  height: 1.2em !important;
  vertical-align: -0.22em !important;
  margin: 0 .12em !important;
  display: inline !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}


/* ===== Filtros directorio de miembros ===== */

/* Contenedor (tiene estilos inline, por eso los !important) */
div:has(> div > #filtro_emprendedores){
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
  margin-bottom: 18px !important;
  align-items: end;
}

/* Cada bloque label + select */
div:has(> div > #filtro_emprendedores) > div{
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* El <br> sobra al usar flex */
div:has(> div > #filtro_emprendedores) br{ display: none; }

/* Etiquetas más discretas */
div:has(> div > #filtro_emprendedores) label,
div:has(> div > #filtro_emprendedores) label strong{
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .02em;
  opacity: .7;
  margin: 0 0 5px 2px;
  display: block;
}

/* Los desplegables */
#filtro_emprendedores,
#filtro_como,
#filtro_sector,
#filtro_provincia{
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  padding: 9px 30px 9px 12px;
  font-size: 16px;            /* evita el zoom automático de iOS */
  line-height: 1.2;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 10px;
  background-color: #fff;
  color: inherit;
  box-shadow: none;
  cursor: pointer;
  /* flecha propia, más limpia */
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23666' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  text-overflow: ellipsis;
}

#filtro_emprendedores:focus,
#filtro_como:focus,
#filtro_sector:focus,
#filtro_provincia:focus{
  outline: none;
  border-color: rgba(0,0,0,.45);
}

/* --- Móvil: 2 arriba + 2 abajo, bien compacto --- */
@media (max-width: 767px){
  div:has(> div > #filtro_emprendedores){
    gap: 8px !important;
    margin-bottom: 14px !important;
  }
  div:has(> div > #filtro_emprendedores) label,
  div:has(> div > #filtro_emprendedores) label strong{
    font-size: 11px;
    margin-bottom: 4px;
  }
  #filtro_emprendedores,
  #filtro_como,
  #filtro_sector,
  #filtro_provincia{
    padding: 8px 26px 8px 10px;
    border-radius: 9px;
    background-position: right 8px center;
  }
}

/* --- Escritorio: los 4 en una fila --- */
@media (min-width: 768px){
  div:has(> div > #filtro_emprendedores){
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* ===== Nav + filtros + vista en una sola línea ===== */

.members-directory-container{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
}
/* Por defecto, cada hijo ocupa toda la fila (buscador, lista, etc.) */
.members-directory-container > *{
  grid-column: 1 / -1;
  min-width: 0;
}
/* Estos dos comparten fila */
.members-directory-container > nav.members-type-navs{
  grid-column: 1 / 2;
  margin-bottom: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.members-directory-container > nav.members-type-navs::-webkit-scrollbar{ display: none; }

.members-directory-container > .bp-secondary-header{
  grid-column: 2 / 3;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

/* Pestañas en línea */
nav.members-type-navs > ul.members-nav{
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  white-space: nowrap;
}
nav.members-type-navs > ul.members-nav > li > a{
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* Bloque derecho: orden + grid/lista */
.bp-secondary-header .push-right{
  margin-left: 0 !important;
  align-items: center;
  gap: 8px;
}
.bp-secondary-header .grid-filters{
  margin: 0 0 0 6px !important;
  flex: 0 0 auto;
}
.bp-profile-filter-wrap{ display: none !important; }  /* va vacío */
#members-order-select{ margin: 0 !important; }
#members-order-by{
  height: auto;
  padding: 7px 28px 7px 10px;
  font-size: 13px;
  line-height: 1.2;
  border-radius: 9px;
}

/* --- Móvil --- */
@media (max-width: 767px){
  .members-directory-container{ column-gap: 8px; }
  nav.members-type-navs > ul.members-nav > li > a{
    font-size: 13px;
    padding-left: 0 !important;
    padding-right: 10px !important;
  }
  nav.members-type-navs > ul.members-nav > li .count{
    font-size: 11px;
    padding: 1px 5px;
  }
  #members-order-by{
    padding: 6px 22px 6px 8px;
    font-size: 12px;
    max-width: 120px;
  }
  .bp-secondary-header .grid-filters a{ padding: 4px !important; }
  .bp-secondary-header .grid-filters i{ font-size: 16px; }
}

/* ===== Lista de miembros compacta en móvil ===== */
@media (max-width: 767px){

  .members-list.list .item-entry{
    margin-bottom: 8px !important;
  }

  .members-list.list .list-wrap{
    padding: 10px 12px !important;
    border-radius: 10px;
    min-height: 0 !important;
  }

  /* Avatar + datos + botones, todo en una fila */
  .members-list.list .list-wrap-inner{
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 0 !important;
  }

  .members-list.list .item-avatar{
    flex: 0 0 auto;
    width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .members-list.list .item-avatar img{
    width: 44px !important;
    height: 44px !important;
    border-radius: 50%;
  }

  .members-list.list .item{
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  .members-list.list .item-block{ margin: 0 !important; padding: 0 !important; }

  .members-list.list .list-title.member-name{
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  .members-list.list .list-title.member-name a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .members-list.list .item-meta.last-activity{
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin: 2px 0 0 !important;
    opacity: .6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Botones a la derecha, en la misma línea */
  .members-list.list .member-buttons-wrap{
    flex: 0 0 auto;
    order: 3;
    margin: 0 26px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  .members-list.list .member-button-wrap{
    margin: 0 !important;
    padding: 0 !important;
    gap: 2px;
    border: 0 !important;
  }
  .members-list.list .member-buttons-wrap .generic-button a{
    margin: 0 !important;
    padding: 6px !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 1 !important;
  }

  /* Elementos que solo ocupan sitio */
  .members-list.list .follow-container:empty,
  .members-list.list .bb-gm-single-profile,
  .members-list.list .bp-members-list-hook{
    display: none !important;
  }

  /* Menú "..." más discreto */
  .members-list.list .bb_more_options_action{
    padding: 4px !important;
  }
}