/* «Tus cuidados» (amedor-portal/cuidados.js, 27-oct-2026). Usa los colores del portal (styles.css) y la tarjeta .card.
   Lectura comoda en un telefono de 375 px: letra 1.05 rem, interlineado 1.6, un paso por linea, botones de 48 px. */
.cu-card { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.cu-card--visto { opacity: .9; }
.cu-cab { display: flex; gap: 10px; align-items: flex-start; justify-content: space-between; }
.cu-tit { margin: 0; font-family: inherit; font-size: 1.12rem; font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; }
.cu-chip { flex: none; padding: 2px 10px; border-radius: 999px; border: 1px solid var(--line, rgba(201,162,75,.35)); font-size: .9rem; white-space: nowrap; }
.cu-chip--ok { border-color: rgba(120,190,140,.6); }
.cu-fecha { margin: 0; color: var(--muted, #b7a892); font-size: .95rem; }
.cu-video { width: 100%; max-height: 72vh; border-radius: 14px; background: #000; }
.cu-ver { align-self: flex-start; min-height: 48px; display: inline-flex; align-items: center; text-decoration: none; }
.cu-afuera { margin: 0; color: var(--muted, #b7a892); font-size: .95rem; line-height: 1.5; }
.cu-sub { margin: 6px 0 0; font-size: 1rem; font-weight: 500; color: var(--gold-bright, #E4C77A); }
.cu-pasos { margin: 0; padding-left: 24px; font-size: 1.05rem; line-height: 1.6; }
.cu-pasos li { margin-bottom: 4px; padding-left: 2px; }
.cu-acts { display: flex; gap: 10px; flex-wrap: wrap; }
.cu-btn { min-height: 48px; }
.cu-nota { margin: 0; color: var(--muted, #b7a892); font-size: .88rem; line-height: 1.5; }
.cu-vistos { margin-top: 6px; }
.cu-vistos summary { min-height: 48px; display: flex; align-items: center; cursor: pointer; font-weight: 500; }
.cu-vistos summary::before { content: '▸'; margin-right: 8px; }   /* con display:flex Safari quita el triangulo: se ve que se abre */
.cu-vistos[open] summary::before { content: '▾'; }
.cu-inicio-txt { font-size: 1.05rem; margin: 0 0 12px; }
.cu-vacia { line-height: 1.6; }