/* ============================================================
   Skin academia Mery Calvo · v10 "Delta en claro"
   Decisión Javi 2026-07-09: TODO claro estilo Mery, con los
   patrones de Delta: sidebar tarjeta flotante, ✓ verdes,
   líneas de progreso terracota (el "dorado" de Mery), eyebrow
   editorial en la lección, botones píldora.
   Se inyecta vía Code Snippets (wp_head). Reversible: desactivar snippet.
   ============================================================ */

:root{
  --my-crema:#f2f2ec; --my-piedra:#dbd7c9; --my-tinta:#25241f; --my-topo:#665f5f;
  --my-salvia:#849271; --my-musgo:#637055; --my-musgo-prof:#444f38;
  --my-terracota:#c67052; --my-mostaza:#cf9546; --my-blanco:#fbfbf8;
  --my-display:"Fraunces",Georgia,serif;
  --my-mano:"Caveat","Brush Script MT",cursive;
  --my-r:16px;
}

/* ---------- lienzo ---------- */
body.ld-in-focus-mode,
.learndash-wrapper .ld-focus,
.learndash-wrapper .ld-focus .ld-focus-main,
.learndash-wrapper .ld-focus .ld-focus-content{
  background-color:var(--my-crema) !important;
}
body.ld-in-focus-mode{
  color:var(--my-tinta);
  -webkit-font-smoothing:antialiased;
}
body.ld-in-focus-mode .ld-focus-content .learndash-wrapper{
  background:transparent !important;
}

/* ---------- acento ---------- */
.learndash-wrapper .ld-primary-background,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading{
  background-color:var(--my-musgo) !important;
  background-image:linear-gradient(140deg,var(--my-musgo),var(--my-musgo-prof)) !important;
}
.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-primary-color-hover:hover{
  color:var(--my-musgo-prof) !important;
}

/* ---------- cabecera ---------- */
.learndash-wrapper .ld-focus .ld-focus-header{
  background:rgba(251,251,248,.94) !important;
  border-bottom:1px solid var(--my-piedra);
  backdrop-filter:blur(10px);
}
.learndash-wrapper .ld-focus-header .ld-progress .ld-progress-percentage{
  color:var(--my-musgo-prof);
}
.learndash-wrapper .ld-progress .ld-progress-bar{
  background:var(--my-piedra);
  border-radius:99px; overflow:hidden;
}
/* las líneas de progreso son terracota: el "dorado" de Mery */
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage{
  background:var(--my-terracota) !important;
  border-radius:99px;
}

