/* ============================================================
   MEJ Campus — identidad de RedMEJ sobre LearnDash y Mi cuenta

   Esta hoja se encola declarando `learndash-front` como dependencia, así que
   sale DESPUÉS de learndash.min.css. Es la razón por la que acá alcanzan
   selectores normales: el CSS del kit de Elementor (elementor-post-7) carga
   ANTES que LearnDash, y a igual especificidad perdía por orden de fuente.

   Los 3 colores de marca NO están acá: van en los ajustes del tema LD30, que
   hace que LearnDash emita su propio bloque inline (y de paso define las clases
   .ld-primary-color / .ld-secondary-background, que sin eso quedan huérfanas).
   Acá van los grises, bordes y radios que LD30 trae hardcodeados.
   ============================================================ */

/*
 * Las variables van en :root y no en los contenedores del campus: en
 * /mi-cuenta/ SIN sesión no existe .mejc-dash (ese template solo se renderiza
 * logueada), así que var(--mej-vino) quedaba sin valor y el botón "Acceso"
 * salía transparente.
 */
:root {
  --mej-vino:#8B1D45;
  --mej-coral:#C93A28;
  --mej-crema:#FBF3EE;
  --mej-texto:#5A1A30;
  --mej-mute:#9A5266;
  --mej-linea:rgba(139,29,69,.12);
  --mej-sombra:0 20px 50px -34px rgba(74,10,30,.4);
}

/* ---- LearnDash: tipografía y títulos ---- */
.learndash-wrapper{font-family:'Figtree',system-ui,-apple-system,sans-serif;color:var(--mej-texto)}
.learndash-wrapper h1,.learndash-wrapper h2,
.learndash-wrapper h3,.learndash-wrapper h4{
  font-family:inherit;color:var(--mej-vino);letter-spacing:-.01em;font-weight:700}

/* ---- LearnDash: superficies ---- */
.learndash-wrapper .ld-item-list .ld-item-list-item{
  background:#fff;border:1px solid var(--mej-linea);border-radius:18px;
  margin:0 0 10px;box-shadow:var(--mej-sombra)}
.learndash-wrapper .ld-course-status,
.learndash-wrapper .ld-lesson-section-heading,
.learndash-wrapper .ld-table-list-header{
  background:var(--mej-crema);border-color:var(--mej-linea)}
.learndash-wrapper .ld-course-status{border:1px solid var(--mej-linea);border-radius:22px}
.learndash-wrapper .ld-table-list,
.learndash-wrapper .ld-table-list-items,
.learndash-wrapper .ld-item-list-item-preview,
.learndash-wrapper .ld-content-actions{border-color:var(--mej-linea)}

/* ---- LearnDash: avisos ---- */
.learndash-wrapper .ld-alert{
  background-color:var(--mej-crema);border:1px solid var(--mej-linea);
  border-radius:18px;color:var(--mej-texto)}
.learndash-wrapper .ld-alert-warning{border-color:rgba(239,83,64,.35)}

/* ---- LearnDash: textos secundarios ---- */
.learndash-wrapper .ld-course-status-label,
.learndash-wrapper .ld-item-details,
.learndash-wrapper .ld-breadcrumbs{color:var(--mej-mute)}

/* ---- LearnDash: botones con la forma de .cta-solid ---- */
.learndash-wrapper .ld-button{
  border-radius:100px;font-weight:600;letter-spacing:.01em;
  transition:transform .2s,box-shadow .2s}
.learndash-wrapper .ld-button:hover{
  transform:translateY(-3px);box-shadow:0 22px 40px -16px rgba(74,10,30,.5)}
.learndash-wrapper .ld-button.ld-button-transparent{
  background:transparent;color:var(--mej-vino);border:1px solid var(--mej-linea)}

/* ---- LearnDash: barra de progreso ---- */
.learndash-wrapper .ld-progress .ld-progress-bar{
  background:rgba(139,29,69,.10);border-radius:100px;height:8px}
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage{
  border-radius:100px;height:8px}

/* ---- LearnDash: modo foco ---- */
.learndash-wrapper .ld-focus .ld-focus-header{
  background:var(--mej-crema);border-bottom:1px solid var(--mej-linea)}
