/* ══ LUMAFE · movimiento (utilidades site-wide) · fuente: scripts/lumafe-utilities.css ══ */

/* reveals: la clase lm-js la pone el script; sin JS no se oculta nada */
html.lm-js .lm-rv{opacity:0;transform:translateY(24px);
  transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
html.lm-js .lm-rv.lm-in{opacity:1;transform:none}

/* elevación al hover: solo al pasar el ratón, nunca en reposo */
.lm-lift{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}
.lm-lift:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(22,51,58,.12)}

/* giros y rebotes de marca */
.lm-spin .elementor-icon,.lm-spin svg{animation:lm-spin 22s linear infinite}
.lm-bounce .elementor-button-icon,.lm-bounce .elementor-icon{animation:lm-bounce 1.8s ease-in-out infinite}

@keyframes lm-spin{to{transform:rotate(360deg)}}
@keyframes lm-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

@media (prefers-reduced-motion: reduce){
  html.lm-js .lm-rv{opacity:1;transform:none;transition:none}
  .lm-lift:hover{transform:none;box-shadow:none}
  .lm-spin .elementor-icon,.lm-spin svg,.lm-bounce .elementor-button-icon{animation:none}
}
/* ══ fin · movimiento ══ */

/* ══ LUMAFE · sistema v3 (átomos reutilizables) · fuente: scripts/lumafe-system.css ══ */

/* ── chip de sección (píldora con punto) ── */
.lm-chip p{margin:0}
.lm-chip .lm-chip-in{display:inline-flex;align-items:center;gap:12px;border-radius:999px;
  padding:9px 18px;background:#fffdf8;border:1px solid rgba(22,51,58,.08);
  font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--e-global-color-steel)}
.lm-chip .lm-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--e-global-color-terracota);flex:none}

/* ── etiquetas ── */
.lm-tags p{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.lm-tags span{border-radius:999px;border:1px solid rgba(147,163,188,.45);background:#fffdf8;
  padding:7px 14px;font-size:13px;font-weight:600;color:var(--e-global-color-steel)}
.lm-tags--small span{padding:6px 12px;font-size:13px;font-weight:400}

/* ── eyebrow con guion ── */
.lm-eyebrow p{margin:0;font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}
.lm-eyebrow p::before{content:"";display:inline-block;width:40px;height:1px;
  background:rgba(147,163,188,.7);margin-right:16px;vertical-align:middle}
.lm-eyebrow--plain p::before{display:none}

/* ── medidas del diseño (Elementor fuerza max-width:100% a los hijos de .e-con-inner) ── */
.lm-measure-46 .elementor-heading-title{max-width:46rem;margin-inline:auto}
.lm-measure-38 p{max-width:38rem;margin:0 auto}
.lm-measure-24 p{max-width:24rem;margin:0}
.lm-plain p{margin:0}

/* ── acentos de marca en cursiva ── */
.lm-accent em{font-style:italic;font-weight:400;color:var(--e-global-color-azul)}
.lm-accent-tca em{font-style:italic;font-weight:400;color:var(--e-global-color-terracota)}

/* ── kicker de tarjeta: «Parada 01 · Origen» ── */
.lm-kicker p{margin:0;display:flex;align-items:baseline;gap:12px}
.lm-kicker i{font-style:italic;font-family:"Averia Serif Libre",Georgia,serif;font-size:14px;
  color:var(--e-global-color-terracota)}
.lm-kicker span{font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--e-global-color-steel)}

/* ── superficies ── */
.lm-card{box-shadow:0 18px 44px rgba(22,51,58,.08)}
.lm-card--soft{box-shadow:0 16px 40px rgba(22,51,58,.07)}
.lm-card--flat{box-shadow:none}

/* ── notas y firmas ── */
.lm-note p{margin:14px 0 0;font-size:13px;color:var(--e-global-color-steel)}
.lm-sig p{margin:20px 0 0}

/* ── manchas de fondo ──
   La sección lleva .lm-has-blobs (position:relative;overflow:hidden en su CSS) y
   cada mancha es un contenedor vacío con .lm-blob y una variante. */
/* selector doblado a propósito: Elementor emite `overflow:visible` por elemento
   (una clase) y con una sola clase el `overflow:hidden` se perdía */
.lm-has-blobs.lm-has-blobs{position:relative;overflow:hidden}
.lm-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(56px)}
.lm-blob--a{width:38rem;height:38rem}
.lm-blob--b{width:30rem;height:30rem}
.lm-blob--c{width:26rem;height:26rem}
.lm-blob--d{width:22rem;height:22rem}
.lm-blob--frost{background:rgba(233,238,244,.8)}
.lm-blob--aqua{background:rgba(169,188,209,.28)}
.lm-blob--glow{background:rgba(239,233,216,.7)}
.lm-has-blobs > *:not(.lm-blob){position:relative;z-index:1}
/* ── marquee de identidad: banda rotada dentro de un recorte ── */
.lm-marquee-clip{overflow:hidden}
.lm-marquee-band{transform:rotate(-1deg) scale(1.02);
  border-top:1px solid rgba(22,51,58,.1);border-bottom:1px solid rgba(22,51,58,.1)}
.lm-marquee-clip > .lm-marquee-band{margin-block:-12px}
/* ══ fin · sistema ══ */

/* ── Tutor Pro: el botón «Regalar este curso» viene en rosa fijo (#e03ad3).
   Lo devolvemos a la paleta de la marca. ── */
