/* ============================================================================
   LIVE YOUR DREAMS — Carreras
   Listado, ficha de carrera y bloque «Carreras donde puedes usarlo» de la ficha
   de producto. Se carga solo ahí (ver lyd_enqueue_assets() en functions.php).
   La cabecera, el cuerpo de texto y la paginación vienen de content.css; las
   tarjetas de producto de la ficha de carrera, de woo-archive.css.
   ========================================================================== */

/* ---- Rejilla de tarjetas ---- */
.lyd-comp-grid { display: grid; gap: var(--space-10) var(--space-8); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) {
  .lyd-comp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .lyd-comp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---- Tarjeta de carrera ---- */
.lyd-comp-card { display: flex; flex-direction: column; min-width: 0; position: relative; }
/* Sin foto: el logo en suave sobre el degradado de la casa. */
.lyd-comp-card__media { aspect-ratio: 16 / 10; background: url("../img/live-your-dreams_imagotipo_white.svg") no-repeat center / auto 34%,
    radial-gradient(120% 100% at 80% 10%, rgba(0, 233, 203, 0.18), transparent 60%),
    linear-gradient(160deg, #1b1b1b 0%, var(--brand-navy) 100%); display: block; overflow: hidden; position: relative; }
.lyd-comp-card__img { display: block; height: 100%; object-fit: cover; transition: transform 500ms ease; width: 100%; }
.lyd-comp-card:hover .lyd-comp-card__img { transform: scale(1.04); }
.lyd-comp-card__fecha { background: #ffffff; color: var(--ink); font-family: var(--font-display); font-size: 0.75rem; font-weight: var(--fw-bold); left: var(--space-3); letter-spacing: 0.1em; line-height: 1; padding: var(--space-2) var(--space-3); position: absolute; text-align: center; text-transform: uppercase; top: var(--space-3); }
.lyd-comp-card__fecha strong { display: block; font-size: 1.5rem; letter-spacing: 0; margin-bottom: 2px; }
.lyd-comp-card__body { display: flex; flex: 1; flex-direction: column; gap: var(--space-2); padding-top: var(--space-5); }
.lyd-comp-card__lugar { color: var(--text-muted); font-family: var(--font-display); font-size: 0.8125rem; font-weight: var(--fw-bold); letter-spacing: 0.12em; margin: 0; text-transform: uppercase; }
.lyd-comp-card__title { font-family: var(--font-display); font-size: clamp(1.35rem, 2vw, 1.6rem); letter-spacing: -0.01em; line-height: 1.02; margin: 0; text-transform: uppercase; }
.lyd-comp-card__title a:hover { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 4px; }
/* Toda la tarjeta es clicable sin anidar enlaces. */
.lyd-comp-card__title a::after { content: ""; inset: 0; position: absolute; }
.lyd-comp-card__datos { color: var(--text-muted); font-size: var(--text-small); margin: 0; }
.lyd-comp-card__more { font-family: var(--font-display); font-size: 0.8125rem; font-weight: var(--fw-bold); letter-spacing: 0.12em; margin-top: auto; padding-top: var(--space-2); text-transform: uppercase; }

/* ---- Ficha de carrera ---- */
.lyd-carrera__body { display: grid; gap: var(--space-10); grid-template-columns: minmax(0, 1fr); }
.lyd-carrera__main { min-width: 0; }
/* En móvil los datos van antes que el texto: es lo que se busca primero. */
.lyd-carrera__ficha { order: -1; }
@media (min-width: 1024px) {
  .lyd-carrera__body { gap: var(--space-16); grid-template-columns: minmax(0, 1fr) 360px; }
  .lyd-carrera__ficha { align-self: start; order: 0; position: sticky; top: calc(var(--topnav-h-desktop, 80px) + var(--space-6)); }
}
.lyd-carrera__foto { margin: 0 0 var(--space-8); }
.lyd-carrera__foto img { display: block; height: auto; max-height: 520px; object-fit: cover; width: 100%; }

.lyd-carrera__ficha { border-top: 2px solid var(--ink); padding-top: var(--space-4); }
.lyd-carrera__ficha-titulo { font-family: var(--font-display); font-size: 0.8125rem; font-weight: var(--fw-bold); letter-spacing: 0.16em; margin: 0 0 var(--space-3); text-transform: uppercase; }
.lyd-carrera__datos { margin: 0; }
.lyd-carrera__dato { align-items: baseline; border-bottom: 1px solid var(--border-subtle); display: flex; gap: var(--space-4); justify-content: space-between; padding: var(--space-3) 0; }
.lyd-carrera__dato dt { color: var(--text-muted); font-size: var(--text-small); }
.lyd-carrera__dato dd { font-weight: var(--fw-bold); margin: 0; text-align: right; }
.lyd-carrera__acciones { display: grid; gap: var(--space-2); margin-top: var(--space-6); }

/* ---- Productos recomendados ---- */
.lyd-carrera__equipo { border-top: 1px solid var(--border-subtle); padding-block: var(--space-16) var(--space-20); }
.lyd-carrera__equipo .lyd-kicker { margin-bottom: var(--space-3); }
.lyd-carrera__equipo-titulo { font-size: var(--text-h2); line-height: 0.95; margin: 0; }
.lyd-carrera__grupo { margin-top: var(--space-12); }
.lyd-carrera__grupo-titulo { border-bottom: 2px solid var(--ink); font-family: var(--font-display); font-size: 1.5rem; font-weight: var(--fw-bold); letter-spacing: 0.02em; margin: 0 0 var(--space-6); padding-bottom: var(--space-3); text-transform: uppercase; }

/* ---- Bloque de la ficha de producto ---- */
.lyd-comp-pdp { border-top: 1px solid var(--border-subtle); padding-block: var(--space-12); }
.lyd-comp-pdp__kicker { align-items: center; color: var(--text-primary); display: inline-flex; font-family: var(--font-display); font-size: 0.8125rem; font-weight: var(--fw-bold); gap: var(--space-3); letter-spacing: 0.22em; margin: 0 0 var(--space-2); text-transform: uppercase; }
.lyd-comp-pdp__kicker::before { content: ""; background: var(--accent); display: inline-block; height: 2px; width: 28px; }
.lyd-comp-pdp__title { color: var(--text-primary); font-family: var(--font-display); font-size: var(--text-h2); font-weight: var(--fw-bold); letter-spacing: -0.005em; line-height: 0.95; margin: 0 0 var(--space-8); text-transform: uppercase; }