<script data-ampdevmode>
var wpNotesIsJetpackClient = true;
var wpNotesIsJetpackClientV2 = true;
</script>
<style>/* ========================================= */
/* OCULTAR BUDDYPANEL EN PÁGINAS ESPECÍFICAS */
/* ========================================= */

/* 1️⃣ Ocultar el BuddyPanel */
.page-id-1752 .buddypanel,
.page-id-32 .buddypanel,
.page-id-588 .buddypanel,
.page-id-24 .buddypanel,
.page-id-364 .buddypanel,
.page-id-3289 .buddypanel,
.page-id-4308 .buddypanel {
    display: none !important;
}

/* 2️⃣ Eliminar ancho reservado del sidebar */
.page-id-1752,
.page-id-32,
.page-id-588,
.page-id-24,
.page-id-364,
.page-id-3289,
.page-id-4308 {
    --bb-sidenav-width: 0px !important;
}

/* 3️⃣ Quitar desplazamiento lateral y forzar ancho completo */
.page-id-1752 .bb-wrapper,
.page-id-32 .bb-wrapper,
.page-id-588 .bb-wrapper,
.page-id-24 .bb-wrapper,
.page-id-364 .bb-wrapper,
.page-id-3289 .bb-wrapper,
.page-id-4308 .bb-wrapper,

.page-id-1752 .bb-content-wrapper,
.page-id-32 .bb-content-wrapper,
.page-id-588 .bb-content-wrapper,
.page-id-24 .bb-content-wrapper,
.page-id-364 .bb-content-wrapper,
.page-id-3289 .bb-content-wrapper,
.page-id-4308 .bb-content-wrapper,

.page-id-1752 .site-content,
.page-id-32 .site-content,
.page-id-588 .site-content,
.page-id-24 .site-content,
.page-id-364 .site-content,
.page-id-3289 .site-content,
.page-id-4308 .site-content,

.page-id-1752 .content-area,
.page-id-32 .content-area,
.page-id-588 .content-area,
.page-id-24 .content-area,
.page-id-364 .content-area,
.page-id-3289 .content-area,
.page-id-4308 .content-area,

.page-id-1752 #page,
.page-id-32 #page,
.page-id-588 #page,
.page-id-24 #page,
.page-id-364 #page,
.page-id-3289 #page,
.page-id-4308 #page {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}


/* ============================================================
   Coral · BOTONES GLOBALES — arreglo blanco sobre blanco
   (las opciones del tema tenían el fondo del botón primario
   en #FFFFFF con texto #FFFFFF: botón invisible en toda la web)
   ============================================================ */
:root,
body,
body.buddypress {
  --bb-primary-button-background-regular: #FF5532;
  --bb-primary-button-background-hover: #ED422F;
  --bb-primary-button-border-regular: #FF5532;
  --bb-primary-button-border-hover: #ED422F;
  --bb-primary-button-text-regular: #FFFFFF;
  --bb-primary-button-text-regular-rgb: 255, 255, 255;
  --bb-primary-button-text-hover: #FFFFFF;
  --bb-primary-button-text-hover-rgb: 255, 255, 255;

  --bb-secondary-button-background-regular: #FFFFFF;
  --bb-secondary-button-background-hover: #FF5532;
  --bb-secondary-button-border-regular: #E4E6EA;
  --bb-secondary-button-border-hover: #FF5532;
  --bb-secondary-button-text-regular: #1E2132;
  --bb-secondary-button-text-hover: #FFFFFF;

  --ld-primary-color: #FF5532;
  --ld-secondary-color: #1E2132;
}

/* LearnDash: "Continuar mi Aprendizaje", "Empezar curso", etc. */
.learndash-wrapper .ld-primary-background,
.ld-primary-background,
a.btn-advance,
.learndash-wrapper .btn-join,
.learndash-wrapper .ld-button:not(.ld-button-transparent) {
  background-color: #FF5532 !important;
  border-color: #FF5532 !important;
  color: #FFFFFF !important;
}
.learndash-wrapper .ld-primary-background:hover,
.ld-primary-background:hover,
a.btn-advance:hover,
.learndash-wrapper .btn-join:hover,
.learndash-wrapper .ld-button:not(.ld-button-transparent):hover {
  background-color: #ED422F !important;
  border-color: #ED422F !important;
  color: #FFFFFF !important;
}
.ld-primary-background *,
a.btn-advance * {
  color: #FFFFFF !important;
}
.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-primary-color-hover:hover {
  color: #FF5532 !important;
}