.tutor-btn-gift{color:#32666D;background-color:#E9EEF4;border-color:#E9EEF4}
.tutor-btn-gift:hover,.tutor-btn-gift:active,.tutor-btn-gift:focus{color:#16333A;background-color:#DCE5EE;border-color:#DCE5EE}
.tutor-btn-gift svg{stroke:currentColor}

/* ── páginas legales (.lm-legal): texto largo, sin Elementor ── */
.lm-legal{max-width:74ch;margin-inline:auto;padding-block:clamp(2.5rem,6vw,5rem);font-family:"DM Sans",system-ui,sans-serif;color:#3B4E57;line-height:1.75}
.lm-legal h1,.lm-legal h2{font-family:"Averia Serif Libre",Georgia,serif;color:#16333A;line-height:1.2}
.lm-legal h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .5rem}
.lm-legal h2{font-size:clamp(1.15rem,2vw,1.45rem);margin:2.5rem 0 .75rem}
.lm-legal p,.lm-legal li{font-size:1.0125rem}
.lm-legal ul,.lm-legal ol{padding-left:1.25rem;display:grid;gap:.5rem;margin:0 0 1.25rem}
.lm-legal li{list-style:disc}
.lm-legal a{color:#32666D;text-decoration:underline;text-underline-offset:.2em}
.lm-legal a:hover{color:#16333A}
.lm-legal .lm-legal-meta{font-size:.875rem;letter-spacing:.04em;text-transform:uppercase;color:#8A9AA6;margin:0 0 2.5rem;padding-bottom:1.25rem;border-bottom:1px solid #E2DCCD}
.lm-legal strong{color:#16333A}

/* ══ TutorLMS con la marca · catálogo, ficha y escritorio ══ */
/* tarjetas del catálogo */
.tutor-course-card{border:1px solid #E2DCCD;border-radius:16px;background:#FFFDF8;overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.tutor-course-card:hover{transform:translateY(-3px);border-color:#C9D3DC;
  box-shadow:0 14px 30px -18px rgba(22,51,58,.35)}
.tutor-course-card .tutor-course-thumbnail img{border-radius:0}
.tutor-course-card .tutor-card-body{padding:1.4rem 1.5rem 1.25rem}
.tutor-course-card .tutor-course-name,
.tutor-course-card .tutor-course-name a{font-family:"Averia Serif Libre",Georgia,serif;color:#16333A;
  font-size:1.3rem;line-height:1.28;font-weight:400;text-decoration:none}
.tutor-course-card .tutor-course-name a:hover{color:#32666D}
.tutor-course-card .tutor-meta{font-family:"DM Sans",sans-serif;font-size:.8125rem;color:#8A9AA6}
.tutor-course-card .tutor-course-bookmark{background:rgba(255,253,248,.92);border-radius:10px}
.tutor-course-card .tutor-course-loop-price,
.tutor-course-card .tutor-course-loop-price .price{font-family:"DM Sans",sans-serif;color:#16333A;
  font-weight:600;font-size:1.0625rem}
/* botones: pastilla, como el resto del sitio */
.tutor-btn{border-radius:999px;font-family:"DM Sans",sans-serif;font-weight:500;letter-spacing:.01em;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.tutor-btn-primary{background-color:#32666D;border-color:#32666D;color:#FFFDF8}
.tutor-btn-primary:hover,.tutor-btn-primary:focus{background-color:#16333A;border-color:#16333A;color:#FFFDF8}
.tutor-btn-outline-primary{color:#16333A;border:1px solid #16333A;background:transparent}
.tutor-btn-outline-primary:hover{background:#16333A;color:#FFFDF8}
/* filtros del catálogo */
.tutor-widget{border-bottom:1px solid #E2DCCD;padding-bottom:1.1rem}
.tutor-widget-title{font-family:"Averia Serif Libre",Georgia,serif;color:#16333A;font-size:1.05rem;font-weight:400}
.tutor-form-check-input{border-color:#C9D3DC}
.tutor-form-check-input:checked{background-color:#32666D;border-color:#32666D}
.tutor-form-control{border:1px solid #E2DCCD;border-radius:10px;font-family:"DM Sans",sans-serif;
  background:#FFFDF8;color:#16333A;min-height:44px}
.tutor-form-control:focus{border-color:#32666D;box-shadow:0 0 0 3px rgba(50,102,109,.14)}
/* ficha del curso */
.tutor-single-course-sidebar .tutor-card{border:1px solid #E2DCCD;border-radius:16px;background:#FFFDF8}
.tutor-course-sidebar-card-pricing .tutor-fs-4{font-family:"DM Sans",sans-serif;color:#16333A}
.tutor-course-details-header .tutor-course-name,
.tutor-course-details-header h1{font-family:"Averia Serif Libre",Georgia,serif;color:#16333A}
.tutor-course-details-widget{border-color:#E2DCCD}
.tutor-course-details-widget-title{font-family:"Averia Serif Libre",Georgia,serif;color:#16333A}
/* escritorio del alumno */
.tutor-dashboard-left-menu .tutor-dashboard-menu-item.active a,
.tutor-dashboard-left-menu .tutor-dashboard-menu-item a:hover{color:#32666D}
.tutor-dashboard-content h2,.tutor-dashboard-content h3{font-family:"Averia Serif Libre",Georgia,serif;color:#16333A}
.lm-course-download{margin:2rem 0 0;padding:1rem 1.2rem;border-left:3px solid #408992;background:#F5F0DD;border-radius:0 10px 10px 0}
.lm-course-download p{margin:.15rem 0;font-size:.95rem}
.lm-course-download a{color:#32666D;font-weight:600;text-decoration:underline;text-underline-offset:.18em}