:root {
  --color-primario: #e6007e;
  --color-secundario: #494544;
  --color-terciario: #68B5BD;
  --color-cuaternario: #ffffff;
  --color-quincotenario: #F2F2F2;
}
a.ld-button{
	color: white !important;
}

span.ld-text, a.ld-button{
	/*color: white !important;*/
}

span.ld-icon-arrow-down.ld-icon.ld-primary-background {
    color: white !important;
}


h2.hotspot-title {
    color: #E6007E !important;
}

div#wpadminbar {
    background-color: #E6007E !important;
}

main#main {
    min-height: 80vh;
}

.caption p strong {
	color: var(--color-primario);
}


object.wp-block-file__embed {
    min-height: 100vh !important;
}



input.wpProQuiz_button.wpProQuiz_QuestionButton {
    color: white !important;
}

h2.entry-title {
    font-size: 23px;
    text-align: center;
}

img.attachment-medium_large.size-medium_large.wp-post-image {
    max-width: 450px !important;
    width: 200px;
    align-items: center !important;
    margin: 0 auto;
}

.wp-block-kadence-posts .loop-entry .post-thumbnail {
    display: block;
    height: 0;
    padding-bottom: 50.67%;
    overflow: hidden;
    position: relative;
    margin: 0;
}























/* LEARNDASH COURSE GRID DE LA HOME*/
.ld-course-list-items .ld_course_grid .thumbnail.course img {
    margin-top: 10px;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price {
    position: relative;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled, .ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {
    display: flex;
    justify-content: center;
		left: 0;
		color: white;
}
.ld-course-list-items .ld_course_grid .entry-title {
    margin: 0 !important;
    display: none;
}
img.logo_empresa_colaboradora_clase {
    max-width: 45% !important;
}
/* FIN LEARNDASH COURSE GRID DE LA HOME */

#kt-adv-heading_1d38d0-4a, #kt-adv-heading_1d38d0-4a .wp-block-kadence-advancedheading, .wp-block-kadence-advancedheading.kt-adv-heading_1d38d0-4a[data-kb-block="kb-adv-heading_1d38d0-4a"], .kadence-advanced-heading-wrapper .kt-adv-heading_1d38d0-4a[data-kb-block="kb-adv-heading_1d38d0-4a"] {
    text-align: center;
    font-size: 30px;
}

img.kb-img.wp-image-181 {
    margin-top: -62px;
}

/* FOCUS MODE LE DAMOS MÁS ESPACIO A LA COLUMNA DEL MEDIO REDUCIENDO LA SIDEBAR */
.lds-focus-content-widgets {
    max-width: 300px;
}

/* FOCUS MODE IMAGEN SUPERIOR IZQUIERDA LA AJUSTAMOS PARA QUE OCUPE TODO EL ESPACIO */
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
    height: auto;
    width: auto;
}
.ld-focus-content {
    min-width: 75%;
		padding: 20px !important;
}

.learndash-wrapper.lds-focus-mode-content-widgets .ld-focus .ld-focus-main .lds-focus-content-widgets {
    order: 3;
    /*padding: 0px !important;*/
		padding: 0px 9px 0px 9px;
    flex-basis: 33.33%;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    font-size: 34px;
}

/* MODIFICAMOS ESTILO CERRAR SESIÓN EN MENÚ 
ul.sub-menu {
    padding: 8px 0px 0px 24px;
    text-align: center;
    max-width: 90%;
}
li#menu-item-122 {
    padding-top: 10px;
}*/

/* TEMAS LOS HACEMOS MÁS ESTRECHOS EN LOS LISTADOS DE CONTENIDOS */
.ld-item-list.ld-lesson-list.ld-course-content-64 {
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 80px;
}
/* LOGIN */
.rcp_form input[type="text"], .rcp_form input[type="password"], .rcp_form input[type="email"] {
    padding: 4px 8px;
    margin: 0;
    width: 100%;
}

