/* ══ Recordatorios (RecordatoriosPage / RecordatorioEditPage de la app) ═══════ */
.rec-lista { display: flex; flex-direction: column; gap: 8px; padding-bottom: 86px; }
.rec-vacio { font-size: 13px; color: #A09080; margin: 10px 6px; }
.rec-error { font-size: 12px; color: #C0392B; margin: 6px 4px; }
.rec-grupo { font-size: 11px; font-weight: 700; letter-spacing: 1px; margin: 8px 0 0 4px; }
.rec-cab-hechos {
    border: none; background: transparent; text-align: left; font-size: 11px; font-weight: 700;
    color: #A09080; margin: 14px 0 0 4px; padding: 6px 0; cursor: pointer; font-family: inherit; white-space: pre;
}

.rec-tarjeta {
    display: flex; gap: 12px; background: #fff; border: 1px solid #EDE5D8; border-radius: 14px;
    padding: 12px; cursor: pointer;
}
.rec-tarjeta.vencido { border-color: #F1C6C0; }
.rec-circulo {
    flex-shrink: 0; width: 26px; height: 26px; margin-top: 1px; border-radius: 13px; border: 2px solid #A09080;
    background: transparent; color: #fff; font-size: 14px; line-height: 1; cursor: pointer; padding: 0;
    display: flex; align-items: center; justify-content: center;
}
.rec-circulo.hecho { background: #16A34A; border-color: #16A34A; }
.rec-textos { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.rec-texto { font-size: 15px; font-weight: 700; color: #3D2B1F; overflow-wrap: anywhere; }
.rec-texto.hecho { font-weight: 400; color: #A09080; text-decoration: line-through; }
.rec-nota-tx {
    font-size: 12px; color: #6B5A4E; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.rec-cuando { font-size: 12px; color: #A09080; white-space: pre; }
.rec-cuando.vencido { color: #C0392B; }
.rec-de { font-size: 11px; color: #A09080; }
.rec-chip {
    align-self: flex-start; border: none; background: #EFE7DA; border-radius: 10px; padding: 4px 9px;
    font-size: 12px; color: #2D6A9F; cursor: pointer; font-family: inherit; white-space: pre; text-align: left;
}

/* El botón fijo abajo, fuera del scroll */
.rec-pie {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 800; background: #F5EFE6;
    padding: 8px 14px calc(14px + env(safe-area-inset-bottom, 0px));
    display: flex; justify-content: center;
}
.rec-nuevo {
    width: 100%; max-width: 560px; height: 46px; border: none; border-radius: 14px; background: #3D2B1F;
    color: #C9B99A; font-size: 14px; cursor: pointer; font-family: inherit; white-space: pre;
}

/* Formulario */
.rec-form { display: flex; flex-direction: column; gap: 10px; }
.rec-rotulo { font-size: 11px; font-weight: 700; color: #6B5A4E; margin: 6px 0 0 2px; }
.rec-input {
    width: 100%; box-sizing: border-box; border: 1px solid #EDE5D8; border-radius: 10px; background: #fff;
    color: #3D2B1F; padding: 11px 12px; font-size: 16px; font-family: inherit;
    -webkit-appearance: none; appearance: none;
}
select.rec-input { background-image: linear-gradient(45deg, transparent 50%, #A09080 50%), linear-gradient(135deg, #A09080 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 32px; }
.rec-nota { resize: vertical; min-height: 60px; }
.rec-marco {
    background: #fff; border: 1px solid #EDE5D8; border-radius: 14px; padding: 12px;
    display: flex; flex-direction: column; gap: 8px;
}
.rec-marco .rec-input { border-color: #E4DAC9; }
.rec-check { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #3D2B1F; cursor: pointer; }
.rec-check input { width: 22px; height: 22px; accent-color: #3D2B1F; }
.rec-fecha-larga { font-size: 13px; color: #6B5A4E; margin: -2px 2px 0; }
.rec-hora { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #3D2B1F; }
.rec-hora .rec-input { width: 130px; }
.rec-aviso { font-size: 11px; color: #A09080; }
.rec-sin-trabajo { font-size: 13px; color: #A09080; }
.rec-con-trabajo { font-size: 13px; color: #2D6A9F; }
.rec-btn-vincular {
    height: 44px; border: none; border-radius: 12px; background: #E8DFD2; color: #3D2B1F; font-size: 14px;
    cursor: pointer; font-family: inherit; white-space: pre;
}
.rec-busca-bots { display: flex; gap: 8px; justify-content: flex-end; }
.rec-btn-pri, .rec-btn-sec {
    border: none; border-radius: 10px; padding: 10px 16px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: inherit;
}
.rec-btn-pri { background: #3D2B1F; color: #fff; }
.rec-btn-sec { background: transparent; color: #6B5A4E; }
.rec-hallado {
    display: flex; flex-direction: column; gap: 2px; text-align: left; border: 1px solid #EDE5D8; background: #FBF8F3;
    border-radius: 10px; padding: 10px 12px; cursor: pointer; font-family: inherit;
}
.rec-hallado b { font-size: 14px; color: #3D2B1F; }
.rec-hallado small { font-size: 12px; color: #A09080; }
.rec-quitar {
    height: 38px; border: none; border-radius: 12px; background: transparent; color: #C0392B; font-size: 13px;
    cursor: pointer; font-family: inherit;
}
.rec-guardar {
    height: 48px; margin-top: 10px; border: none; border-radius: 14px; background: #3D2B1F; color: #C9B99A;
    font-size: 15px; cursor: pointer; font-family: inherit;
}
.rec-guardar:disabled { opacity: .6; }
.rec-cancelar {
    height: 42px; border: none; border-radius: 14px; background: #E8DFD2; color: #3D2B1F; font-size: 14px;
    cursor: pointer; font-family: inherit;
}
.rec-borrar {
    height: 42px; border: none; border-radius: 14px; background: transparent; color: #C0392B; font-size: 13px;
    cursor: pointer; font-family: inherit;
}