/* ==================== MIS-CITAS.CSS ==================== */

.mis-citas-section {
    padding: 3rem 2.5rem;
    max-width: 800px;
    margin: 0 auto;
}

.mis-citas-header { margin-bottom: 2rem; }

.mis-citas-loading {
    text-align: center;
    padding: 3rem 0;
    font-size: 13px;
    color: #bbb;
    letter-spacing: 0.5px;
}

.mis-citas-vacia {
    text-align: center;
    padding: 4rem 0;
    color: #aaa;
    font-size: 14px;
}

/* LISTA */
.mis-citas-lista {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #e8e8e8;
}

.cita-fila {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.1s;
}
.cita-fila:last-child { border-bottom: none; }
.cita-fila:hover { background: #fafafa; }

.cita-fila-izq {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cita-fecha {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
}

.cita-servicio {
    font-size: 12px;
    color: #888;
    letter-spacing: 0.3px;
}

.cita-fila-der {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cita-estado {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 10px;
}
.cita-estado.confirmada { background: #f0f5e8; color: #4a7a1a; }
.cita-estado.pendiente  { background: #fff8e8; color: #8a6a00; }
.cita-estado.cancelada  { background: #f8f8f8; color: #bbb; }
.cita-estado.pasada     { background: #f8f8f8; color: #bbb; }

.btn-cancelar {
    background: none;
    border: 1px solid #e0e0e0;
    color: #bbb;
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    cursor: pointer;
    transition: all 0.15s;
}
.btn-cancelar:hover { border-color: #e24b4a; color: #e24b4a; }