/*button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {*/
    /*width: 100%;*/
    /*border-radius: 10px;*/
    /*background-color: var(--color-secundario);
}*/
/*button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
    color: #ffffff;
    background-color: #9D9D9B;
}*/

/* IMPORTAR USUARIOS */
.page-id-280 input.acui_frontend_submit {
    width: 100%;
    margin-top: 40px;
}

.ld-profile-avatar {
    display: none;
}

input#rcp_login_submit {
    width: 100%;
}

/* LEARNDASH FOCUS CSS */

.ld-focus-content {
    min-width: 1080px !important;
}

/* RETOQUES ESTILOS H5P */
.h5p-question-introduction {
    text-align: center !important;
    font-weight: bold !important;
		margin-bottom: 40px;
}

/* RETOQUES GRID PRICE */
.ld_course_grid_price {
    display: none;
}

/* ALTO DEL CONTENIDO PARA POSICIONAR EL FOOTER */
.site-content {
    min-height: 95vh;
}

/* MODIFICAMOS FONDO DEL FOCUS */
body.ld-in-focus-mode .learndash-wrapper {
    /* background: #fff; */
    /* opacity: 0.2; */
    /*background-image: url(https://www.curso-maspbm-online.com/wp-content/uploads/FONDO-PENTASA-web-copia-scaled.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
}
/* BARRA LATERAL DERECHA DEL FOCUS EN BLNCO */
.lds-focus-content-widgets {
    background-color: white;
}

/* QUITAMOS PADDING DEL FONDO DEL CONTENT EN FOCUS */
.learndash-wrapper.lds-focus-mode-content-widgets .ld-focus .ld-focus-main .ld-focus-content {
    margin: 0;
    order: 2;
    flex-basis: 66.66%;
    padding: 20px !important;
}

/* CENTRAMOS LAS IMÁGENES DE TODOS LOS BLOQUES DE IMAGENES */
/* Centrar imágenes en LearnDash */
.learndash-wrapper .wp-block-image {
    text-align: center;
}

.learndash-wrapper .wp-block-image img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.learndash-wrapper img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* HACEMOS QUE TODAS LAS NEGRITAS SE PONGAN DE COLOR ROJO */

.mayusculas {
    color: #C61719;
}

/* PERSONALIZAMOS ESTILOS DEL PLUGIN DE PODCAST */
button.ai-audio-control {
    background-color: #E6007E !important;
}
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
    background-color: #E6007E;
}


/* TUNEAMOS MENSAJES PARA LAS RESPUESTAS DE LOS CUESTIONARIOS SI SON CORRECTAS E INCORRECTAS */
.wpProQuiz_correct {
    background-color: #00AA00;
    color: white;
}
.wpProQuiz_incorrect {
    background-color: red;
    color: white;
}
a.ld-profile-edit-link {
    display: none !important;
}

p, li {
  text-align: justify;
}

/* OCULTAMOS LAS CARDS DEL PERFIL DE LEARNDASH */
.ld-profile__saved-cards.ld-breakpoint--initialized.ld-breakpoint--mobile.ld-breakpoint--tablet.ld-breakpoint--extra-small.ld-breakpoint--small.ld-breakpoint--medium.ld-breakpoint--large {
    display: none !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action a{
    padding: 27px !important;
    font-size: 16px !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action, input.wpProQuiz_button.wpProQuiz_QuestionButton, .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}

p.has-text-align-center {
    margin-bottom: 3px;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    font-size: 32px !important;
    text-align: center !important;
}
a.button, a.wp-block-button__link:not(.has-background), input#gform_submit_button_1, input#submitchat, input#rcp_login_submit {
    border: solid 1.5px #C61518;
		border-radius: 8px;
}
p.rcp_lost_password a {
    color: #C61518 !important;
}
svg.bi.bi-person-circle {
    margin-bottom: -3px;
}

/* LIGHTBOX DRAWATTENTION */
h2.hotspot-title.mayusculas {
    font-weight: bold;
    color: #c61518 !important;
}



