.learndash-wrapper .ld-focus .ld-focus-sidebar{border-right:1px solid var(--mej-linea)}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{
  background:var(--mej-crema)}
.learndash-wrapper .ld-focus-comments{background:var(--mej-crema)}

/* ============================================================
   Campus: Mi cuenta y /campus/
   ============================================================ */
.campus-saludo{margin:0 0 22px;font-size:1.05rem;color:var(--mej-mute)}
.campus-saludo b{color:var(--mej-vino)}
.campus-h{margin:0 0 22px;font-weight:700;text-transform:uppercase;letter-spacing:-.015em;
  color:var(--mej-vino);font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.15}
.campus-h--sep{margin-top:clamp(40px,5vw,64px)}

.campus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,26px)}
/* Con un solo curso la tarjeta quedaba sola contra el borde izquierdo. */
.campus-grid > :only-child{grid-column:1/-1;max-width:460px;margin-inline:auto}
.campus-card{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.campus-thumb{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;
  background:var(--mej-crema);margin-bottom:18px;
  display:flex;align-items:center;justify-content:center}
.campus-thumb img{width:100%;height:100%;object-fit:cover;display:block}
/* Sin portada, la flor de la marca centrada en vez de una imagen estirada. */
.campus-thumb--flor img{width:64px;height:64px;object-fit:contain}
.campus-title{margin:10px 0 0;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--mej-vino);line-height:1.25}

.campus-prog{width:100%;height:8px;border-radius:100px;background:rgba(139,29,69,.10);
  overflow:hidden;margin:16px 0 8px}
.campus-prog-bar{display:block;height:100%;border-radius:100px;
  background:linear-gradient(90deg,#EF5340,#F5764E)}
.campus-prog-txt{margin:0 0 16px;font-size:.88rem;color:var(--mej-mute)}
.campus-card .cta-line{margin-top:auto}

.campus-empty{background:#fff;border:1px solid rgba(139,29,69,.07);border-radius:24px;
  padding:clamp(28px,3.4vw,44px);text-align:center;box-shadow:var(--mej-sombra)}
.campus-empty img{margin:0 auto 18px;display:block}
.campus-empty p{margin:0 0 14px;color:var(--mej-mute);line-height:1.6}
.campus-empty .campus-h{margin-bottom:14px}

/* ---- formularios de Mi cuenta con el lenguaje de .rm-popup ---- */
.woocommerce-account .woocommerce-form label,
.woocommerce-account .woocommerce-ResetPassword label{
  color:var(--mej-vino);font-weight:600;font-size:.85rem;margin-bottom:4px}
.woocommerce-account .woocommerce-Input,
.woocommerce-account input[type=text],
.woocommerce-account input[type=email],
.woocommerce-account input[type=tel],
.woocommerce-account input[type=password]{
  border:1px solid rgba(139,29,69,.22);border-radius:12px;padding:12px 14px;
  background:#fff;color:var(--mej-texto);font-family:inherit;width:100%}
.woocommerce-account .woocommerce-Input:focus,
.woocommerce-account input:focus{
  border-color:#EF5340;outline:none;box-shadow:0 0 0 3px rgba(239,83,64,.12)}
.woocommerce-account .woocommerce-form button[type=submit],
.woocommerce-account .woocommerce-Button{
  background:var(--mej-vino);border-radius:100px;font-weight:700;padding:14px 28px;
  color:#fff;border:0;transition:background .2s,transform .2s}
.woocommerce-account .woocommerce-form button[type=submit]:hover,
.woocommerce-account .woocommerce-Button:hover{background:#EF5340;transform:translateY(-2px)}
.mejc-nota{font-size:.88rem;color:var(--mej-mute);line-height:1.5}

/* ---- menú lateral de Mi cuenta ---- */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--mej-linea)}
.woocommerce-MyAccount-navigation li a{
  display:block;padding:12px 4px;color:var(--mej-texto);text-decoration:none;font-weight:600}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{color:var(--mej-vino)}

@media (max-width:900px){
  .campus-grid{grid-template-columns:1fr}
}