/* ============================================================
   Coral · PÁGINA DE CURSO (LearnDash) — pulido visual
   ============================================================ */
body.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item {
  background-color: #FFFFFF;
  border: 1px solid #ECEEF1;
  border-radius: 10px;
  margin-bottom: 12px;
  transition: box-shadow .18s ease, border-color .18s ease;
}
body.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item:hover {
  border-color: #FFC9BD;
  box-shadow: 0 4px 14px rgba(30, 33, 50, .07);
}
body.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title {
  color: #1E2132;
  font-weight: 600;
}
body.single-sfwd-courses .learndash-wrapper .ld-progress-bar {
  height: 8px;
  border-radius: 999px;
  background-color: #EEF0F3;
  overflow: hidden;
}
body.single-sfwd-courses .learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage {
  border-radius: 999px;
  background-color: #FF5532;
}
body.single-sfwd-courses .ld-course-status.ld-course-status-enrolled {
  background-color: rgba(255, 85, 50, .07);
  border-radius: 8px;
}
body.single-sfwd-courses .ld-course-status .ld-course-status-label,
body.single-sfwd-courses .ld-course-status .ld-course-status-price,
body.single-sfwd-courses .ld-course-status .ld-course-status-segment {
  color: #1E2132;
  font-weight: 600;
}
body.single-sfwd-courses .bb-single-course-sidebar .bb-preview-course-box,
body.single-sfwd-courses .bb-single-course-sidebar .bb-preview-wrap > div {
  border-radius: 12px;
}
body.single-sfwd-courses .entry-content h2,
body.single-sfwd-courses .bb-single-course-content h2 {
  color: #1E2132;
  font-weight: 700;
}

/* ============================================================
   Coral · ESTÉTICA DEL BLOG (entradas)
   ============================================================ */
body.single-post {
  background-color: #FFFFFF;
}
body.single-post .bb-grid.site-content-grid {
  max-width: 900px;
}
body.single-post .content-area {
  max-width: 800px !important;
}
body.single-post h1.entry-title {
  font-size: 36px !important;
  line-height: 1.2;
  text-align: left;
}
body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content li {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 18px;
  line-height: 1.78;
  color: #33363F;
  font-weight: 400;
  text-align: left;
}
body.single-post .entry-content h2 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 27px;
  line-height: 1.3;
  color: #1E2132;
  text-align: left;
  margin-top: 2.2em;
  margin-bottom: .6em;
  padding-bottom: .35em;
  border-bottom: 3px solid #FF5532;
  display: inline-block;
}
body.single-post .entry-content h3 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 22px;
  color: #1E2132;
  text-align: left;
  margin-top: 1.8em;
}
body.single-post .entry-content a {
  color: #C4361A;
  text-decoration: underline;
}
body.single-post .entry-content ul li::marker,
body.single-post .entry-content ol li::marker {
  color: #FF5532;
}
body.single-post .entry-content blockquote {
  border-left: 4px solid #FF5532;
  background: #FFF7F5;
  padding: 18px 22px;
  margin: 1.8em 0;
  font-style: normal;
  color: #1E2132;
}
body.single-post .entry-content img {
  border-radius: 10px;
}
body.single-post .entry-content table {
  width: 100%;
  border-collapse: collapse;
}
body.single-post .entry-content table th {
  background: #FFF1ED;
  color: #1E2132;
}
body.single-post .entry-content table th,
body.single-post .entry-content table td {
  border: 1px solid #ECEEF1;
  padding: 10px 12px;
}
body.single-post #jp-relatedposts .jp-relatedposts-post-title a {
  color: #1E2132;
  font-weight: 700;
}
body.single-post #jp-relatedposts .jp-relatedposts-post-context,
body.single-post #jp-relatedposts p {
  text-align: left !important;
  color: #5A5A5A;
}