/**********************************************
 * FIX LEARNDASH FOCUS MODE – SIDEBAR + TOGGLE
 * (PEGA ESTE BLOQUE AL FINAL DE TODO TU CSS)
 **********************************************/

/* 1️⃣ Aseguramos que la sidebar de LearnDash NO se oculte */
body.learndash-focus-mode .ld-focus-sidebar {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2️⃣ El título del índice será la referencia para colocar la flecha */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
  position: relative;
}

/* 3️⃣ Colocamos el botón/flechita del índice a la DERECHA del título */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {
  position: absolute;
  /*top: 50%;*/
  right: 10px;
  left: auto;
  transform: translateY(-50%);
  z-index: 10;

  /* por si algo anterior lo deja raro */
  opacity: 1 !important;
  visibility: visible !important;
}

/* 4️⃣ No forzamos anchos raros cuando LearnDash colapsa el índice:
      dejamos que sus estilos internos hagan el trabajo */
body.ld-in-focus-mode .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar {
  max-width: none !important;
  width: auto !important;
  min-width: 0 !important;
}

/* 5️⃣ ESCRITORIO: garantizamos que el main ocupa todo el ancho disponible,
      sin solaparse ni quedarse estrecho por CSS antiguos */
@media (min-width: 769px) {
  body.ld-in-focus-mode .ld-focus .ld-focus-main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* 6️⃣ MÓVIL / TABLET: una sola columna limpia, sin todo pegado a la derecha */
@media (max-width: 768px) {
  body.ld-in-focus-mode .ld-focus .ld-focus-main {
    display: block !important;
  }

  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar,
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}








































/*****************************************************
 * FIX DEFINITIVO FOCUS MODE – MÓVIL Y TABLET
 * (sidebar izquierda + contenido + sidebar derecha)
 *****************************************************/

@media (max-width: 1024px) {

  /* 1️⃣ Romper el layout en columnas */
  body.ld-in-focus-mode .ld-focus .ld-focus-main {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 2️⃣ Sidebar izquierda (índice) se vuelve un bloque */
  body.ld-in-focus-mode .ld-focus-sidebar {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  /* 3️⃣ Contenido central ocupa 100% */
  body.ld-in-focus-mode .ld-focus-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    position: relative !important;
    float: none !important;
  }

  /* 4️⃣ Sidebar derecha (widgets) también en bloque debajo del contenido */
  body.ld-in-focus-mode .lds-focus-content-widgets,
  body.ld-in-focus-mode .ld-focus-sidebar-secondary,
  body.ld-in-focus-mode .ld-focus-sidebar-primary {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 20px 0 0 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important; /* evita superposición */
  }

  /* 5️⃣ Evitar solapamiento por z-index heredados */
  body.ld-in-focus-mode .ld-focus-sidebar,
  body.ld-in-focus-mode .lds-focus-content-widgets {
    z-index: auto !important;
  }
}

/* Móvil ≤768px – pequeño ajuste de padding */
@media (max-width: 768px) {
  body.ld-in-focus-mode .ld-focus-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.ld-in-focus-mode .lds-focus-content-widgets {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
































/*****************************************************
 * FOCUS MODE – MÓVIL / TABLET
 * Orden: Índice → Contenido → Widgets
 * Ancho 100% sin cosas pegadas a la derecha
 *****************************************************/
@media (max-width: 1024px) {

  /* 1️⃣ Layout principal: columna, en orden controlado */
  body.ld-in-focus-mode .ld-focus .ld-focus-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* 2️⃣ Sidebar izquierda (índice) – siempre arriba */
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar {
    order: 1;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  /* 3️⃣ Contenido central – en medio, full width */
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
    order: 2;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  /* 4️⃣ Sidebar derecha (widgets) – al final, debajo del contenido */
  body.ld-in-focus-mode .ld-focus .lds-focus-content-widgets,
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar-secondary,
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar-primary {
    order: 3;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 12px 16px 12px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
  }

  /* 5️⃣ Por si algún estilo anterior mete offsets raros */
  body.ld-in-focus-mode .ld-focus,
  body.ld-in-focus-mode .ld-focus-main,
  body.ld-in-focus-mode .ld-focus-sidebar,
  body.ld-in-focus-mode .ld-focus-content {
    left: 0 !important;
    right: 0 !important;
  }
}

/* Ajuste fino para móviles pequeños */
@media (max-width: 768px) {
  body.ld-in-focus-mode .ld-focus .ld-focus-content,
  body.ld-in-focus-mode .ld-focus .lds-focus-content-widgets,
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}






































/*****************************************************
 * FOCUS MODE – MÓVIL / TABLET
 * UNA sola columna: Índice → Contenido → Widgets
 * Fuerza 100% ancho y evita 2 columnas
 *****************************************************/
@media (max-width: 1024px) {

  /* Anulamos cualquier flex/columnas anterior */
  body.ld-in-focus-mode .ld-focus {
    display: block !important;
    width: 100% !important;
  }

  body.ld-in-focus-mode .ld-focus .ld-focus-main {
    display: grid !important;
    grid-template-columns: 1fr !important;      /* 👉 siempre 1 columna */
    grid-template-areas:
      "ld-sidebar"
      "ld-content"
      "ld-widgets";
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Índice (sidebar izquierda) → ARRIBA */
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar {
    grid-area: ld-sidebar;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  /* Contenido → EN MEDIO */
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
    grid-area: ld-content;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  /* Widgets (sidebar derecha / content widgets) → ABAJO */
  body.ld-in-focus-mode .ld-focus .lds-focus-content-widgets,
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar-secondary,
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar-primary {
    grid-area: ld-widgets;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 12px 16px 12px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
  }
}

/* Ajuste fino en móviles pequeños */
@media (max-width: 768px) {
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar,
  body.ld-in-focus-mode .ld-focus .ld-focus-content,
  body.ld-in-focus-mode .ld-focus .lds-focus-content-widgets {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}







































/*****************************************************
 * FOCUS MODE – ELIMINAR MARGEN SUPERIOR EN MÓVIL
 *****************************************************/
@media (max-width: 768px) {

  /* Quitar margen/padding superior del wrapper */
  body.ld-in-focus-mode .learndash-wrapper,
  body.ld-in-focus-mode .ld-focus,
  body.ld-in-focus-mode .ld-focus-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Quitar margen superior del encabezado del Focus Mode */
  body.ld-in-focus-mode .ld-focus-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Sidebar (índice) sin hueco arriba */
  body.ld-in-focus-mode .ld-focus-sidebar {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Contenido principal sin hueco arriba */
  body.ld-in-focus-mode .ld-focus-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Widgets sin hueco arriba */
  body.ld-in-focus-mode .lds-focus-content-widgets,
  body.ld-in-focus-mode .ld-focus-sidebar-secondary {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Elimina márgenes automáticos que mete GeneratePress */
  .site-content,
  .inside-article,
  .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Asegura que ningún título se “despegue” hacia abajo */
  body.ld-in-focus-mode .ld-focus-content h1 {
    margin-top: 0 !important;
  }
}








































/****************************************************
 * FOCUS MODE – FIX MÓVIL (orden, margen arriba y abajo)
 ****************************************************/
@media (max-width: 768px) {

  /* 1) El main del Focus Mode en columna para poder reordenar */
  body.ld-in-focus-mode .ld-focus .ld-focus-main {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 2) Contenido SIEMPRE primero */
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
    order: 1;
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;

    /* espacio abajo para que no lo tape el menú inferior */
    padding-bottom: 80px !important; /* ajusta a 60/100px si hace falta */
  }

  /* 3) Índice / widgets DESPUÉS del contenido */
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar,
  body.ld-in-focus-mode .ld-focus .lds-focus-content-widgets,
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar-secondary {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-top: 16px !important;   /* pequeño espacio bajo el contenido */
    padding-top: 0 !important;
  }

  /* 4) Eliminamos márgenes/padding extra globales arriba */
  body.ld-in-focus-mode .learndash-wrapper,
  body.ld-in-focus-mode .ld-focus,
  body.ld-in-focus-mode .site-content,
  body.ld-in-focus-mode .inside-article,
  body.ld-in-focus-mode .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 5) El encabezado del Focus Mode sin hueco extra */
  body.ld-in-focus-mode .ld-focus-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 6) Título sin saltar demasiado hacia abajo */
  body.ld-in-focus-mode .ld-focus-content h1 {
    margin-top: 0.5rem !important;
  }
}





































/****************************************************
 * FOCUS MODE – FIX MÓVIL DEFINITIVO
 * (orden, margen arriba y fondo cortado)
 ****************************************************/
@media (max-width: 768px) {

  /* 0) Reset general arriba: nada de huecos raros */
  body.ld-in-focus-mode,
  body.ld-in-focus-mode .site-content,
  body.ld-in-focus-mode .learndash-wrapper,
  body.ld-in-focus-mode .ld-focus,
  body.ld-in-focus-mode .ld-focus-main,
  body.ld-in-focus-mode .ld-focus-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 1) El main en columna para controlar el orden */
  body.ld-in-focus-mode .ld-focus .ld-focus-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  /* 2) CONTENIDO – primero, pegado arriba y con espacio abajo */
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;

    margin-top: 0 !important;
    padding-top: 0 !important;

    /* espacio extra para que no lo tape el menú inferior */
    padding-bottom: 120px !important; /* si sigue cortado, súbelo a 140–160 */
  }

  /* 3) ÍNDICE / WIDGETS – debajo del contenido, ancho completo */
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar,
  body.ld-in-focus-mode .ld-focus .lds-focus-content-widgets,
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar-secondary {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;

    margin-top: 16px !important;  /* separación bajo el contenido */
    padding-top: 0 !important;
  }

  /* 4) El header del Focus Mode sin dejar aire extra arriba */
  body.ld-in-focus-mode .ld-focus-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 5) Un poco de aire para que el título no quede pegado */
  body.ld-in-focus-mode .ld-focus-content h1 {
    margin-top: 0.5rem !important;
  }

  /* 6) Por si el tema mete alturas mínimas que cortan */
  body.ld-in-focus-mode .site-content {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 120px !important; /* refuerzo de espacio inferior global */
  }
}













































/*******************************************************
 * FIX FINAL PARA FOCUS MODE EN MÓVIL (probado con tu HTML)
 *******************************************************/

/* 1️⃣ Elimina el padding y margen superior excesivo del contenedor */
@media (max-width: 768px) {

  body.ld-in-focus-mode .ld-focus .ld-focus-main {
      margin-top: 0 !important;
      padding-top: 0 !important;
  }

  /* 2️⃣ Corrige el padding heredado del tema GeneratePress */
  .separate-containers .inside-article,
  .separate-containers .site-content,
  .inside-page-header,
  .site-main .wp-block-group__inner-container {
      padding-top: 10px !important;
      padding-bottom: 80px !important; /* para que no tape el menú inferior */
  }

  /* 3️⃣ Asegura que el contenido esté arriba del todo */
  .ld-focus-content {
      margin-top: 0 !important;
      padding-top: 10px !important;
  }

  /* 4️⃣ Sidebar y contenido en columna (ya funciona, pero reafirmo aquí) */
  body.ld-in-focus-mode .ld-focus .ld-focus-sidebar,
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
      width: 100% !important;
      max-width: 100% !important;
  }

  /* 5️⃣ Separa el contenido del menú inferior */
  .ld-focus-content {
      padding-bottom: 100px !important;
  }
}






































/**********************************************
 * AJUSTE FOCUS MODE EN MÓVIL
 * - Quita “aire” de arriba
 * - Añade espacio debajo del contenido
 **********************************************/
@media (max-width: 768px) {

  /* 1) Quitamos márgenes y padding extra de GeneratePress en Focus Mode */
  body.ld-in-focus-mode .site-content,
  body.ld-in-focus-mode .content-area,
  body.ld-in-focus-mode .inside-article,
  body.ld-in-focus-mode .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 2) Aseguramos que el contenedor principal de Focus no meta espacio arriba */
  body.ld-in-focus-mode .ld-focus,
  body.ld-in-focus-mode .ld-focus-main,
  body.ld-in-focus-mode #ld-focus-content.ld-focus-content {
    margin-top: 0 !important;
    padding-top: 8px !important;   /* un poco de respiro, puedes poner 0 si quieres pegado */
  }

  /* 3) Añadimos espacio debajo para que el contenido no se corte
        con el menú inferior / barra del navegador */
  body.ld-in-focus-mode .ld-focus-content .learndash-wrapper,
  body.ld-in-focus-mode .ld-focus-content {
    padding-bottom: 90px !important;  /* sube/baja este valor si lo ves corto o exagerado */
  }
		
		.learndash-wrapper.learndash-wrapper--topic.lds-focus-mode-content-widgets.lds-theme-rustic.lds-template- {
    margin-top: -200px !important;
}
		
		form#sac-form {
    margin-bottom: 200px !important;
}
}

