/* ---------- sidebar como TARJETA FLOTANTE (patrón Delta) ---------- */
.learndash-wrapper .ld-focus .ld-focus-sidebar{
  background:var(--my-crema) !important;
  border-right:none !important;
  padding:16px 10px 16px 16px;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper{
  background:var(--my-blanco) !important;
  border:1px solid var(--my-piedra);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(68,79,56,.1);
  overflow:hidden;
  height:100%;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-list,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation,
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-navigation{
  background:transparent !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading{
  border-radius:18px;
  margin-bottom:12px;
  box-shadow:0 10px 26px rgba(68,79,56,.16);
}
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading h3,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading a{
  font-family:var(--my-display);
  font-weight:550; letter-spacing:-.01em;
  color:#fff !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item{
  background:transparent !important;
  border-color:rgba(219,215,201,.55) !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-title,
.learndash-wrapper .ld-focus-sidebar .ld-topic-title{
  color:var(--my-tinta) !important;
  font-weight:600;
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson{
  background:rgba(132,146,113,.12) !important;
  border-left:3px solid var(--my-salvia);
}
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item .ld-lesson-item-preview-heading:hover{
  color:var(--my-musgo-prof) !important;
}
.learndash-wrapper .ld-focus-sidebar .ld-expand-button,
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-expand-static{
  color:var(--my-musgo-prof) !important;
}
body.ld-in-focus-mode .ld-focus-sidebar .ld-table-list,
body.ld-in-focus-mode .ld-focus-sidebar .ld-table-list-items,
body.ld-in-focus-mode .ld-focus-sidebar .ld-table-list-item{
  background:var(--my-blanco) !important;
  border-color:rgba(219,215,201,.55) !important;
}

/* ---------- iconos de estado: ✓ verdes tipo Delta ---------- */
.learndash-wrapper .ld-status-icon.ld-status-complete{
  background-color:var(--my-musgo) !important;
}
.learndash-wrapper .ld-status-icon.ld-status-incomplete{
  border-color:var(--my-piedra) !important;
  background:#fff;
}
.learndash-wrapper .ld-status-icon.ld-status-in-progress{
  border-color:var(--my-mostaza) var(--my-piedra) var(--my-piedra) var(--my-mostaza) !important;
}

/* ---------- contenido editorial ---------- */
body.ld-in-focus-mode .ld-focus-content h1,
body.ld-in-focus-mode .ld-focus-content h2,
body.ld-in-focus-mode .ld-focus-content h3{
  font-family:var(--my-display);
  font-weight:550; letter-spacing:-.01em; line-height:1.12;
  color:var(--my-tinta);
}
body.ld-in-focus-mode .ld-focus-content h1{
  font-size:clamp(30px,3.4vw,42px);
}
/* eyebrow editorial sobre el título (patrón "SOBRE ESTA LECCIÓN") */
body.ld-in-focus-mode .ld-focus-content > h1:first-child::before{
  content:"Tu lección de hoy";
  display:block;
  font-family:var(--my-mano);
  font-size:24px;
  color:var(--my-musgo);
  letter-spacing:0;
  margin-bottom:2px;
}
body.ld-in-focus-mode .ld-focus-content p,
body.ld-in-focus-mode .ld-focus-content li{
  color:var(--my-tinta);
  font-size:16.5px; line-height:1.75;
}

/* migas */
.learndash-wrapper .ld-breadcrumbs{
  background:var(--my-blanco);
  border:1px solid var(--my-piedra);
  border-radius:var(--my-r);
}
.learndash-wrapper .ld-breadcrumbs a{
  color:var(--my-musgo-prof) !important;
}

/* chips de estado */
.learndash-wrapper .ld-status{
  border-radius:99px !important;
  font-weight:700; letter-spacing:.08em;
}
.learndash-wrapper .ld-status.ld-status-progress{
  background-color:var(--my-mostaza) !important;
  background-image:none !important;
  color:#2b2013 !important;
}
.learndash-wrapper .ld-status.ld-status-complete{
  background-color:var(--my-musgo) !important;
  color:#fff !important;
}

/* listado de temas */
.learndash-wrapper .ld-item-list .ld-item-list-item,
.learndash-wrapper .ld-table-list{
  background:var(--my-blanco);
  border-color:var(--my-piedra) !important;
  border-radius:var(--my-r);
  overflow:hidden;
}
.learndash-wrapper .ld-table-list .ld-table-list-item a:hover .ld-topic-title,
.learndash-wrapper .ld-item-list .ld-item-list-item a:hover{
  color:var(--my-musgo-prof) !important;
}

/* ---------- botones píldora ---------- */
.learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-js-register-account):not(.mery-a):not(.mery-b):not(.mery-c):not(.mery-d):not(.mery-e),
.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button{
  background-color:var(--my-terracota) !important;
  background-image:none !important;
  border-radius:99px !important;
  font-weight:700;
  color:#fff !important;
  transition:transform .15s ease, box-shadow .15s ease;
}
.learndash-wrapper .ld-button:hover:not(.ld-button-transparent):not(.ld-js-register-account):not(.mery-a):not(.mery-b):not(.mery-c):not(.mery-d):not(.mery-e){
  background-color:var(--my-terracota) !important;
  box-shadow:0 8px 22px rgba(198,112,82,.38);
  opacity:1 !important;
}
.learndash-wrapper .ld-button:not(.ld-button-transparent):active{
  transform:scale(.98);
}
.learndash-wrapper .ld-button.ld-button-transparent{
  color:var(--my-musgo-prof) !important;
}

/* separadores, alertas, vídeo */
.learndash-wrapper .ld-content-actions{
  border-top:1px solid var(--my-piedra);
}
.learndash-wrapper .ld-alert{
  border-radius:var(--my-r);
  border-color:var(--my-piedra);
}
.learndash-wrapper .ld-video,
body.ld-in-focus-mode .ld-focus-content iframe{
  border-radius:var(--my-r);
  overflow:hidden;
  box-shadow:0 24px 60px rgba(68,79,56,.18);
}

/* enlaces */
.learndash-wrapper a:not(.ld-button){
  color:var(--my-musgo-prof);
}

/* ---------- páginas LD claras fuera del focus ---------- */
body.learndash-cpt{
  background-color:var(--my-crema);
}
body.learndash-cpt .site-content,
body.learndash-cpt .ast-container,
body.learndash-cpt article{
  background-color:transparent !important;
}
body.learndash-cpt h1.entry-title,
body.learndash-cpt .entry-title{
  font-family:var(--my-display);
  font-weight:550; letter-spacing:-.01em; line-height:1.12;
}

/* ============================================================
   Focus header (vive FUERA de .learndash-wrapper → sin ese prefijo)
   v11: botón completar legible, saludo sin desbordar, acento marca
   ============================================================ */
#ld-focus-header{background:rgba(251,251,248,.94) !important;border-bottom:1px solid var(--my-piedra) !important;backdrop-filter:blur(10px)}
#ld-focus-header .ld-secondary-color,
#ld-focus-header .ld-primary-color,
#ld-focus-header .ld-progress-percentage{color:var(--my-musgo-prof) !important}
#ld-focus-header .ld-progress-bar .ld-progress-bar-percentage{background:var(--my-terracota) !important}
#ld-focus-header .ld-progress-bar{background:var(--my-piedra) !important}

/* botón "Marcar como completado" → píldora terracota legible */
#ld-focus-header .learndash_mark_complete_button,
.sfwd-mark-complete .learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button{
  background:var(--my-terracota) !important;
  background-image:none !important;
  color:#fff !important;
  border:0 !important;
  border-radius:99px !important;
  padding:11px 22px !important;
  font-weight:700 !important;
  opacity:1 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
#ld-focus-header .learndash_mark_complete_button:hover,
.sfwd-mark-complete .learndash_mark_complete_button:hover{
  box-shadow:0 8px 22px rgba(198,112,82,.38) !important;
}
/* icono de completado en musgo (no azul) */
#ld-focus-header .ld-icon-checkmark,
#ld-focus-header .ld-status-complete{color:var(--my-musgo) !important}

/* saludo de usuario: nunca desbordar (admin muestra el email largo) */
#ld-focus-header .ld-user-welcome-text{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:160px;
  display:inline-block;
  vertical-align:middle;
}

/* vídeo a ancho completo del contenido */
body.ld-in-focus-mode .ld-focus-content .fluid-width-video-wrapper,
body.ld-in-focus-mode .ld-focus-content iframe{
  width:100% !important;
  max-width:100% !important;
}
body.ld-in-focus-mode .ld-focus-content iframe{aspect-ratio:16/9;height:auto !important}