/* ============================================================
   Coral · COMENTARIOS DE ACTIVIDAD — sin sangría izquierda
   ============================================================ */
.acomment-content {
  margin-left: 0 !important;
}

/* ============================================================
   Coral · BANNER DE COOKIES (Complianz) — paleta de marca
   ============================================================ */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  background-color: #FF5532 !important;
  border-color: #FF5532 !important;
  color: #FFFFFF !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
  background-color: #ED422F !important;
  border-color: #ED422F !important;
  color: #FFFFFF !important;
}
.cmplz-cookiebanner .cmplz-links a,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options {
  color: #C4361A !important;
}


/* ---- Coral · Curso: jerarquía visual (ajuste fino) ---- */
/* El estado "En Progreso" es información, no una acción: tinte suave */
body.single-sfwd-courses .ld-status.ld-status-progress.ld-primary-background,
body.single-sfwd-courses .ld-status.ld-status-not-started.ld-primary-background {
  background-color: rgba(255, 85, 50, .10) !important;
  border: 1px solid rgba(255, 85, 50, .22) !important;
  color: #C4361A !important;
  font-weight: 600;
}
body.single-sfwd-courses .ld-status.ld-status-progress.ld-primary-background * {
  color: #C4361A !important;
}
/* "Expandir todo" como botón secundario, para no competir con el CTA */
body.single-sfwd-courses .ld-expand-button.ld-primary-background {
  background-color: #FFFFFF !important;
  border: 1px solid #FF5532 !important;
  color: #FF5532 !important;
}
body.single-sfwd-courses .ld-expand-button.ld-primary-background * {
  color: #FF5532 !important;
}
body.single-sfwd-courses .ld-expand-button.ld-primary-background:hover {
  background-color: #FF5532 !important;
  color: #FFFFFF !important;
}
body.single-sfwd-courses .ld-expand-button.ld-primary-background:hover * {
  color: #FFFFFF !important;
}
/* Caja de progreso: fondo neutro, no rosa */
body.single-sfwd-courses .ld-course-status.ld-course-status-enrolled {
  background-color: rgba(146, 164, 183, .06);
}

/* ---- Coral · Blog: tipografía sobre contenido Elementor ----
   Las entradas se maquetan con Elementor, así que los selectores
   .entry-content del bloque anterior no llegan a aplicarse.        */
body.single-post .elementor-location-single p,
body.single-post .elementor-location-single li {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.78 !important;
  color: #33363F !important;
  font-weight: 400 !important;
  text-align: left !important;
}
body.single-post .elementor-location-single h1 {
  font-size: 36px !important;
  line-height: 1.2 !important;
}
body.single-post .elementor-location-single h2 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 27px !important;
  line-height: 1.3 !important;
  color: #1E2132 !important;
  text-align: left !important;
  margin-top: 2.2em;
  margin-bottom: .6em;
  padding-bottom: .35em;
  border-bottom: 3px solid #FF5532;
  display: inline-block;
}
body.single-post .elementor-location-single h3 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 22px !important;
  color: #1E2132 !important;
  text-align: left !important;
  margin-top: 1.8em;
}
body.single-post .elementor-location-single p a,
body.single-post .elementor-location-single li a {
  color: #C4361A !important;
  text-decoration: underline;
}
body.single-post .elementor-location-single ul li::marker,
body.single-post .elementor-location-single ol li::marker {
  color: #FF5532;
}
body.single-post .elementor-location-single blockquote {
  border-left: 4px solid #FF5532;
  background: #FFF7F5;
  padding: 18px 22px;
  margin: 1.8em 0;
  font-style: normal;
}
body.single-post .elementor-location-single blockquote p {
  color: #1E2132 !important;
}
body.single-post .elementor-location-single img {
  border-radius: 10px;
}
body.single-post .elementor-location-single table {
  width: 100%;
  border-collapse: collapse;
}
body.single-post .elementor-location-single table th {
  background: #FFF1ED;
  color: #1E2132;
}
body.single-post .elementor-location-single table th,
body.single-post .elementor-location-single table td {
  border: 1px solid #ECEEF1;
  padding: 10px 12px;
}