/**********************************************
 * AJUSTE FOCUS MODE EN MÓVIL
 * - Quita “aire” de arriba
 * - Añade espacio debajo del contenido
 **********************************************/
@media (max-width: 768px) {

  /* 1) Quitamos márgenes y padding extra de GeneratePress en Focus Mode */
  body.ld-in-focus-mode .site-content,
  body.ld-in-focus-mode .content-area,
  body.ld-in-focus-mode .inside-article,
  body.ld-in-focus-mode .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 2) Aseguramos que el contenedor principal de Focus no meta espacio arriba */
  body.ld-in-focus-mode .ld-focus,
  body.ld-in-focus-mode .ld-focus-main,
  body.ld-in-focus-mode #ld-focus-content.ld-focus-content {
    margin-top: 0 !important;
    padding-top: 8px !important;   /* un poco de respiro, puedes poner 0 si quieres pegado */
  }

  /* 3) Añadimos espacio debajo para que el contenido no se corte
        con el menú inferior / barra del navegador */
  body.ld-in-focus-mode .ld-focus-content .learndash-wrapper,
  body.ld-in-focus-mode .ld-focus-content {
    padding-bottom: 90px !important;  /* sube/baja este valor si lo ves corto o exagerado */
  }
}


















































/**********************************************
 * MOBILE FOCUS MODE – QUITAR MARGEN ARRIBA
 * Y DAR AIRE ABAJO AL CONTENIDO
 **********************************************/
@media (max-width: 768px) {

  /* 1️⃣ Quitar padding/margen superior del wrapper de la entrada */
  body.ld-in-focus-mode .inside-article {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }

  /* 2️⃣ Quitar “aire” extra justo encima del contenido de Focus */
  body.ld-in-focus-mode .ld-focus,
  body.ld-in-focus-mode .ld-focus .ld-focus-main,
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 3️⃣ Asegurar que el primer bloque de contenido no añade margen arriba */
  body.ld-in-focus-mode .ld-focus .ld-focus-content > *:first-child {
    margin-top: 0 !important;
  }

  /* 4️⃣ Añadir espacio por debajo para que no se "corte"
        con el menú inferior / barra del navegador */
  body.ld-in-focus-mode .ld-focus .ld-focus-content {
    padding-bottom: 90px !important;
  }

  /* 5️⃣ Un poco de margen bajo la zona de navegación/botones
        para que no se peguen al borde inferior */
  body.ld-in-focus-mode .ld-focus .ld-focus-content .ld-content-actions {
    margin-bottom: 30px !important;
  }
}