/* Lo propio de «Tu ascendente» sobre estilos.css (el mismo de LUNA). */
.grado { font: 400 .62em var(--f-txt); color: var(--suave); letter-spacing: .04em; vertical-align: middle; }
.co { font-size: 15.5px; color: var(--suave); border-left: 2px solid var(--oro); padding-left: 12px; margin-top: 14px; }
.tips { margin-top: 18px; border: 1px solid #f0dcc0; border-radius: 14px; padding: 14px 16px 6px; background: linear-gradient(160deg, #fff7ea, #fff); }
.tips .cab { font: 800 10.5px/1.4 var(--f-txt); letter-spacing: .14em; text-transform: uppercase; color: var(--oro-texto); }
.tips ul { margin: 8px 0 0; padding-left: 18px; }
.tips li { margin-bottom: 8px; }
.datos { list-style: none; margin: 0; padding: 0; }
.datos li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f0e4d6; }
.datos li:last-child { border-bottom: 0; }
.datos b { font-weight: 700; color: var(--titulo); }
.datos span { color: var(--suave); text-align: right; }
.app { text-align: center; font-size: 15.5px; color: var(--suave); margin: 18px 0 0; }
.casa-n { font: 800 11.5px/1.4 var(--f-txt); letter-spacing: .14em; text-transform: uppercase; color: var(--oro-texto); margin-top: 16px; }
.est li b { color: var(--titulo); }

/* el mismo cuadro que en la app (Rama 21:44: un cuadro por evento, igual en el quiz y en la app) */
.cuadro-tapa { margin: 14px auto 18px; max-width: 520px; width: 100%; }
.cuadro-tapa img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 35%; border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(207, 164, 90, .45), 0 22px 50px rgba(0, 0, 0, .55); }
.cuadro-tapa figcaption { margin-top: 8px; font-size: 12.5px; color: rgba(246, 236, 224, .62); text-align: center; }