/* ============================================================
   Coral · DIRECTORIO DE MIEMBROS — compactar en móvil
   ============================================================ */
@media (max-width: 767px) {

  /* Filtros (¿Emprendiendo?, Perfil, Sector, Provincia): 2 por línea */
  #members-dir-list > div:first-of-type {
    gap: 10px !important;
    row-gap: 12px !important;
  }
  #members-dir-list > div:first-of-type > div {
    flex: 1 1 calc(50% - 5px) !important;
    min-width: 0 !important;
    max-width: calc(50% - 5px) !important;
    width: auto !important;
  }
  #members-dir-list > div:first-of-type > div select {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Pestañas (Todos los miembros / Mis conexiones) y el desplegable de
     ordenación en una misma línea: son hermanos dentro del contenedor,
     así que lo convertimos en flex y dejamos que compartan fila.        */
  .members-directory-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    column-gap: 8px;
  }
  .members-directory-container > .subnav-search,
  .members-directory-container > .screen-content {
    flex: 0 0 100%;
    width: 100%;
  }
  .members-directory-container > .members-type-navs {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    margin-bottom: 0 !important;
  }
  .members-directory-container > .members-type-navs ul {
    flex-wrap: nowrap !important;
    white-space: nowrap;
  }
  .members-directory-container > .bp-secondary-header {
    flex: 0 0 auto;
    margin-left: auto !important;
    margin-bottom: 0 !important;
    width: auto !important;
  }
  .bp-secondary-header .push-right .subnav-filters {
    margin: 0 !important;
    width: auto !important;
  }
  .bp-secondary-header .push-right #members-order-select select {
    max-width: 150px;
  }
  /* El conmutador cuadrícula/lista ocupa demasiado en pantallas pequeñas */
  .bp-secondary-header .push-right .grid-filters {
    display: none !important;
  }
}


/* Fondo banner cabecera de curso (LearnDash) */
.bb-learndash-banner {
	background-color: #202834;
	background-image:
		radial-gradient(120% 140% at 85% 10%, rgba(240, 90, 40, 0.18) 0%, rgba(240, 90, 40, 0) 55%),
		linear-gradient(160deg, #2B3646 0%, #1A202C 100%);
}

/* Lecciones y temas completados: sin tachado, resaltado suave */
.learndash-wrapper .learndash-complete .ld-item-title,
.learndash-wrapper .learndash-complete .ld-item-title span,
.learndash-wrapper .learndash-complete .ld-topic-title,
.learndash-wrapper .ld-item-list-item.learndash-complete .ld-item-name,
.learndash-wrapper .ld-topic-row.learndash-complete .ld-topic-title {
	text-decoration: none !important;
}

.learndash-wrapper .ld-item-list-item.learndash-complete {
	background-color: rgba(240, 82, 42, 0.05) !important;
	border-color: rgba(240, 82, 42, 0.28) !important;
}

.learndash-wrapper .ld-table-list-item .ld-topic-row.learndash-complete {
	background-color: rgba(240, 82, 42, 0.05) !important;
}

/* Sidebar de navegacion del curso: quitar tachado en completados */
.bb-completed-item {
	text-decoration: none !important;
}


/* Blog single: título compacto y legible (sin scroll para ver título + inicio) */
.single-post .elementor-location-single > .e-con.e-parent:first-child { margin-top: 32px !important; }
.single-post .elementor-page-title .elementor-heading-title {
  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 1.875rem) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
  max-width: 680px;
  margin: 0 auto !important;
  text-wrap: balance;
}
.single-post .elementor-widget-theme-post-featured-image img {
  max-height: 340px;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/* ==== Coral · Comentarios de actividad: fecha junto a "Respuesta" (móvil) ====
   El tema aplica flex:0 0 100% a .action en <=980px y la fecha se salía por la derecha. */
body #buddypress .activity-comments .acomment-foot-actions{flex-wrap:wrap;align-items:center}
body #buddypress .activity-comments .acomment-foot-actions > .action{flex:0 1 auto !important;max-width:none !important;margin-left:0 !important;margin-bottom:0}
body #buddypress .activity-comments .acomment-foot-actions .activity-time-since{white-space:nowrap;margin-left:10px}

/* ==== Coral · Loader de carga (actividad, miembros, grupos…) ====
   Sustituye la barrita estática de BuddyBoss (#bp-ajax-loader) por una tarjeta con spinner en el coral de la marca. */
@keyframes coral-spin{to{transform:rotate(360deg)}}
@keyframes coral-pulse{0%,100%{transform:scale(.5);opacity:.5}50%{transform:scale(1);opacity:1}}
@keyframes coral-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
@keyframes coral-bar{0%{left:-40%}100%{left:100%}}
#bp-ajax-loader .bp-feedback.loading{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:18px;position:relative;overflow:hidden;min-height:190px;width:100%;box-sizing:border-box;padding:36px 20px 40px !important;margin:0 0 20px !important;background:radial-gradient(circle at 50% 40%,rgba(255,85,50,.09),rgba(255,85,50,0) 62%),#fff !important;border:1px solid rgba(255,85,50,.2) !important;border-radius:14px !important;box-shadow:0 6px 24px rgba(255,85,50,.08) !important;color:#33363F !important;text-align:center}
#bp-ajax-loader .bp-feedback.loading .bp-icon{position:relative;display:block !important;width:60px !important;min-width:60px;height:60px !important;flex:0 0 60px;margin:0 !important;padding:0 !important;border-radius:50%;background:none !important}
#bp-ajax-loader .bp-feedback.loading .bp-icon::before{content:"" !important;position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,85,50,0) 0deg,rgba(255,85,50,.12) 60deg,#FF5532 340deg,#FF5532 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:coral-spin .9s linear infinite}
#bp-ajax-loader .bp-feedback.loading .bp-icon::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;background:#FF5532;animation:coral-pulse 1.2s ease-in-out infinite}
#bp-ajax-loader .bp-feedback.loading p{margin:0 !important;padding:0 !important;font-size:15px !important;line-height:1.4 !important;font-weight:600 !important;color:#33363F !important}
#bp-ajax-loader .bp-feedback.loading p::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:coral-dots 1.2s steps(1) infinite}
#bp-ajax-loader .bp-feedback.loading::after{content:"";position:absolute;bottom:0;left:-40%;width:40%;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(255,85,50,0),#FF5532,rgba(255,85,50,0));animation:coral-bar 1.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){#bp-ajax-loader .bp-feedback.loading .bp-icon::before{animation-duration:2.5s}#bp-ajax-loader .bp-feedback.loading .bp-icon::after,#bp-ajax-loader .bp-feedback.loading::after,#bp-ajax-loader .bp-feedback.loading p::after{animation:none}}

/* ==== Coral · Loader de carga en muros de grupo, perfiles y publicación (sustituye el esqueleto gris) ====
   Reaprovecha la estructura de .bb-activity-placeholder: _head = spinner, _content = texto, _actions = barra de luz.
   Usa las animaciones coral-spin/coral-pulse/coral-dots/coral-bar del bloque "Loader de carga". */
.bb-activity-placeholder + .bb-activity-placeholder{display:none !important}
.bb-activity-placeholder > * > *{display:none !important}
.bb-activity-placeholder{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:18px;position:relative;overflow:hidden;min-height:190px;box-sizing:border-box;padding:36px 20px 40px !important;margin:0 0 20px !important;background:radial-gradient(circle at 50% 40%,rgba(255,85,50,.09),rgba(255,85,50,0) 62%),#fff !important;border:1px solid rgba(255,85,50,.2) !important;border-radius:14px !important;box-shadow:0 6px 24px rgba(255,85,50,.08);text-align:center}
.bb-activity-placeholder .bb-activity-placeholder_head{display:block !important;position:relative;width:60px;height:60px;flex:0 0 60px;margin:0 !important}
.bb-activity-placeholder .bb-activity-placeholder_head::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,85,50,0) 0deg,rgba(255,85,50,.12) 60deg,#FF5532 340deg,#FF5532 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:coral-spin .9s linear infinite}
.bb-activity-placeholder .bb-activity-placeholder_head::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;background:#FF5532;animation:coral-pulse 1.2s ease-in-out infinite}
.bb-activity-placeholder .bb-activity-placeholder_content{display:block !important;margin:0 !important;font-size:15px;line-height:1.4;font-weight:600;color:#33363F}
.bb-activity-placeholder .bb-activity-placeholder_content::before{content:"Cargando publicaciones"}
.bb-activity-placeholder .bb-activity-placeholder_content::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:coral-dots 1.2s steps(1) infinite}
.bb-activity-placeholder .bb-activity-placeholder_actions{display:block !important;position:absolute;bottom:0;left:-40%;width:40%;height:3px;margin:0 !important;border-radius:3px;background:linear-gradient(90deg,rgba(255,85,50,0),#FF5532,rgba(255,85,50,0));animation:coral-bar 1.4s ease-in-out infinite}
/* Versión pequeña (comentarios y modales): spinner en línea */
.bb-activity-placeholder.bb-activity-tiny-placeholder{flex-direction:row;min-height:0;gap:10px;padding:10px 0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none;justify-content:flex-start}
.bb-activity-placeholder.bb-activity-tiny-placeholder .bb-activity-placeholder_head{width:26px;height:26px;flex-basis:26px}
.bb-activity-placeholder.bb-activity-tiny-placeholder .bb-activity-placeholder_head::before{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}
.bb-activity-placeholder.bb-activity-tiny-placeholder .bb-activity-placeholder_head::after{width:8px;height:8px}
.bb-activity-placeholder.bb-activity-tiny-placeholder .bb-activity-placeholder_content{flex:0 0 auto !important;width:auto !important;text-align:left;font-size:13px;font-weight:500;color:#5A5A5A}
.bb-activity-placeholder.bb-activity-tiny-placeholder .bb-activity-placeholder_content::before{content:"Cargando"}
.bb-activity-placeholder.bb-activity-tiny-placeholder .bb-activity-placeholder_actions{display:none !important}
.bb-modal-activity-body .init-placeholder .bb-activity-placeholder{border:0 !important;box-shadow:none;background:transparent !important}
@media (prefers-reduced-motion:reduce){.bb-activity-placeholder .bb-activity-placeholder_head::before{animation-duration:2.5s}.bb-activity-placeholder .bb-activity-placeholder_head::after,.bb-activity-placeholder .bb-activity-placeholder_actions,.bb-activity-placeholder .bb-activity-placeholder_content::after{animation:none}}

/* ==== Coral · Franja "X ha comentado": mismo ancho que la tarjeta (en grupos se quedaba estrecha, 680px) ==== */
#buddypress .activity-list > li.coral-motivo{max-width:none !important;width:auto;margin-left:0 !important;margin-right:0 !important}

/* ===== REGISTRO: footer compacto en la columna del formulario ===== */
body.register.login-split-page .coral-footer{border-top:1px solid #EDEFF2;padding:32px 6% 24px;}
body.register.login-split-page .coral-footer__inner{gap:22px 32px;}
body.register.login-split-page .coral-footer__col,
body.register.login-split-page .coral-footer__col--brand{flex:1 1 100%;min-width:0;}
body.register.login-split-page .coral-footer__logo,
body.register.login-split-page .coral-footer__text{display:none;}
body.register.login-split-page .coral-footer__head{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7A7A7A;margin:0 0 10px;}
body.register.login-split-page .coral-footer__mail{font-size:15px;}
body.register.login-split-page .coral-footer__legal{flex-direction:row;flex-wrap:wrap;gap:6px 18px;margin-top:12px;}
body.register.login-split-page .coral-footer__legal a{font-size:13px;}
body.register.login-split-page .coral-footer__logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;}
body.register.login-split-page .coral-footer__logos .coral-footer__head{flex:1 1 100%;margin-bottom:0;}
body.register.login-split-page .coral-footer__logos img{width:120px;margin:0;}
body.register.login-split-page .coral-footer__bottom{margin-top:24px;padding-top:16px;border-top:1px solid #EDEFF2;font-size:12px;}
@media (min-width:992px){
body.register.login-split-page .coral-footer{margin-left:50%;width:50%;padding:36px 0 28px;position:relative;z-index:2;}
body.register.login-split-page .coral-footer__inner,
body.register.login-split-page .coral-footer__bottom{width:80%;max-width:450px;margin-left:auto;margin-right:auto;}
}

/* =========================================================
   CATEGORÍAS DEL BLOG — rejilla de 3 columnas (oct-2026)
   Afecta solo a páginas de categoría (body.category)
   ========================================================= */
body.category .post-grid.bb-standard{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
body.category .post-grid.bb-standard > *:not(article){grid-column:1/-1}
body.category .post-grid.bb-standard > article{width:auto!important;max-width:none!important;margin:0!important;float:none!important;padding:0!important}
body.category .post-grid article .post-inner-wrap{height:100%;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(18,43,70,.08);transition:box-shadow .2s ease,transform .2s ease}
body.category .post-grid article .post-inner-wrap:hover{box-shadow:0 6px 18px rgba(18,43,70,.12);transform:translateY(-2px)}
body.category .post-grid article .ratio-wrap,body.category .post-grid article .entry-img{margin:0!important}
body.category .post-grid article .entry-img{padding-top:60%!important;display:block}
body.category .post-grid article .entry-img img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;transform:none!important}
body.category .post-grid article .entry-content-wrap{padding:16px 18px 14px!important;display:flex;flex-direction:column;flex:1}
body.category .post-grid article .entry-title{font-size:18px!important;line-height:1.35!important;margin:0 0 8px!important}
body.category .post-grid article .entry-title a{color:#122B46}
body.category .post-grid article .entry-title a:hover{color:#FF5532}
body.category .post-grid article .entry-content{font-size:14px;line-height:1.5;color:#5A5F6B;margin-bottom:12px}
body.category .post-grid article .entry-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
body.category .post-grid article .entry-meta{margin-top:auto!important;font-size:13px}
@media (max-width:1024px){body.category .post-grid.bb-standard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){body.category .post-grid.bb-standard{grid-template-columns:1fr;gap:16px}}

body.category .post-grid article .entry-meta{flex-wrap:nowrap;gap:8px}
body.category .post-grid article .post-author,body.category .post-grid article .post-author a,body.category .post-grid article .bb-comments-wrap{white-space:nowrap} /* meta en una línea */
body.category .post-grid article .bb-comments-wrap{font-size:12px}

/* ---- Coral · Comentarios de actividad: ancho de burbuja con adjuntos (oct-2026) ---- */
/* Un adjunto (PDF, documento) ensanchaba la burbuja más allá de la tarjeta */
.activity-comments .acomment-display { max-width: 100%; }
.activity-comments .acomment_inner { min-width: 0; max-width: 100%; }
.activity-comments .acomment-content_wrap { min-width: 0; flex: 1 1 auto; }
.activity-comments .acomment-content_block { max-width: 100%; }
.activity-comments .bb-activity-media-elem.document-activity { max-width: 100%; min-width: 0; width: 100%; }
.activity-comments .document-detail-wrap { min-width: 0; }

/* ===== Coral · LearnDash: botón "Marcar como completado" en naranja Coral ===== */
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper #learndash_mark_complete_button,
input.learndash_mark_complete_button {
  background-color: var(--bb-primary-color, #FF5532) !important;
  border-color: var(--bb-primary-color, #FF5532) !important;
  color: #FFFFFF !important;
}
.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper .learndash_mark_complete_button:focus,
input.learndash_mark_complete_button:hover,
input.learndash_mark_complete_button:focus {
  background-color: #E0441F !important;
  border-color: #E0441F !important;
  color: #FFFFFF !important;
}